/* SQUARE Air × Vynzo Media — Visual experience refinement
   Informative artwork and diagrams. All illustrated workflows are conceptual. */
:root{--premium-gold:#d3b775;--premium-sky:#68b4c6;--premium-deep:#051b29;--premium-border:#d3e1e5}
::selection{background:#d6bb83;color:#082e3e}
body{background:#f7faf9}
.section{padding:104px 0 112px}
.split-heading{margin-bottom:42px;gap:5%}
.split-heading h2{font-size:clamp(46px,5.25vw,75px);line-height:1.055}
.section-kicker{margin-bottom:24px}
.section-kicker span{box-shadow:0 0 0 5px rgba(95,162,181,.07)}
.section-dark .section-kicker span{box-shadow:0 0 0 5px rgba(208,182,114,.06)}
.section-kicker:after{content:'';height:1px;background:linear-gradient(90deg,#aac7ce,transparent);flex:1;max-width:130px}
.section-dark .section-kicker:after{background:linear-gradient(90deg,#547380,transparent)}
.paper-section{background:radial-gradient(ellipse at 83% 25%,#e8f1f2 0,transparent 48%),#f8f9f7}
.search-section{background:linear-gradient(160deg,#fff 15%,#eff5f5 85%)}
.audit-section{background:radial-gradient(circle at 93% 78%,#e0edf0 0,transparent 35%),#edf3f4}
.campaigns-section{background:radial-gradient(circle at 9% 20%,rgba(198,222,225,.27),transparent 38%),#f7faf9}
.partner-section{background:#f8faf8}
.roadmap-section{background:linear-gradient(150deg,#edf4f4 0,#f8faf9 75%)}
.section h2 em{font-weight:400}
.btn,.nav-proposal{transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease}
.btn:hover,.nav-proposal:hover{box-shadow:0 12px 28px rgba(3,29,42,.12)}
.navigation{min-height:62px}
.hero{min-height:710px;padding:94px 0 40px;background:radial-gradient(ellipse at 76% 44%,#174e65 0,transparent 46%),linear-gradient(120deg,#041823,#092f41 66%,#051d2c)}
.hero:before{background-size:60px 60px;opacity:.7}
.hero-content{min-height:586px}
.hero h1{max-width:790px;text-shadow:0 12px 55px rgba(0,0,0,.12);font-size:clamp(72px,8vw,118px)}
.hero-graphic{opacity:.73;right:-170px;top:7%}
.hero-graphic img{filter:drop-shadow(0 30px 34px rgba(0,0,0,.44))}
.hero-intelligence{margin-top:30px;display:flex;align-items:center;gap:8px;max-width:680px;padding:12px;background:rgba(13,55,72,.4);border:1px solid rgba(181,216,218,.16);border-radius:14px;backdrop-filter:blur(8px)}
.hero-signal{min-width:0;display:flex;align-items:center;flex:1;gap:9px;padding:4px 8px;position:relative}
.hero-signal>b{width:30px;height:30px;border-radius:50%;border:1px solid #7c9fa880;display:grid;place-items:center;color:#dfc78d;font-size:10px;letter-spacing:.06em}
.hero-signal div{display:flex;flex-direction:column;min-width:0}
.hero-signal strong{font-size:10px;color:#ebf4f1;letter-spacing:.11em}
.hero-signal small{font-size:10px;color:#9dbac6;white-space:nowrap}
.hero-signal-link{flex:none;width:18px;height:1px;background:linear-gradient(90deg,#b0cbca,#d1b779)}
.signal-pulse{position:absolute;left:19px;top:13px;width:13px;height:13px;border:1px solid #c7b275;border-radius:50%;animation:signalPulse 3.4s infinite ease-out;pointer-events:none}
@keyframes signalPulse{0%,100%{opacity:.0;transform:scale(.8)}30%{opacity:.6;transform:scale(2.5)}70%{opacity:0;transform:scale(3.1)}}
.hero-graphic-meta{position:absolute;inset:2% 5% 12% 12%;color:rgba(142,205,215,.62)}
.hero-graphic-meta svg{position:absolute;inset:20% 0 0;width:100%;height:68%;filter:drop-shadow(0 0 12px rgba(80,160,195,.4));overflow:visible}
.hero-graphic-meta circle{fill:#d7c489}
.hero-graphic-meta .flight-moving-dot{fill:#61cbdb;filter:drop-shadow(0 0 5px #5cbdc7)}
.flight-marker,.flight-coordinates{position:absolute;font-size:9px;letter-spacing:.16em;font-weight:700;color:#8eb2bd}
.flight-marker{top:8%;right:6%}.flight-coordinates{bottom:2%;left:7%}
/* Distinct editorial values */
.value-triptych{gap:12px}
.value-panel{background:linear-gradient(155deg,#fff,#f8fbfa);border-radius:8px 22px 8px 22px;border-top:3px solid #cbdfdf;min-height:314px;padding:28px 29px}
.value-panel:nth-child(2){border-top-color:#d3b775}
.value-panel:nth-child(3){border-top-color:#6ba8bb}
.value-panel h3{font-size:31px}
.value-panel .jumbo{margin:22px 0 18px;width:35px;height:35px}
.value-panel p{margin:12px 0 21px}
/* Trust atlas, a custom interactive editorial diagram */
.trust-atlas{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:32px;position:relative;overflow:hidden;margin-top:22px;padding:42px 43px;border-radius:22px;background:radial-gradient(circle at 74% 45%,#18495b 0,transparent 47%),linear-gradient(120deg,#061e2c,#0a3041 92%);color:#edf4f0;box-shadow:0 26px 54px rgba(7,35,50,.1)}
.trust-atlas:before{content:'';position:absolute;inset:0;opacity:.17;pointer-events:none;background-image:linear-gradient(#90c1c3 1px,transparent 1px),linear-gradient(90deg,#90c1c3 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent 18%,#000 95%)}
.trust-atlas-intro,.trust-atlas-map{position:relative;z-index:1}
.trust-atlas .micro-kicker{color:#dac68d}
.trust-atlas h3{font:400 clamp(33px,3.3vw,52px)/1.1 var(--serif);letter-spacing:-.038em;margin:24px 0}
.trust-atlas h3 em{color:#d5b877}
.trust-atlas-intro p{font-size:14px;line-height:1.7;color:#b5d1d7;max-width:340px}
.atlas-count{display:flex;align-items:baseline;gap:10px;margin-top:32px;padding-top:20px;border-top:1px solid #53718177}
.atlas-count strong{font-size:48px;line-height:1;color:#ecd8a8;font-weight:400;font-family:var(--serif)}
.atlas-count span{font-size:10px;font-weight:800;letter-spacing:.12em;color:#aac4ca}
.trust-atlas-map{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:center}
.atlas-orbits{grid-column:1;grid-row:1/3;width:170px;height:170px;border-radius:50%;border:1px solid #b9d5d136;position:relative;display:grid;place-items:center;background:radial-gradient(circle,#2c657271,transparent 65%)}
.atlas-orbits span{position:absolute;inset:12%;border-radius:50%;border:1px solid #d7bb8151}
.atlas-orbits span:nth-child(2){inset:26%;border-style:dashed;border-color:#e0d4a363}
.atlas-orbits span:nth-child(3){inset:39%;background:#d7bb8171;box-shadow:0 0 27px #d5b97d60}
.atlas-orbits b{position:relative;z-index:1;color:#fff;font-size:11px;letter-spacing:.17em}
.atlas-route{grid-column:2;display:flex;flex-direction:column;gap:4px}
.atlas-step{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;border:1px solid transparent;border-radius:9px;text-align:left;padding:9px 11px;background:transparent;color:#ccdcdd;transition:.24s}
.atlas-step span{font-size:10px;color:#cbb67f;font-weight:800}.atlas-step strong{font-size:13px;font-weight:700}.atlas-step small{font-size:10px;color:#9dbac2}
.atlas-step:hover,.atlas-step.active{border-color:#bdcfca31;background:#eff9f812;color:#fff;transform:translateX(4px)}
.atlas-reading{grid-column:1/3;background:#f8faf8;color:#163648;border-radius:12px;padding:20px 24px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);column-gap:24px;align-items:center}
.atlas-reading>span{grid-column:1/3;color:#56879a;font-size:10px;font-weight:800;letter-spacing:.14em}
.atlas-reading h4{font:400 23px/1.18 var(--serif);letter-spacing:-.02em;margin:9px 0}
.atlas-reading>p{color:#617e8c;font-size:12px;line-height:1.55;grid-column:1;grid-row:3}
.atlas-outcome{grid-column:2;grid-row:2/4;background:#e9f2f2;border-left:2px solid #d0b577;padding:15px 18px;min-height:90px;display:flex;flex-direction:column;justify-content:center}
.atlas-outcome b{font-size:9px;color:#668394;letter-spacing:.14em}.atlas-outcome span{font-size:13px;color:#28516a;line-height:1.5;margin-top:8px}
/* Audit visual component */
.audit-spectrum{display:grid;grid-template-columns:.85fr 1.15fr;gap:36px;align-items:center;margin-top:16px;padding:35px 42px;background:#fff;border:1px solid #d4e2e5;border-radius:18px;box-shadow:0 16px 40px rgba(7,40,53,.04)}
.audit-spectrum h3{font:400 clamp(29px,2.6vw,39px)/1.12 var(--serif);color:#173d50;margin:13px 0 12px;letter-spacing:-.025em}
.audit-spectrum p{color:#6b858f;font-size:12px;line-height:1.7}
.spectrum-bars{border-left:1px solid #e0e9e9;padding-left:28px}
.spectrum-row{display:grid;grid-template-columns:153px minmax(0,1fr) 27px;gap:13px;align-items:center;margin:0 0 13px}
.spectrum-row>span{font-size:12px;color:#446876;font-weight:650}.spectrum-row>div{height:13px;background:#e9eff0;border-radius:100px;overflow:hidden}
.spectrum-row i{display:block;width:var(--w);height:100%;background:linear-gradient(90deg,#125773,#52afc2);border-radius:100px;box-shadow:0 3px 12px #63a3ae33;transform-origin:left;animation:growBar 1.1s ease both}
.spectrum-row:nth-child(2) i{background:linear-gradient(90deg,#a89154,#d4b775)}
.spectrum-row:nth-child(3) i{background:linear-gradient(90deg,#275e72,#8ec2cb)}
.spectrum-row>strong{font-weight:700;font-size:13px;color:#1c465c;text-align:right}
.spectrum-key{display:flex;gap:17px;justify-content:space-between;border-top:1px solid #dde7e8;padding-top:13px;margin-top:18px;color:#68808c;font-size:10px}
.spectrum-key i{width:8px;height:8px;display:inline-block;border-radius:50%;background:#378fa8;margin-right:6px}
@keyframes growBar{from{transform:scaleX(.08)}to{transform:scaleX(1)}}
/* Dark social data evidence */
.social-evidence-lens{display:grid;grid-template-columns:.78fr 1.22fr;gap:28px;border:1px solid #6d93a044;background:linear-gradient(120deg,#0a2c3d,#0d394b);border-radius:20px;margin-top:22px;padding:35px 38px;position:relative;overflow:hidden}
.social-evidence-lens:after{content:'';position:absolute;width:320px;height:320px;border:1px solid #ffffff12;border-radius:50%;right:-200px;top:-190px;box-shadow:0 0 0 85px #ffffff04,0 0 0 170px #ffffff03;pointer-events:none}
.lens-lead{position:relative;z-index:1}.lens-lead h3{font:400 clamp(30px,2.7vw,43px)/1.11 var(--serif);letter-spacing:-.03em;margin:15px 0;color:#eff6f3}.lens-lead h3 em{color:#d6bd80}
.lens-lead p{font-size:13px;color:#acc8d1;line-height:1.7}
.lens-signal{position:relative;z-index:1}.lens-scale{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lens-scale>div{background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;padding:15px 19px;display:flex;flex-direction:column}
.lens-scale span{color:#a8c8d2;font-size:9px;letter-spacing:.13em;font-weight:800}
.lens-scale strong{font-size:clamp(28px,3.2vw,44px);color:#f9faf7;font-weight:500;letter-spacing:-.05em;line-height:1.25;margin:5px 0}
.lens-scale small{color:#e4ce97;font-size:12px}
.lens-window{margin-top:17px;background:#f1f7f8;border-radius:11px;padding:19px 22px}
.lens-window>span{font-size:10px;font-weight:800;color:#2d5a6e;letter-spacing:.13em}
.window-line{position:relative;height:12px;border-radius:99px;background:#ccdde1;margin:18px 0 11px;overflow:hidden}
.window-line i{display:block;height:100%;width:15.56%;background:linear-gradient(90deg,#2a8caa,#dfc17d);border-radius:99px}
.window-key{display:flex;justify-content:space-between;gap:12px;color:#476c7b;font-size:11px}.window-key b{font-weight:700;color:#173a4b}
.lens-warning{display:flex;gap:12px;margin-top:14px;align-items:flex-start;color:#bdd3da;font-size:12px;line-height:1.55}
.lens-warning .ico{color:#d9c383;width:20px;height:20px}.lens-warning strong{color:#fff}
/* Search pathway */
.search-signal-journey{margin:25px 0 0;padding:38px 40px;border-radius:19px;border:1px solid #cfdfe3;background:#0b3042;color:#eef5f6;box-shadow:0 22px 50px #052b3a13}
.signal-journey-head{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end}
.signal-journey-head .micro-kicker{grid-column:1/-1;color:#dbc287}
.signal-journey-head h3{font:400 clamp(30px,3.2vw,46px)/1.1 var(--serif);letter-spacing:-.04em}
.signal-journey-head p{font-size:13px;color:#b4cbd2;line-height:1.7}
.signal-chain{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin:33px 0 14px;position:relative}
.signal-chain-step{min-height:101px;background:#ffffff0b;border:1px solid #ffffff28;border-radius:13px;padding:15px 17px;text-align:left;color:#e5eef0;display:flex;flex-direction:column;transition:.25s;position:relative}
.signal-chain-step:not(:last-child):after{content:'→';position:absolute;right:-13px;top:35px;z-index:2;color:#d9c386;font-size:18px}
.signal-chain-step i{font-size:10px;color:#d8c17f;font-weight:800;font-style:normal;letter-spacing:.1em}.signal-chain-step strong{font-size:15px;margin:9px 0 1px}.signal-chain-step small{color:#bad0d7;font-size:10px}
.signal-chain-step:hover,.signal-chain-step.active{background:#e4f3f4;color:#123f54;border-color:#e4f3f4;transform:translateY(-3px)}
.signal-chain-step.active small,.signal-chain-step:hover small{color:#507889}.signal-chain-step.active i,.signal-chain-step:hover i{color:#a17c38}
.signal-chain-answer{background:#f7faf8;border-radius:12px;color:#143c52;display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:20px;align-items:center;padding:23px 27px}
.signal-chain-icon{width:50px;height:50px;border-radius:50%;background:#e0eef0;color:#1c809c;display:grid;place-items:center}
.signal-chain-icon .ico{height:24px;width:24px}.signal-chain-answer span{color:#64899a;font-size:10px;font-weight:800;letter-spacing:.12em}
.signal-chain-answer h4{font:400 27px/1.1 var(--serif);margin:7px 0;color:#173e52}.signal-chain-answer p{font-size:12px;color:#5f7c8b;line-height:1.6}
.signal-chain-answer .signal-chain-type{border:1px solid #bed2d8;color:#527383;border-radius:999px;padding:7px 13px;white-space:nowrap}
/* Dynamic seven stage journey visualization */
.journey-wrap{border-radius:22px;padding:30px 36px 35px}
.journey-detail{border-radius:16px}
.decision-flightpath{background:#fff;margin-top:15px;padding:29px 33px 30px;border:1px solid #d7e6e9;border-radius:19px;display:grid;grid-template-columns:.72fr 1.28fr;gap:35px;align-items:center}
.decision-flightpath h3{font:400 clamp(25px,2.5vw,34px)/1.18 var(--serif);margin-top:12px;color:#163e51}
.flightpath-diagram{position:relative;padding-top:21px}
.flightpath-backline{height:9px;border-radius:100px;background:#dce9eb;overflow:hidden}
.flightpath-current{width:0;height:100%;background:linear-gradient(90deg,#398fa4,#d2b66b);border-radius:100px;transition:width .48s cubic-bezier(.16,1,.3,1)}
.flightpath-nodes{position:absolute;top:17px;left:0;right:0;display:flex;justify-content:space-between}
.flightpath-nodes i{height:16px;width:16px;border:3px solid white;background:#c3d7dc;border-radius:50%;box-shadow:0 0 0 1px #9ec3cd;transition:.25s}
.flightpath-nodes i.active{background:#d0b57a;box-shadow:0 0 0 4px #d4b87845}
.flightpath-copy{display:flex;justify-content:space-between;gap:13px;align-items:center;margin-top:19px}
.flightpath-copy strong{font-size:11px;letter-spacing:.13em;color:#317d9b}
.flightpath-copy span{font-size:13px;color:#647f8c;text-align:right}
/* bespoke campaign illustrations: every card now tells its own visual story */
.campaign-grid{gap:15px}
.campaign-card{min-height:339px;padding:20px 25px 22px;border-radius:18px;text-align:left;border:1px solid #cbdfe4;background:#fff;overflow:hidden;position:relative}
.campaign-card:nth-child(2),.campaign-card:nth-child(5){background:linear-gradient(155deg,#f4f8f8,#fff)}
.campaign-card:nth-child(3),.campaign-card:nth-child(6){background:linear-gradient(130deg,#fff,#edf3f4)}
.campaign-card:before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(#d0b36b,#3c91a9);opacity:0;transition:.25s}
.campaign-card:hover:before{opacity:1}.campaign-card:hover{background:#0d3a4d}
.campaign-card>.ico{display:none}
.campaign-card>span{z-index:1}
.campaign-scene{height:130px;width:100%;margin:7px 0 13px;display:grid;place-items:center;background:radial-gradient(ellipse at 75% 60%,#d6e8ea 0,transparent 60%),linear-gradient(125deg,#eff5f5,#f9fbfa);border:1px solid #e0e9ea;border-radius:12px;transition:.3s}
.campaign-card:hover .campaign-scene{background:linear-gradient(135deg,#0c4b61,#17576c);border-color:#2a7184}
.campaign-scene svg{width:100%;height:100%;fill:none;stroke:#367d95;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .45s ease}
.campaign-card:hover .campaign-scene svg{stroke:#cddce0;transform:scale(1.045)}
.campaign-scene .scene-grid{stroke:#b1cfd5;opacity:.38;stroke-width:.7}
.campaign-scene .scene-trace{stroke:#c3a357;stroke-width:3;stroke-dasharray:5 6}
.campaign-scene .scene-node{fill:#d7bb78;stroke:#d7bb78}
.campaign-scene .scene-ring{stroke:#9bc6ce;stroke-dasharray:4 7}
.campaign-card strong{font-size:27px;line-height:1.08;margin-top:1px}
.campaign-card p{font-size:12px;margin:9px 0 16px}
.campaign-card>i{padding-top:13px;margin-top:auto}
.campaign-card:nth-child(1) .campaign-scene{background:radial-gradient(ellipse at 65% 0%,#e3d9bf,#edf6f6 60%)}
.campaign-card:nth-child(2) .campaign-scene{background:radial-gradient(ellipse at 40% 20%,#dce9ef,#f9fbfb 70%)}
.campaign-card:nth-child(3) .campaign-scene{background:radial-gradient(ellipse at 70% 70%,#e5e7d7,#f1f8f7 70%)}
.campaign-card:nth-child(4) .campaign-scene{background:radial-gradient(ellipse at 40% 60%,#d8e4e5,#fafcfc 70%)}
.campaign-card:nth-child(5) .campaign-scene{background:radial-gradient(ellipse at 60% 70%,#e7e1c8,#f6f9f8 70%)}
.campaign-card:nth-child(6) .campaign-scene{background:radial-gradient(ellipse at 50% 50%,#d6e9ec,#f9faf7 70%)}
/* Competitive corridor */
.comparison-corridor{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px;margin-top:18px;padding:31px 35px;background:#f5f8f8;color:#173949;border-radius:16px;border:1px solid #e8eff0}
.comparison-corridor .micro-kicker{color:#5a8b9e}
.comparison-intro h3{font:400 32px/1.13 var(--serif);letter-spacing:-.03em;margin:11px 0;color:#193f51}
.comparison-intro p{font-size:12px;line-height:1.7;color:#69808b}
.comparison-lanes{display:grid;gap:12px}
.comparison-lane{background:#fff;border:1px solid #e0e7e8;border-radius:12px;padding:17px 19px}
.lane-title{display:flex;justify-content:space-between;align-items:center;gap:10px}
.lane-title strong{font-size:11px;letter-spacing:.1em;color:#2f627a}.lane-title span{font-size:10px;color:#7897a3}
.lane-steps{display:flex;gap:9px;align-items:center;margin:13px 0 9px}
.lane-steps span{background:#eaf2f3;border-radius:8px;padding:8px 10px;font-size:11px;color:#375d70;font-weight:650;flex:1;text-align:center}
.lane-steps b{color:#bca36c;font-size:14px}
.comparison-lane small{display:block;color:#7a8e98;font-size:10px}
.comparison-lane.comparator{background:#edf5f6}
/* Brand consistency directory network */
.identity-network{margin-top:19px;border:1px solid #d5e3e6;background:#103b4d;color:#f0f7f6;border-radius:18px;padding:30px 36px;display:grid;grid-template-columns:.78fr 1.22fr;gap:34px;align-items:center}
.identity-network .micro-kicker{color:#d6bd7d}
.identity-network h3{font:400 clamp(30px,3vw,43px)/1.13 var(--serif);letter-spacing:-.03em;margin:15px 0}
.identity-network p{font-size:13px;color:#bbced3;line-height:1.65}
.identity-diagram{position:relative;border:1px solid #ffffff2a;border-radius:15px;padding:17px 23px 16px;background:linear-gradient(130deg,#1a5063,#0b3144);overflow:hidden}
.identity-diagram:before{content:'';position:absolute;width:300px;height:300px;border-radius:50%;border:1px solid #ffffff14;top:-150px;left:34%;box-shadow:0 0 0 70px #ffffff06}
.identity-stamp{position:relative;display:block;text-align:center;font-size:10px;font-weight:800;letter-spacing:.13em;color:#e3d1a2}
.identity-line{height:23px;position:relative;margin:3px auto 0;width:50%;border-bottom:1px solid #b0d6d870}
.identity-line span{position:absolute;left:50%;top:0;height:23px;border-left:1px solid #b0d6d870}
.identity-points{display:grid;grid-template-columns:1fr 1fr;gap:17px;position:relative}
.identity-points>div{background:#ffffff0e;border:1px solid #ffffff20;border-radius:12px;text-align:center;padding:15px 12px;display:flex;flex-direction:column;align-items:center;gap:6px}
.identity-points .ico{color:#d7c08b;width:24px;height:24px;margin-bottom:4px}
.identity-points strong{font-size:12px;letter-spacing:.1em}.identity-points small{font-size:11px;color:#b5ced5}
.identity-caption{display:block;text-align:center;color:#9dbec8;font-size:10px;margin-top:13px}
/* 360 degree operating loop */
.operating-loop{margin:22px 0 25px;background:linear-gradient(140deg,#092b3d,#10506a);padding:37px 41px 34px;border-radius:20px;color:#f3f7f4;box-shadow:0 22px 60px rgba(6,39,54,.13);position:relative;overflow:hidden}
.operating-loop:after{content:'';position:absolute;pointer-events:none;right:-200px;top:-200px;width:490px;height:490px;border-radius:50%;border:1px solid #ffffff21;box-shadow:0 0 0 65px #ffffff05,0 0 0 135px #ffffff04}
.loop-intro{display:grid;grid-template-columns:1fr .8fr;gap:25px;align-items:end;position:relative;z-index:1}
.loop-intro .micro-kicker{grid-column:1/-1;color:#dbbd79}
.loop-intro h3{font:400 clamp(31px,3vw,42px)/1.1 var(--serif);letter-spacing:-.03em}
.loop-intro p{font-size:13px;color:#b3d0d7;line-height:1.65}
.loop-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin:26px 0 15px}
.loop-node{min-height:86px;text-align:left;background:#ffffff0f;border:1px solid #ffffff28;border-radius:12px;padding:15px 12px;color:#edf4f3;display:flex;flex-direction:column;justify-content:space-between;position:relative;transition:.25s}
.loop-node:not(:last-child):after{content:'›';position:absolute;top:25px;right:-12px;z-index:2;font-size:20px;color:#dec584}
.loop-node span{font-size:10px;font-weight:800;color:#ddc68d}.loop-node b{font-size:14px}
.loop-node.active,.loop-node:hover{background:#f5f9f8;color:#0e4056;transform:translateY(-3px)}
.loop-node.active span,.loop-node:hover span{color:#a98a51}
.loop-explainer{display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.7fr);gap:5px 30px;background:#e9f3f4;color:#163e51;border-radius:12px;padding:21px 26px;position:relative;z-index:1}
.loop-explainer>span{grid-column:1/-1;font-size:10px;letter-spacing:.14em;color:#4f8196;font-weight:800}
.loop-explainer h4{font:400 26px/1.15 var(--serif);margin:7px 0}.loop-explainer>p{grid-column:1;grid-row:3;font-size:12px;color:#5f7a89;line-height:1.5}
.loop-kpi{grid-column:2;grid-row:2/4;display:flex;justify-content:center;flex-direction:column;border-left:1px solid #bdd6dd;padding-left:20px}
.loop-kpi span{font-size:10px;font-weight:800;letter-spacing:.1em;color:#6c8996}.loop-kpi strong{font-size:13px;color:#204d63;margin-top:9px;line-height:1.5}
/* Timeline with accurate unequal periods */
.roadmap-visual{padding:24px 30px;background:#0e3a4e;color:#edf5f4;border-radius:17px;margin-bottom:18px;box-shadow:0 20px 46px #08324410}
.roadmap-scale{display:flex;justify-content:space-between;color:#c9d9d9;font-size:10px;font-weight:750;letter-spacing:.11em}
.roadmap-track{height:6px;border-radius:999px;background:linear-gradient(90deg,#d6bb78 0%,#b9d2c9 30%,#6ba7b1 65%,#4c94a8 100%);margin:24px 4px 17px;position:relative;display:flex;justify-content:space-between}
.milestone-point{display:block;border-radius:50%;width:15px;height:15px;background:#d8bd7b;border:3px solid #0e3a4e;box-shadow:0 0 0 2px #e6d3ab;transform:translateY(-5px)}
.roadmap-stages{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;color:#e3f1f0;font-size:10px;font-weight:750;letter-spacing:.08em}
.roadmap-stages span:not(:first-child){border-left:1px solid #aecbd446;padding-left:12px}
.phase-grid article{border-radius:15px;padding:25px;min-height:292px;position:relative;overflow:hidden;background:linear-gradient(155deg,#fff,#f6faf9)}
.phase-grid article:before{content:'';height:4px;position:absolute;top:0;left:0;right:0;background:#d1bd82}
.phase-grid article:nth-child(2):before{background:#8abdc4}.phase-grid article:nth-child(3):before{background:#4d9eae}.phase-grid article:nth-child(4):before{background:#0e506a}
.phase-grid h3{margin-top:35px}
/* The actual approved PDF cover rather than a fabricated mock cover */
.proposal-preview{max-width:475px;min-height:0;padding:16px 16px 19px;background:#173a4b;border:1px solid #6686957a;color:#e8f5f4;border-radius:17px;transform:rotate(1.5deg);box-shadow:20px 20px 0 #ffffff0a,0 31px 85px #010f18aa}
.proposal-preview:hover{transform:rotate(0deg) translateY(-6px);box-shadow:0 40px 85px #010f18b3}
.proposal-cover-stage{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:9px;background:radial-gradient(circle at center,#326075,#092637)}
.cover-page{padding:20px 0;width:69%;max-width:270px;transform:perspective(900px) rotateY(-5deg) rotateZ(-1deg);transition:.35s}
.cover-page img{display:block;width:100%;height:auto;box-shadow:7px 17px 45px #00192799;border-radius:2px}
.proposal-preview:hover .cover-page{transform:perspective(900px) rotateY(0) rotateZ(0) scale(1.018)}
.cover-badge{position:absolute;right:15px;top:18px;border:1px solid #ffffff45;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:3px;align-items:flex-end;background:#061d2bba;color:#dcd1aa;backdrop-filter:blur(8px)}
.cover-badge span{font-size:8px;font-weight:800;letter-spacing:.1em}.cover-badge strong{font-size:13px;color:white}
.proposal-preview-footer{display:flex;justify-content:space-between;gap:10px;align-items:center;color:#acc5ce;font-size:10px;font-weight:800;letter-spacing:.07em;margin-top:14px}
.proposal-preview-footer span:last-child{display:flex;align-items:center;gap:8px;color:#e9d39b}
.proposal-layout{gap:7%}
/* Section movement and discreet executive chapter dock */
.chapter-dock{position:fixed;bottom:25px;right:22px;background:#071f2be8;border:1px solid #7b9da66b;color:#fff;z-index:75;min-width:210px;display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:13px 15px 13px 16px;border-radius:13px;box-shadow:0 14px 45px #0524313d;backdrop-filter:blur(12px);transition:opacity .3s,transform .3s}
.chapter-dock .dock-orbit{position:absolute;top:-3px;left:17px;width:25px;height:3px;background:#d6be79;border-radius:4px}
.dock-caption{grid-column:1;font-size:8px;letter-spacing:.13em;color:#aac5cb;font-weight:800}
.chapter-dock strong{grid-column:1;font-size:11px;line-height:1.2;letter-spacing:.06em}
.chapter-dock>span#chapterNumber{grid-column:1;color:#dac486;font-size:9px;font-weight:800;letter-spacing:.1em}
.chapter-dock button{grid-row:1/4;grid-column:2;align-self:center;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff45;background:#ffffff15;color:#d7c083;display:grid;place-items:center;transition:.25s}
.chapter-dock button:hover{background:#d7c083;color:#092f40;transform:translateX(2px)}
.chapter-dock .ico{width:17px;height:17px}
@media(max-width:1150px){
 .hero-graphic{right:-290px;opacity:.59}.hero-copy{max-width:660px}.hero h1{font-size:clamp(68px,8vw,105px)}
 .trust-atlas{padding:31px;gap:22px}.trust-atlas-map{grid-template-columns:120px 1fr}.atlas-orbits{width:120px;height:120px}.atlas-step{grid-template-columns:22px 1fr}.atlas-step small{display:none}
 .audit-spectrum{padding:28px;gap:20px}.spectrum-row{grid-template-columns:135px minmax(0,1fr) 24px;gap:9px}
 .comparison-corridor{grid-template-columns:1fr}.comparison-intro h3{max-width:680px}
 .loop-flow{gap:6px}.loop-node{padding:12px 8px}
 .chapter-dock{bottom:13px;right:13px}
}
@media(max-width:900px){
 .section{padding:82px 0 92px}.hero-intelligence{max-width:580px}.hero-graphic-meta{display:none}
 .trust-atlas{grid-template-columns:1fr}.trust-atlas-intro p{max-width:580px}.trust-atlas h3{max-width:700px}.trust-atlas-map{grid-template-columns:145px 1fr}.atlas-orbits{width:145px;height:145px}.atlas-reading{padding:20px}
 .audit-spectrum{grid-template-columns:1fr}.spectrum-bars{border-left:0;border-top:1px solid #dce9ea;padding-left:0;padding-top:20px}
 .social-evidence-lens{grid-template-columns:1fr}.lens-lead p{max-width:600px}
 .signal-journey-head{grid-template-columns:1fr}.signal-journey-head .micro-kicker{grid-column:1}
 .decision-flightpath{grid-template-columns:1fr}.decision-flightpath-title h3{max-width:700px}
 .identity-network{grid-template-columns:1fr}.identity-network p{max-width:650px}
 .loop-intro{grid-template-columns:1fr}.loop-intro .micro-kicker{grid-column:1}
 .chapter-dock{display:none}
}
@media(max-width:760px){
 .section{padding:66px 0 74px}.section-kicker{margin-bottom:23px}.split-heading{margin-bottom:28px}.split-heading h2{font-size:clamp(40px,8.4vw,58px)}
 .hero{min-height:700px;padding-top:68px}.hero-content{min-height:590px}.hero h1{font-size:clamp(67px,12vw,93px)}.hero-graphic{width:112%;min-width:0;right:-24%;top:31%;height:65%;opacity:.24}.hero-copy{max-width:100%}.hero-cta{margin-top:23px}.hero-proof{gap:9px 15px;margin-top:17px}
 .hero-intelligence{margin-top:20px;padding:7px;gap:4px}.hero-signal{padding:5px 3px;gap:5px}.hero-signal>b{width:24px;height:24px;font-size:8px}.hero-signal strong{font-size:9px}.hero-signal small{font-size:8px;white-space:normal;line-height:1.2}.hero-signal-link{width:7px}.signal-pulse{display:none}
 .value-panel{min-height:0;padding:24px}
 .trust-atlas{padding:26px 22px;margin-top:14px;border-radius:17px}.trust-atlas h3{font-size:38px;margin:16px 0}.atlas-count{margin-top:17px}.trust-atlas-map{display:block}.atlas-orbits{display:none}.atlas-route{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.atlas-step{grid-template-columns:23px 1fr;gap:4px;padding:10px 8px}.atlas-step:last-child{grid-column:1/-1}.atlas-reading{display:block;margin-top:12px;padding:17px}.atlas-reading h4{font-size:21px}.atlas-reading>p{font-size:12px}.atlas-outcome{margin-top:12px;min-height:0;padding:12px 15px}
 .audit-spectrum{padding:24px 19px}.audit-spectrum h3{font-size:30px}.spectrum-row{grid-template-columns:120px minmax(0,1fr) 20px}.spectrum-row>span{font-size:11px}.spectrum-key{flex-direction:column;gap:4px}
 .social-evidence-lens{padding:25px 20px}.lens-lead h3{font-size:33px}.lens-scale>div{padding:12px}.lens-scale strong{font-size:30px}.lens-scale span{font-size:8px}.window-key{font-size:9px}
 .search-signal-journey{padding:25px 18px}.signal-journey-head h3{font-size:34px}.signal-chain{grid-template-columns:1fr 1fr;margin-top:20px;gap:8px}.signal-chain-step{min-height:85px}.signal-chain-step:not(:last-child):after{display:none}
 .signal-chain-answer{grid-template-columns:40px 1fr;padding:16px;gap:12px}.signal-chain-icon{width:40px;height:40px}.signal-chain-answer h4{font-size:22px}.signal-chain-answer .signal-chain-type{grid-column:1/-1;justify-self:start;margin-left:52px}
 .decision-flightpath{padding:23px 18px;gap:21px}.decision-flightpath h3{font-size:28px}.flightpath-copy{align-items:flex-start;flex-direction:column}.flightpath-copy span{text-align:left}
 .campaign-card{min-height:305px;padding:18px}.campaign-scene{height:113px}.campaign-card strong{font-size:24px}
 .comparison-corridor{padding:22px 16px}.comparison-intro h3{font-size:30px}.lane-steps{gap:5px}.lane-steps span{font-size:9px;padding:7px 5px}
 .identity-network{padding:26px 21px}.identity-network h3{font-size:34px}.identity-diagram{padding:16px 13px}.identity-points{gap:8px}
 .operating-loop{padding:26px 19px}.loop-intro h3{font-size:33px}.loop-flow{grid-template-columns:repeat(3,1fr);gap:7px}.loop-node{min-height:70px}.loop-node:not(:last-child):after{display:none}.loop-explainer{display:block;padding:18px}.loop-explainer h4{font-size:24px}.loop-kpi{padding:14px 0 0;border-left:0;border-top:1px solid #c4d8df;margin-top:14px}
 .roadmap-visual{padding:18px 15px}.roadmap-scale{font-size:8px}.roadmap-stages{font-size:8px;gap:5px}
 .proposal-preview{max-width:390px;margin:18px auto 0}.cover-page{max-width:210px;width:68%;padding:14px 0}.proposal-preview-footer{font-size:9px}
}
@media(max-width:450px){
 .hero{min-height:710px}.hero h1{font-size:63px}.hero-lead{font-size:16px}.hero-proof span{font-size:9px}
 .hero-signal b{display:none}.hero-signal strong{font-size:8px}.hero-signal small{font-size:8px}
 .atlas-route{grid-template-columns:1fr 1fr}.atlas-step strong{font-size:11px}
 .spectrum-row{grid-template-columns:115px minmax(0,1fr) 19px}.spectrum-row>span{font-size:10px}
 .lens-scale strong{font-size:27px}.signal-chain-step strong{font-size:13px}.campaign-grid{gap:9px}
 .campaign-card{min-height:240px;padding:15px}.campaign-scene{height:94px}.campaign-card strong{font-size:21px}.campaign-card p{font-size:11px}
 .lane-steps{display:grid;grid-template-columns:1fr 12px 1fr 12px 1fr}.lane-steps span{font-size:9px;line-height:1.2}
 .roadmap-stages{font-size:7px;letter-spacing:0}.roadmap-track{margin-top:19px}
}
@media(prefers-reduced-motion:reduce){
 .signal-pulse{animation:none}.spectrum-row i{animation:none}
 .hero-intelligence *, .atlas-step,.signal-chain-step,.loop-node,.campaign-scene svg,.proposal-preview,.proposal-preview *,.flightpath-current{transition:none!important;animation:none!important}
}

@media(max-width:760px){.campaign-card{min-height:245px}.campaign-card>i{margin-top:14px}.campaign-card strong{max-width:100%}}