:root{--navy:#0f172a;--navy-2:#1e293b;--cream:#f8fafc;--paper:#ffffff;--ink:#12202b;--muted:#6a787e;--teal:#14b8a6;--teal-soft:#b7eee5;--line:#d9e1df;--gutter:clamp(24px,5.2vw,92px);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-width:320px}
img{display:block;max-width:100%}
a{color:inherit}
button{font:inherit}
::selection{background:var(--teal);color:var(--navy)}
.container{width:min(100%,1600px);margin-inline:auto;padding-inline:var(--gutter)}
.skip-link{position:fixed;top:10px;left:10px;z-index:1000;transform:translateY(-150%);background:var(--teal);padding:10px 16px;color:var(--navy)}
.skip-link:focus{transform:none}
a:focus-visible,button:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.site-header{height:84px;position:relative;z-index:50;background:var(--navy);color:white;border-bottom:1px solid rgba(255,255,255,.12)}
.site-header__inner{height:100%;width:min(100%,1600px);margin:auto;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:38px}
.brand{display:inline-flex;align-items:center;width:max-content;text-decoration:none}
.brand img{width:134px;height:auto}
.site-nav{display:flex;align-items:center;gap:clamp(24px,2.5vw,42px);height:100%}
.site-nav a{position:relative;color:#c1ccd0;text-decoration:none;font-size:13px;letter-spacing:.02em;font-weight:700;white-space:nowrap;transition:color .2s}
.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-32px;border-bottom:2px solid var(--teal);transform:scaleX(0);transition:transform .2s}
.site-nav a:hover,.site-nav a[aria-current=page]{color:#fff}
.site-nav a:hover:after,.site-nav a[aria-current=page]:after{transform:scaleX(1)}
.header-end{justify-self:end;display:flex;align-items:center;gap:20px}
.header-demo{text-decoration:none;color:var(--navy);background:var(--teal);font-size:12px;font-weight:800;letter-spacing:.02em;padding:14px 19px;white-space:nowrap;transition:background .2s,transform .2s}
.header-demo:hover{background:#5bd9c9;transform:translateY(-2px)}
.header-demo span{margin-left:18px;font-size:16px}
.menu-toggle{display:none;border:0;background:none;width:36px;height:36px;padding:8px}
.menu-toggle span{display:block;width:20px;height:1px;background:#fff;margin:6px 0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#087f73;text-transform:uppercase;letter-spacing:.16em;font-size:10px;font-weight:800;line-height:1.5}
.eyebrow--light{color:#aef0e7}
.eyebrow-line{width:24px;height:1px;background:currentColor}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;text-decoration:none;min-width:205px;padding:18px 20px;font-size:12px;font-weight:800;letter-spacing:.02em;transition:transform .2s,background .2s}
.button:hover{transform:translateY(-3px)}
.button--primary{background:var(--teal);color:var(--navy)}
.button--primary:hover{background:#58d9c7}
.button span{font-size:18px;font-weight:400;line-height:1}
.text-link{display:inline-flex;gap:22px;align-items:center;width:max-content;text-decoration:none;font-weight:800;font-size:13px;border-bottom:1px solid var(--teal);padding-bottom:9px}
.text-link span{color:#159d8e;font-size:18px}
.text-link:hover{color:#087f73}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:-.055em}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
.accent-mark{color:var(--teal)}
.section-pad{padding-block:clamp(90px,10vw,160px)}
.home-hero{min-height:calc(100svh - 84px);height:auto;display:flex;flex-direction:column;position:relative;background:#0c2231;color:#fff;overflow:hidden}
.hero-video,.hero-wash{position:absolute;inset:0;width:100%;height:100%}
.hero-video{object-fit:cover;object-position:center 55%;opacity:.85}
.hero-wash{background:linear-gradient(90deg,rgba(5,16,26,.96) 0%,rgba(5,16,26,.82) 40%,rgba(5,16,26,.35) 75%,rgba(5,16,26,.16) 100%),linear-gradient(0deg,rgba(5,16,26,.47),transparent 40%)}
.hero-content{position:relative;z-index:2;flex:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-top:clamp(80px,7vw,135px);padding-bottom:clamp(70px,6vw,110px)}
.hero-content h1{font-size:clamp(60px,5.3vw,100px);line-height:1.035;max-width:1340px;margin:0 0 38px;font-weight:800}
.hero-content h1 em{color:#76e2d3;font-style:normal}
.hero-detail{display:grid;grid-template-columns:minmax(0,570px) minmax(0,1fr);gap:clamp(38px,5vw,90px);align-items:start;max-width:1200px}
.hero-detail p{margin:0}
.hero-claim{font-size:clamp(18px,1.5vw,23px);line-height:1.4;font-weight:600;max-width:560px}
.hero-method{color:#76e2d3;text-transform:uppercase;letter-spacing:.12em;font-size:clamp(11px,.85vw,13px);font-weight:800;line-height:1.5;margin-top:16px!important}
.hero-benefits{border-left:2px solid #76e2d3;padding-left:25px;color:#e3f0ef;font-size:clamp(16px,1.15vw,19px);line-height:1.65;font-weight:600}
.hero-action{margin-top:0}
.hero-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:800;color:#d3e3e2}
.hero-bottom a{color:#fff;text-decoration:none;font-size:23px;width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:50%}
.stakes{background:#f8fafc}
.stakes-grid{display:grid;grid-template-columns:minmax(130px,1fr) minmax(0,2.5fr);gap:clamp(40px,7vw,120px);padding-block:clamp(90px,10vw,160px)}
.stakes-label{display:flex;flex-direction:column;gap:20px;align-items:flex-start;color:#8a9798;font-size:11px;letter-spacing:.12em}
.fine-rule{height:1px;width:65px;background:#aac1bc}
.stakes-copy h2{font-size:clamp(45px,5.1vw,82px);line-height:1.1;max-width:900px;margin-bottom:42px}
.stakes-lines{font-size:clamp(23px,2.35vw,36px);line-height:1.42;letter-spacing:-.045em;font-weight:600}
.stakes-lines p{margin-bottom:0}
.stakes-lines .stakes-turn{color:#087f73;font-weight:750;margin-top:20px}
.stakes-copy .stakes-explain{color:#4b6067;font-size:clamp(17px,1.3vw,20px);line-height:1.65;max-width:820px;border-top:1px solid var(--line);padding-top:30px;margin-top:42px}
.stakes-image{width:100%;height:clamp(350px,41vw,650px);overflow:hidden;background:#b4ccd0}
.stakes-image img{width:100%;height:100%;object-fit:cover;object-position:center 53%}
.stakes-bottom{display:grid;grid-template-columns:85px 1fr;gap:28px;align-items:start;margin-top:42px}
.stakes-bottom .line{height:2px;background:var(--teal);margin-top:16px}
.stakes-bottom p{font-size:clamp(21px,2.1vw,30px);line-height:1.5;max-width:740px;letter-spacing:-.04em;margin:0}
.stakes-bottom strong{font-weight:800;color:#0b8e80}
.video-section{background:var(--navy);color:#fff}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:36px;margin-bottom:44px}
.section-heading h2{font-size:clamp(46px,5.5vw,85px);line-height:1.07;max-width:720px;margin:13px 0 0}
.section-heading p{color:#b7c8cd;max-width:340px;line-height:1.7;margin:0}
.video-art{aspect-ratio:2/1;overflow:hidden;background:#163c43}
.video-image{height:100%;background-image:url('../public/media/destera-australia-hero-poster.webp');background-size:cover;background-position:center;position:relative}
.video-image-scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,16,22,.78),transparent 55%),linear-gradient(90deg,rgba(4,16,22,.24),transparent)}
.play-disc{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:88px;height:88px;border:1px solid rgba(255,255,255,.9);border-radius:50%;background:rgba(255,255,255,.16);backdrop-filter:blur(10px);display:grid;place-items:center;color:#fff;font-size:26px;padding-left:5px}
.video-art-label{position:absolute;bottom:40px;left:42px;display:flex;flex-direction:column;gap:10px}
.video-art-label span{font-size:10px;letter-spacing:.2em;font-weight:800;color:#b7eee5}
.video-art-label strong{font-size:clamp(23px,2.7vw,42px);letter-spacing:-.05em;max-width:580px}
.section-under{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:#91a7ad;font-size:11px;letter-spacing:.08em;text-transform:uppercase}
.section-under .text-link{color:#c8f5ed}
.product-preview{background:#e8eef0;overflow:hidden}
.product-preview-grid{display:grid;grid-template-columns:1fr 1.45fr;gap:clamp(40px,6vw,100px);align-items:center}
.preview-copy h2{font-size:clamp(44px,5vw,78px);line-height:1.07;margin:20px 0 26px}
.preview-copy p{font-size:17px;line-height:1.8;color:#526568;max-width:480px;margin-bottom:30px}
.imac-wrap{width:100%;max-width:850px;margin:auto;filter:drop-shadow(0 28px 28px rgba(10,38,39,.18))}
.imac-screen{position:relative;border:13px solid #1e262a;border-bottom-width:35px;border-radius:16px 16px 7px 7px;aspect-ratio:1.61;background:#d7e6e3;overflow:hidden;box-shadow:inset 0 0 0 2px #5a6668}
.imac-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}
.imac-camera{position:absolute;z-index:1;top:-8px;left:50%;width:3px;height:3px;border-radius:50%;background:#8a969b}
.imac-neck{height:45px;width:22%;background:linear-gradient(90deg,#aeb9b9,#e7eeee 45%,#bbc8c7);margin:auto}
.imac-foot{width:39%;height:11px;border-radius:70% 70% 3px 3px;background:linear-gradient(#d7e1e0,#abb7b6);margin:auto}
.final-cta{background:linear-gradient(90deg,rgba(7,20,34,.91),rgba(7,20,34,.64)),url('assets/home/communities.png') center/cover;color:#fff;padding:clamp(95px,10vw,160px) 0;position:relative;overflow:hidden}
.final-cta:after{display:none}
.final-cta .container{position:relative;z-index:1}
.final-cta .eyebrow{color:#75e0d0}
.final-cta h2{font-size:clamp(44px,5.1vw,82px);line-height:1.1;max-width:1020px;margin:20px 0 22px}
.final-cta h2 em{font-style:normal;color:#77e4d4}
.final-cta p{font-size:17px;color:#bbcccf;max-width:640px;line-height:1.7;margin-bottom:30px}
.page-intro{min-height:calc(100svh - 84px);display:flex;align-items:center;background:var(--navy);color:#fff;padding:0;position:relative;overflow:hidden;background-size:cover;background-position:center}
.page-intro:after{display:none}
.page-intro .container{position:relative;z-index:1;padding-block:clamp(100px,11vw,180px)}
.page-intro .eyebrow{color:#c8f7f0}
.page-intro h1{font-size:clamp(60px,5.3vw,100px);line-height:1.035;max-width:1340px;margin:22px 0 28px;font-weight:800}
.page-intro p{color:#edf6f4;line-height:1.55;font-size:clamp(17px,1.35vw,21px);max-width:760px;margin-bottom:0}
.solution-intro{background-image:linear-gradient(90deg,rgba(5,16,26,.95),rgba(5,16,26,.75) 49%,rgba(5,16,26,.28)),url('assets/home/supply-panorama.png')}
.cases-intro{background-image:linear-gradient(90deg,rgba(5,16,26,.95),rgba(5,16,26,.7) 50%,rgba(5,16,26,.22)),url('assets/home/communities.png')}
.step-section{padding:clamp(85px,9vw,135px) 0;background:#fff;border-top:1px solid #dfe7ea}
.step-section:nth-of-type(even){background:#f2f5f6}
.step-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(50px,7vw,115px);align-items:center}
.step-section--reverse .step-copy{order:2}
.step-section--reverse .step-art{order:1}
.step-copy{position:relative;align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding:40px 0}
.step-copy h2{font-size:clamp(38px,4.1vw,64px);line-height:1.14;margin:0 0 25px}
.step-copy p{font-size:16px;line-height:1.8;color:#586d70;max-width:520px}
.step-art{min-width:0}
.step-window{background:#e7edf0;border:1px solid #cbd8dc;border-radius:12px;box-shadow:0 28px 55px rgba(12,35,40,.14);overflow:hidden}
.step-window img{width:100%;height:auto;aspect-ratio:1.52;object-fit:cover;object-position:center top}
.solution-after{padding-block:40px 70px;text-align:center}
.solution-after p{margin:0;color:#637777}
.solution-after .text-link{margin-left:10px}
.cases-intro h1{max-width:1080px}
.cases-list{background:#fff}
.case-card{display:grid;grid-template-columns:1.02fr .98fr;min-height:100svh;margin:0;background:#fff;border-bottom:1px solid #dfe7ea;scroll-margin-top:20px}
.case-card:nth-child(even) .case-photo{order:2}
.case-card:nth-child(even) .case-copy{order:1}
.case-photo{position:relative;min-height:410px;overflow:hidden;background:#e1e8eb}
.case-photo img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .5s}
.case-card:hover .case-photo img{transform:scale(1.025)}
.case-copy{padding:clamp(55px,7vw,130px);display:flex;flex-direction:column;justify-content:center}
.case-copy h2{font-size:clamp(48px,4.7vw,78px);line-height:1.07;margin:0 0 28px}
.case-line{font-size:clamp(19px,1.6vw,25px);line-height:1.45;font-weight:700;letter-spacing:-.025em;color:#1c3740;margin-bottom:30px;max-width:620px}
.case-example{font-size:clamp(15px,1vw,17px);line-height:1.78;color:#52666d;margin:0;max-width:570px}
.about-intro{background:linear-gradient(110deg,#0c1726,#12343b)}
.about-body{background:#f8fafc}
.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:70px}
.about-grid h2{font-size:clamp(40px,4vw,64px);max-width:720px}
.about-grid p{font-size:18px;line-height:1.8;color:#52666a;max-width:780px}
.demo-intro{background:linear-gradient(110deg,#0c1726,#143b40)}
.demo-body{background:#f8fafc}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.demo-grid h2{font-size:clamp(38px,4vw,64px);line-height:1.1;margin:19px 0}
.demo-grid p{line-height:1.8;color:#5f7273;max-width:600px}
.demo-note{background:#fff;padding:clamp(35px,4vw,70px);border-top:3px solid var(--teal);min-height:300px}
.demo-note h3{font-size:30px;margin:25px 0 16px}
.note-icon{font-size:25px;color:#11a393}
.blank-data{min-height:65vh;background:#f8fafc}
.site-footer{background:#08121e;color:#fff;padding:75px var(--gutter) 28px}
.footer-grid,.footer-bottom{width:min(100%,1416px);margin:auto;display:flex;justify-content:space-between;gap:40px}
.footer-grid p{font-size:12px;color:#97aeb1;max-width:280px;line-height:1.7;margin-top:23px}
.footer-links{display:flex;align-items:start;gap:22px;flex-wrap:wrap}
.footer-links a{text-decoration:none;color:#a3babc;font-size:12px}
.footer-links a:hover{color:#fff}
.footer-bottom{border-top:1px solid rgba(255,255,255,.13);padding-top:24px;margin-top:90px;color:#71898e;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.story-scene{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:#0b1c2b;color:#fff}
.story-scene__image,.story-scene__wash{position:absolute;inset:0;width:100%;height:100%}
.story-scene__image{object-fit:cover;object-position:center}
.story-scene__wash{background:linear-gradient(90deg,rgba(4,13,23,.86) 0%,rgba(4,13,23,.63) 50%,rgba(4,13,23,.05) 100%)}
.story-scene__content{position:relative;z-index:1;padding-block:120px}
.story-scene h2{font-size:clamp(58px,5.9vw,112px);line-height:1.035;max-width:1190px;margin:0;font-weight:800}
.supply-scene h2{max-width:1080px}
.decision-scene .story-scene__wash{background:linear-gradient(90deg,rgba(4,13,23,.91),rgba(4,13,23,.55) 57%,rgba(4,13,23,.13))}
.decision-scene h2{font-size:clamp(53px,5.4vw,102px);max-width:1220px}
.funding-scene .story-scene__wash{background:linear-gradient(90deg,rgba(4,13,23,.9),rgba(4,13,23,.43) 66%,rgba(4,13,23,.06))}
.funding-scene h2{max-width:1050px}
.outcomes-scene,.blindspot-scene,.fragments-scene{min-height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}
.outcomes-scene{background:#f4f7f8;color:#10212c}
.outcomes-scene__photo,.blindspot-scene__photo,.fragments-scene__photo{position:absolute;inset-block:0;right:0;width:57%;overflow:hidden}
.outcomes-scene__photo img,.blindspot-scene__photo img,.fragments-scene__photo img{width:100%;height:100%;object-fit:cover}
.outcomes-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f4f7f8 0%,#f4f7f8 43%,rgba(244,247,248,.9) 55%,rgba(244,247,248,.02) 84%)}
.outcomes-scene__content,.blindspot-scene__content,.fragments-scene__content{position:relative;z-index:1;padding-block:110px}
.outcomes-scene h2{font-size:clamp(49px,4.65vw,88px);line-height:1.13;max-width:1030px;margin:0;font-weight:800}
.blindspot-scene{background:#0d1928;color:#fff}
.blindspot-scene__photo{width:55%}
.blindspot-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1928 0%,rgba(13,25,40,.97) 38%,rgba(13,25,40,.59) 66%,rgba(13,25,40,.08) 100%)}
.blindspot-scene h2{font-size:clamp(49px,4.7vw,89px);line-height:1.12;max-width:1140px;margin:0;font-weight:800}
.blindspot-scene h2 em{color:#79e2d5;font-style:normal}
.fragments-scene{background:#f2f6f7;color:#152a35}
.fragments-scene__photo{right:auto;left:0;width:50%}
.fragments-scene__content{display:flex;justify-content:flex-end}
.fragments-scene p{width:43%;font-family:'Avenir Next',Avenir,ui-sans-serif,sans-serif;font-size:clamp(24px,2.25vw,38px);line-height:1.43;letter-spacing:-.035em;font-weight:650;margin:0}
.home-final{min-height:calc(100svh - 84px);display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(rgba(5,15,27,.76),rgba(5,15,27,.79)),url('assets/home/communities.png') center/cover;color:#fff}
.home-final .container{padding-block:120px}
.home-final h2{font-size:clamp(74px,8vw,150px);line-height:1.02;margin:0 0 30px;font-weight:800}
.home-final p{font-size:clamp(18px,1.4vw,23px);line-height:1.55;max-width:680px;margin:0 auto 34px;color:#e3f1ef}
.home-final .button{font-size:16px;min-width:275px;padding:22px 26px}
.imac-scene{position:relative;width:100%;filter:drop-shadow(0 32px 35px rgba(10,25,38,.18))}
.imac-photo{width:100%;height:auto;display:block}
.imac-screen-real{position:absolute;left:18.05%;top:13.1%;width:63.65%;height:49.3%;object-fit:fill;display:block}
.step-art-board{position:relative;min-height:620px;border-radius:26px;background:radial-gradient(circle at 85% 7%,rgba(87,216,199,.2),transparent 36%),linear-gradient(135deg,#0c1a2b,#1b3042);overflow:hidden;box-shadow:0 26px 70px rgba(14,37,47,.16)}
.step-art-board:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(130,224,211,.12);border-radius:50%;right:-180px;top:-250px;box-shadow:0 0 0 86px rgba(130,224,211,.035),0 0 0 170px rgba(130,224,211,.025)}
.step-art-board--wide{min-height:0;padding:32px}
.step-capture{position:absolute;overflow:hidden;border:1px solid rgba(222,244,241,.25);border-radius:16px;background:#142238;box-shadow:0 30px 65px rgba(0,0,0,.36)}
.step-capture img{display:block;width:100%;height:auto}
.step-art-board--wide .step-capture--primary{position:relative;width:100%;left:auto;top:auto}
.step-art-board--layered .step-capture--primary{z-index:2;left:5%;top:6%;width:47%}
.step-art-board--layered .step-capture--secondary{z-index:1;right:4%;bottom:7%;width:62%}
.step-art-board--detail{min-height:680px}
.step-art-board--detail .step-capture--primary{width:39%;top:4%}
.step-art-board--detail .step-capture--secondary{width:64%;bottom:10%}
.capture-note{font-size:12px;line-height:1.45;color:#6a7d84;margin:18px 2px 0}
.report-visual{min-height:580px;border-radius:26px;background:linear-gradient(135deg,#101c2e,#1d3946);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:28px;padding:55px;box-shadow:0 26px 70px rgba(14,37,47,.16)}
.report-visual__control{width:45%;border-radius:14px;overflow:hidden;box-shadow:0 24px 48px rgba(0,0,0,.3)}
.report-visual__control img{width:100%;height:auto;display:block}
.report-visual__sheet{width:42%;min-height:370px;background:#f7fafb;border-radius:12px;box-shadow:0 26px 60px rgba(0,0,0,.3);padding:35px;color:#4a6773;display:flex;flex-direction:column;justify-content:space-between}
.report-visual__sheet span{font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.report-visual__sheet strong{font-family:'Avenir Next',Avenir,ui-sans-serif,sans-serif;font-size:28px;line-height:1.1;color:#173342;letter-spacing:-.05em}
.report-visual__sheet span{display:block;height:9px;border-radius:99px;background:#cedcdf;width:68%}
.report-visual__sheet span:first-child{height:26px;width:82%;background:#c0d5d9}
.report-visual__sheet span:last-child{height:130px;width:100%;border-radius:8px;background:linear-gradient(90deg,#dce8e9 30%,#ebf2f3 30% 60%,#dce8e9 60%)}
@media(max-width:1000px){.site-header__inner{grid-template-columns:1fr auto}.site-nav{position:absolute;top:84px;left:0;right:0;height:auto;background:#0c1726;padding:26px var(--gutter) 34px;display:none;flex-direction:column;align-items:flex-start;gap:21px;border-top:1px solid rgba(255,255,255,.1)}.site-nav--open{display:flex}.site-nav a:after{display:none}.menu-toggle{display:block}.header-demo{padding:11px 14px}.hero-content h1{max-width:800px}.hero-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.product-preview-grid,.step-grid{grid-template-columns:1fr}.imac-wrap{max-width:720px}.step-section--reverse .step-copy,.step-section--reverse .step-art{order:initial}.step-copy{padding:0}.section-heading{align-items:start;flex-direction:column}.case-card{grid-template-columns:1fr 1fr}.case-copy{padding:30px}.case-example{font-size:12px}}
@media(max-width:680px){.site-header{height:70px}.site-header__inner{gap:12px}.site-nav{top:70px}.brand{font-size:24px}.brand-symbol{font-size:24px}.header-demo{font-size:10px}.header-demo span{display:none}.home-hero{min-height:calc(100svh - 70px)}.hero-video{object-position:60% center}.hero-wash{background:linear-gradient(90deg,rgba(5,16,26,.91),rgba(5,16,26,.7)),linear-gradient(0deg,rgba(5,16,26,.6),transparent)}.hero-content{padding-top:75px;padding-bottom:72px}.hero-content h1{font-size:clamp(43px,10.4vw,64px);line-height:1.06;margin-bottom:32px}.hero-detail{grid-template-columns:1fr;gap:25px}.hero-claim{font-size:18px}.hero-method{font-size:11px}.hero-benefits{font-size:16px;padding-left:18px}.hero-action{margin-top:30px}.hero-bottom{padding-bottom:24px}.stakes-grid,.about-grid,.demo-grid{grid-template-columns:1fr;gap:30px}.stakes-label{flex-direction:row;align-items:center}.stakes-copy h2{font-size:clamp(40px,10vw,57px)}.stakes-lines{font-size:clamp(22px,5.3vw,29px)}.stakes-copy .stakes-explain{font-size:17px}.stakes-image{height:340px}.section-heading h2{font-size:45px}.video-art{aspect-ratio:1.2}.video-art-label{left:23px;bottom:25px}.video-art-label strong{font-size:24px}.play-disc{height:70px;width:70px}.section-under{align-items:flex-start;gap:25px;flex-direction:column}.preview-copy h2{font-size:45px}.imac-screen{border-width:8px;border-bottom-width:23px}.imac-neck{height:26px}.page-intro{padding:105px 0}.page-intro h1{font-size:clamp(43px,11vw,66px)}.page-intro p{font-size:15px}.step-section{padding:85px 0}.step-copy h2{font-size:42px}.step-window img{aspect-ratio:1.25}.case-card,.case-card:nth-child(even){display:flex;flex-direction:column}.case-card:nth-child(even) .case-photo,.case-card:nth-child(even) .case-copy{order:initial}.case-photo{min-height:280px}.case-copy{padding:30px 26px 38px}.case-copy h2{font-size:38px}.case-line{font-size:16px}.case-example{font-size:13px}.footer-grid,.footer-bottom{flex-direction:column}.footer-bottom{gap:12px;margin-top:60px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-video{display:none}.hero-wash{background-image:linear-gradient(90deg,rgba(5,16,26,.91),rgba(5,16,26,.5)),url('../public/media/destera-australia-hero-poster.webp');background-size:cover;background-position:center}*{transition:none!important;animation:none!important}}
@media(max-width:1000px){.story-scene h2{max-width:840px}.outcomes-scene h2,.blindspot-scene h2{font-size:clamp(44px,6vw,68px)}.fragments-scene p{width:48%;font-size:clamp(22px,2.7vw,31px)}.step-art-board{min-height:600px}.step-art-board--detail{min-height:680px}.step-art-board--wide{min-height:0}}
@media(max-width:680px){.page-intro{min-height:calc(100svh - 70px);padding:0}.page-intro .container{padding-block:85px}.page-intro h1,.hero-content h1{font-size:clamp(43px,10.4vw,64px);line-height:1.06}.page-intro p{font-size:16px}.story-scene{min-height:100svh}.story-scene__wash,.decision-scene .story-scene__wash,.funding-scene .story-scene__wash{background:linear-gradient(90deg,rgba(4,13,23,.88),rgba(4,13,23,.53))}.story-scene h2,.decision-scene h2{font-size:clamp(43px,10.2vw,62px);line-height:1.08}.story-scene__content{padding-block:85px}.outcomes-scene,.blindspot-scene,.fragments-scene{min-height:100svh;color:#fff;background:#101e2d}.outcomes-scene__photo,.blindspot-scene__photo,.fragments-scene__photo{left:0;right:0;width:100%}.outcomes-scene:after,.blindspot-scene:after,.fragments-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,17,28,.91),rgba(5,17,28,.59))}.outcomes-scene h2,.blindspot-scene h2{font-size:clamp(38px,9vw,56px);line-height:1.14}.fragments-scene__content{display:block}.fragments-scene p{width:100%;max-width:570px;font-size:clamp(23px,5.4vw,30px);line-height:1.48}.home-final{min-height:calc(100svh - 70px)}.home-final h2{font-size:clamp(64px,15vw,100px)}.home-final p{font-size:18px}.product-preview-grid{gap:55px}.imac-scene{width:calc(100% + 2*var(--gutter));margin-left:calc(-1*var(--gutter))}.step-art-board--layered{min-height:0;padding:18px}.step-art-board--layered .step-capture--primary{position:relative;left:auto;top:auto;width:100%}.step-art-board--layered .step-capture--secondary{display:none}.step-art-board--wide{padding:18px}.report-visual{min-height:420px;padding:25px;gap:16px}.report-visual__control{width:48%}.report-visual__sheet{min-height:275px;width:48%;padding:20px}.report-visual__sheet strong{font-size:21px}.case-card{min-height:0}.case-photo{min-height:42svh}.case-copy{padding:65px 26px 75px}.case-copy h2{font-size:clamp(42px,10vw,60px);margin-bottom:22px}.case-line{font-size:19px;margin-bottom:22px}.case-example{font-size:15px}}

/* Full-screen narrative and section navigation */
html{scroll-snap-type:y mandatory;scroll-padding-top:84px}
.site-header{position:fixed;top:0;left:0;right:0;width:100%}
main{padding-top:84px}
.snap-panel{scroll-snap-align:start;scroll-snap-stop:always;scroll-margin-top:0}
.site-footer{scroll-snap-align:end}
.home-hero,.page-intro,.story-scene,.outcomes-scene,.blindspot-scene,.fragments-scene,.video-scene,.product-preview,.home-final,.step-section,.case-card,.final-cta{min-height:calc(100svh - 84px)}
.step-section{display:flex;align-items:center}
.step-section>.container{width:min(100%,1600px)}
.scene-next{position:absolute;z-index:20;right:var(--gutter);bottom:28px;width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.65);border-radius:50%;color:#fff;background:rgba(5,20,29,.18);backdrop-filter:blur(10px);font-size:27px;text-decoration:none;line-height:1;transition:background .2s,transform .2s}
.scene-next:hover{background:var(--teal);color:#091d26;transform:translateY(3px)}
.outcomes-scene .scene-next{color:#fff;border-color:rgba(255,255,255,.65);background:rgba(5,20,29,.18)}
.case-card .scene-next{color:#122c36;border-color:#79969d;background:rgba(255,255,255,.75)}
.outcomes-scene .scene-next:hover,.case-card .scene-next:hover{background:var(--teal);border-color:var(--teal)}
.step-section:nth-of-type(odd) .scene-next{color:#122c36;border-color:#79969d;background:rgba(255,255,255,.75)}
.case-card,.step-section,.product-preview,.video-scene{position:relative}
.accent-mark{color:inherit}
.story-scene h2 em,.outcomes-scene h2 em,.blindspot-scene h2 em{color:#77e4d4;font-style:normal}
.outcomes-scene{background:#0b1c26;color:#fff}
.outcomes-scene__photo{left:0;right:0;width:100%}
.outcomes-scene__photo img{object-position:center}
.outcomes-scene:after{background:linear-gradient(90deg,rgba(4,16,24,.9) 0%,rgba(4,16,24,.73) 42%,rgba(4,16,24,.12) 70%,rgba(4,16,24,0) 100%)}
.outcomes-scene h2 em{color:#72e0d1}
.outcomes-scene h2{font-size:clamp(43px,3.65vw,68px);line-height:1.1;max-width:890px}
.outcomes-scene h2 span{display:block}
.outcomes-scene h2 span+span{margin-top:clamp(20px,3vh,36px)}
.blindspot-scene__photo,.fragments-scene__photo{left:0;right:0;width:100%}
.blindspot-scene__photo img{object-position:center}
.blindspot-scene:after{background:linear-gradient(90deg,rgba(7,17,28,.95),rgba(7,17,28,.75) 48%,rgba(7,17,28,.16) 100%)}
.blindspot-scene h2{max-width:1050px}
.fragments-scene{background:#0b1c2a;color:#fff}
.fragments-scene__photo img{object-position:right center}
.fragments-scene:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,28,.96),rgba(7,17,28,.82) 48%,rgba(7,17,28,.25) 100%)}
.fragments-scene__content{justify-content:flex-start}
.fragments-scene__copy{max-width:890px}
.fragments-scene p{width:auto;max-width:none;font-size:clamp(26px,2.6vw,42px);line-height:1.32;font-weight:650}
.fragments-scene p+p{margin-top:clamp(24px,4vh,48px)}
.video-scene{display:flex;align-items:center;overflow:hidden;background:#0d2430 url('../public/media/destera-australia-road-poster.webp') center/cover;color:#fff}
.video-scene__wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,14,23,.88),rgba(4,14,23,.5) 58%,rgba(4,14,23,.18)),linear-gradient(0deg,rgba(4,14,23,.5),transparent 45%)}
.video-scene__content{position:relative;z-index:1;padding-block:110px}
.video-scene h2{font-size:clamp(70px,7.2vw,140px);max-width:1120px;line-height:1.02;margin:0 0 62px}
.video-scene__status{display:flex;align-items:center;gap:22px;font-size:18px;font-weight:650}
.video-scene__play{width:76px;height:76px;border:1px solid rgba(255,255,255,.8);border-radius:50%;display:grid;place-items:center;padding-left:4px;font-size:23px;background:rgba(255,255,255,.14);backdrop-filter:blur(10px)}
.product-preview{display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 22% 48%,#0e6a69 0%,#123744 33%,#0b1a2b 75%);color:#fff;padding-block:0}
.product-preview-grid{grid-template-columns:.9fr 1.1fr;width:min(100%,1600px);min-height:inherit;align-items:center}
.preview-copy{position:relative;z-index:2;padding-block:100px}
.preview-copy h2{font-size:clamp(53px,5.3vw,94px);max-width:900px;margin:0 0 38px}
.preview-copy p{font-size:clamp(18px,1.4vw,23px);line-height:1.55;color:#d9eeeb;max-width:530px}
.preview-copy .text-link{color:#e4f7f3}
.imac-scene{width:125%;max-width:none;transform:translate(4%,9%) scaleX(.955);filter:drop-shadow(0 45px 50px rgba(0,0,0,.36))}
.imac-photo{width:100%}
.imac-screen-real{left:9.55%;top:8.9%;width:75.2%;height:60.45%;object-fit:fill;border-radius:1px}
.case-example{max-width:650px;margin-top:8px;font-size:15px;line-height:1.55}
.case-example__intro{display:block;font-size:15px;color:#0a8f84;font-weight:750;margin-bottom:19px}
.case-example__row{display:grid;grid-template-columns:105px minmax(0,1fr);gap:18px;align-items:start;border-top:1px solid #cfdbdf;padding-top:16px}
.case-example__row+.case-example__row{margin-top:16px}
.case-example__label{color:#1c3b44;font-size:14px;font-weight:800}
.case-example__row--destera .case-example__label{color:#0a9d8e}
.case-example__row p{margin:0;color:#52666d;font-size:15px;line-height:1.55}
.case-copy{padding-block:clamp(45px,5vw,90px)}
.case-copy h2{margin-bottom:24px}
.case-line{margin-bottom:22px}
.page-intro h1{margin-top:0}
.about-grid{display:block;max-width:920px}
.brand img{width:116px}
.site-nav a,.header-demo,.button,.text-link,.footer-links a{font-family:'Avenir Next',Avenir,'Helvetica Neue',sans-serif}
.site-nav a{font-size:14px;font-weight:600;letter-spacing:0}
.header-demo{font-size:13px;font-weight:650;letter-spacing:0}
.button{font-size:14px;font-weight:650;letter-spacing:0}
.text-link{font-size:15px;font-weight:650}
.blank-about{min-height:calc(100svh - 84px);background:#f8fafc}
.fragments-scene{background:#0b1928}
.fragments-scene__photo{left:auto;right:0;width:45%;height:100%}
.fragments-scene__photo img{object-position:center}
.fragments-scene:after{display:none}
.fragments-scene__content{width:min(100%,1600px);display:flex;justify-content:flex-start}
.fragments-scene__copy{width:52%;max-width:820px}
.fragments-scene h2{font-size:clamp(61px,5.7vw,100px);line-height:1.05;max-width:800px;margin:0 0 44px}
.fragments-scene h2 em,.product-preview h2 em{font-style:normal;color:#74e2d3}
.fragments-scene p{font-family:'Avenir Next',Avenir,ui-sans-serif,sans-serif;font-size:clamp(18px,1.35vw,22px);line-height:1.5;letter-spacing:-.015em;font-weight:500;max-width:680px}
.fragments-scene p+p{margin-top:22px}
.preview-copy h2{font-size:clamp(50px,4.8vw,88px)}
@media(max-width:680px){.blank-about{min-height:calc(100svh - 70px)}.fragments-scene{display:block;min-height:calc(100svh - 70px)}.fragments-scene__photo{position:relative;width:100%;height:34svh}.fragments-scene__content{padding-block:40px 95px}.fragments-scene__copy{width:100%}.fragments-scene h2{font-size:clamp(45px,10.5vw,64px);margin-bottom:25px}.fragments-scene p{font-size:16px;line-height:1.5}.fragments-scene p+p{margin-top:15px}}
@media(max-width:1000px){.product-preview-grid{grid-template-columns:1fr}.imac-scene{width:95%;transform:translate(18%,0)}.preview-copy{padding-block:80px 0}.case-example__row{grid-template-columns:85px minmax(0,1fr)}}
@media(max-width:680px){main{padding-top:70px}}
@media(max-width:680px){html{scroll-padding-top:70px}.home-hero,.page-intro,.story-scene,.outcomes-scene,.blindspot-scene,.fragments-scene,.video-scene,.product-preview,.home-final,.step-section,.case-card,.final-cta{min-height:calc(100svh - 70px)}.scene-next{width:42px;height:42px;right:22px;bottom:20px;font-size:23px}.outcomes-scene h2{font-size:clamp(34px,8.3vw,52px)}.outcomes-scene h2 span+span{margin-top:24px}.fragments-scene p{font-size:clamp(22px,5vw,29px)}.fragments-scene p+p{margin-top:25px}.video-scene h2{font-size:clamp(54px,12.2vw,90px);margin-bottom:50px}.video-scene__status{font-size:15px}.video-scene__play{height:64px;width:64px}.product-preview-grid{gap:0}.preview-copy{padding-top:90px;padding-bottom:0}.preview-copy h2{font-size:clamp(44px,10.4vw,66px)}.imac-scene{width:125%;transform:translate(7%,2%)}.case-copy{padding-bottom:90px}.case-example__row{grid-template-columns:1fr;gap:6px}.case-example__row p{font-size:14px}}

/* The three consequences travel across the frame, then the argument splits in two. */
.outcomes-scene h2{max-width:none;width:100%;font-size:clamp(43px,2.8vw,54px);line-height:1.1}
.outcomes-scene h2 span{width:max-content;max-width:100%;text-wrap:balance}
.outcomes-scene h2 span:nth-child(2){margin-left:clamp(65px,6vw,115px)}
.outcomes-scene h2 span:nth-child(3){margin-left:clamp(130px,12vw,230px)}
.outcomes-scene h2 span+span{margin-top:clamp(65px,9vh,100px)}
.outcomes-scene h2 .outcome-tail{display:inline;width:auto;max-width:none;white-space:nowrap;margin:0}
.blindspot-scene:after{background:linear-gradient(90deg,rgba(7,17,28,.96),rgba(7,17,28,.74) 52%,rgba(7,17,28,.42) 100%)}
.blindspot-scene__diagonal{position:absolute;z-index:1;left:22%;top:50%;width:66%;height:1px;background:linear-gradient(90deg,transparent,rgba(119,228,212,.7),transparent);transform:rotate(-18deg);transform-origin:center}
.blindspot-scene__content{width:min(100%,1600px)}
.blindspot-scene h2{display:flex;flex-direction:column;gap:clamp(90px,13vh,170px);width:100%;max-width:none;font-size:clamp(54px,4.15vw,82px);line-height:1.06}
.blindspot-scene h2 span{display:block;max-width:790px}
.blindspot-scene h2 span:last-child{align-self:flex-end;max-width:780px;text-align:right}
.fragments-scene h2{font-size:clamp(59px,5vw,91px);max-width:770px;margin-bottom:36px}
.fragments-scene p{font-size:clamp(18px,1.3vw,23px);line-height:1.5;max-width:710px;font-weight:500}
.fragments-scene p+p{margin-top:17px}
.preview-copy h2{font-size:clamp(51px,4.5vw,78px)}
.preview-copy__promise{white-space:nowrap}
.preview-mobile-break{display:none}
.story-scene h2,.outcomes-scene h2,.blindspot-scene h2,.fragments-scene h2,.video-scene h2,.product-preview h2,.home-final h2,.page-intro h1,.step-copy h2,.case-copy h2,.final-cta h2,.demo-body h2{font-weight:800}
.decision-scene h2 em{color:#fff;text-decoration-line:underline;text-decoration-color:#77e4d4;text-decoration-thickness:.065em;text-underline-offset:.13em;text-decoration-skip-ink:none;white-space:nowrap}
.outcomes-scene h2{position:relative}
.outcomes-scene h2>span{position:relative;z-index:1}
.fragments-scene .fragments-scene__end{font-family:'Avenir Next',Avenir,'Helvetica Neue',sans-serif;font-weight:600;font-size:clamp(23px,1.8vw,31px);line-height:1.35;letter-spacing:-.025em;color:#fff;max-width:740px;margin-top:34px;padding-top:26px;border-top:1px solid rgba(131,229,215,.55)}
.fragments-scene__end span{color:#83e5d7}
.site-nav__action{display:none!important}
@media(max-width:1000px){.site-nav__action{display:inline-flex!important;color:#091d26!important;background:var(--teal);padding:14px 18px;margin-top:6px}.site-nav__action span{margin-left:16px}}
@media(max-width:680px){.header-demo{display:none}.site-header__inner{grid-template-columns:1fr auto}.outcomes-scene h2{font-size:clamp(30px,8vw,45px);line-height:1.12}.outcomes-scene h2 span{width:auto;max-width:94%}.outcomes-scene h2 span:nth-child(2){margin-left:8%}.outcomes-scene h2 span:nth-child(3){margin-left:8%;font-size:.91em}.outcomes-scene h2 span+span{margin-top:clamp(55px,8vh,85px)}.outcomes-scene h2 .outcome-tail{display:inline;max-width:none;white-space:nowrap}.blindspot-scene__content{padding-block:90px}.blindspot-scene h2{font-size:clamp(36px,9vw,51px);gap:clamp(100px,15vh,155px)}.blindspot-scene h2 span{max-width:85%}.blindspot-scene h2 span:last-child{max-width:87%}.blindspot-scene__diagonal{left:8%;width:84%;transform:rotate(-28deg)}.fragments-scene__photo{height:27svh}.fragments-scene__content{padding-block:28px 60px}.fragments-scene h2{font-size:clamp(50px,11vw,68px);line-height:1.06}.fragments-scene p{font-size:16px}.fragments-scene .fragments-scene__end{font-size:clamp(30px,8vw,42px);margin-top:32px}.preview-copy{padding-top:70px}.preview-copy h2{font-size:clamp(43px,10vw,62px);margin-bottom:30px}.preview-copy__promise{white-space:normal}.preview-mobile-break{display:block}}

@media(max-width:680px){.outcomes-scene h2>span:first-child{margin-left:0}.outcomes-scene h2>span:nth-child(2){margin-left:6%}.outcomes-scene h2>span:nth-child(3){margin-left:12%;font-size:.91em}}
@media(max-width:680px){.fragments-scene__photo{height:24svh}.fragments-scene__content{padding-bottom:48px}.fragments-scene .fragments-scene__end{font-size:22px;line-height:1.35;margin-top:20px;padding-top:18px}}

/* Editorial rhythm for the homepage and shared story controls. */
.supply-scene{display:grid;grid-template-rows:minmax(0,1.28fr) minmax(0,.72fr);background:#eaf1f2;color:#102332}
.supply-scene .story-scene__content{grid-row:1;align-self:center;width:100%;padding-block:clamp(48px,6vh,90px)}
.supply-scene h2{max-width:1230px;font-size:clamp(57px,5.7vw,108px)}
.supply-scene h2 em{color:#078e84}
.supply-scene .story-scene__image{position:relative;grid-row:2;height:100%;object-position:center 58%;border-top:4px solid #17b7a6}
.supply-scene .story-scene__wash{display:none}
.outcomes-scene h2{padding-left:42px}
.outcomes-flow{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.outcomes-flow path{fill:none;stroke:#6ce1d2;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px rgba(89,219,207,.55))}
.outcomes-flow circle{fill:#7ce8d9;stroke:#09202a;stroke-width:3}
.outcomes-flow line{stroke:#7ce8d9;stroke-width:2;stroke-linecap:round}
.fragments-scene__photo img{object-position:57% 44%}
.fragments-scene__end span{color:inherit}
.product-preview-grid{grid-template-columns:minmax(370px,.78fr) minmax(0,1.62fr);gap:clamp(34px,3.3vw,60px)}
.preview-copy h2{font-size:clamp(48px,3.8vw,72px);line-height:1.08;max-width:620px}
.preview-copy__first{white-space:nowrap}
.product-visual{position:relative;width:100%;min-width:0;transform:none}
.product-visual__frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid rgba(206,240,235,.38);border-radius:24px;background:#101c2d;box-shadow:0 38px 80px rgba(0,0,0,.34)}
.step-section{padding:clamp(28px,3.5vh,52px) 0;background:#fff}
.step-section:nth-of-type(even){background:#fff}
.step-section:nth-of-type(odd){background:#0d1d2c;color:#fff;border-color:#0d1d2c}
.step-section:nth-of-type(odd) .step-copy p{color:#d5e3e5}
.step-section:nth-of-type(odd) .step-art-board{border:1px solid rgba(113,224,210,.3);box-shadow:0 25px 72px rgba(0,0,0,.4)}
.step-art-board--layered{height:min(69svh,610px);min-height:0}
.step-art-board--detail{height:min(69svh,610px);min-height:0}
.step-copy h2,.case-copy h2{font-size:clamp(44px,4.25vw,68px);line-height:1.08}
.report-visual{height:min(68svh,590px);min-height:0;padding:0;background:linear-gradient(130deg,#d7e0e4,#b6c7cd);border:1px solid #a6bbc2;box-shadow:0 24px 65px rgba(7,26,40,.19)}
.cases-list>.container{width:100%;max-width:none;padding-inline:0}
.case-card{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;min-height:calc(100svh - 84px)}
.case-photo{width:100%;min-width:0}
.case-copy{min-width:0;padding-inline:clamp(42px,5vw,110px)}
main .scene-next{right:var(--gutter);bottom:28px;width:48px;height:48px;color:#12313c;border:1px solid rgba(103,129,138,.8);background:rgba(248,251,251,.78);backdrop-filter:blur(10px);box-shadow:0 8px 22px rgba(8,23,30,.12)}
main .scene-next:hover{background:var(--teal);color:#08242d;border-color:var(--teal);transform:translateY(3px)}
@media(max-width:1000px){.step-section .step-grid{grid-template-columns:.88fr 1.12fr}.step-section--reverse .step-copy{order:2}.step-section--reverse .step-art{order:1}.product-preview-grid{grid-template-columns:1fr}.product-visual{width:100%}.preview-copy{padding-block:80px 0}}
@media(max-width:760px){.supply-scene{grid-template-rows:minmax(0,1.3fr) minmax(0,.7fr)}.supply-scene .story-scene__content{padding-block:44px}.supply-scene h2{font-size:clamp(43px,10vw,63px);line-height:1.06}.outcomes-scene h2{padding-left:28px}.step-section .step-grid{grid-template-columns:1fr}.step-section--reverse .step-copy,.step-section--reverse .step-art{order:initial}.step-art-board--layered,.step-art-board--detail{height:420px}.step-copy h2,.case-copy h2{font-size:clamp(39px,9.2vw,56px)}.case-card{display:flex;flex-direction:column}.case-photo{min-height:42svh}.case-copy{padding-inline:26px}.product-visual{width:100%;margin:0}.product-visual__frame{border-radius:18px}.preview-copy h2{font-size:clamp(44px,10vw,64px)}.preview-copy__first{white-space:normal}}


.demo-selected{display:inline-flex;align-items:center;gap:7px;padding:9px 13px;margin:0 0 26px!important;border:1px solid rgba(95,223,205,.4);color:#b8e5df!important;background:rgba(20,184,166,.09);font-size:13px!important;line-height:1.3!important}
.demo-selected strong{color:#fff}

/* One measured, angular rule system carries the homepage story. */
:root{--story-rule:#77e4d4;--story-rule-width:3px}
.supply-scene{display:block;position:relative;height:calc(100svh - 84px);min-height:650px;background:#eaf1f2;color:#102332}
.supply-scene .story-scene__content{height:58%;width:100%;display:flex;align-items:center;padding-block:30px}
.supply-scene .story-scene__image{position:absolute;inset:auto 0 0;width:100%;height:42%;object-fit:cover;object-position:center 58%;border-top:var(--story-rule-width) solid var(--story-rule)}
.supply-scene h2{max-width:1280px;font-size:clamp(57px,5.25vw,100px);line-height:1.04}
.supply-scene h2::after{content:"";display:block;width:clamp(165px,22vw,360px);height:var(--story-rule-width);margin-top:clamp(20px,3vh,32px);background:#0c9e91}
.decision-scene h2 em{color:#fff;text-decoration-thickness:var(--story-rule-width);text-decoration-color:var(--story-rule)}
.funding-ending{position:relative;white-space:nowrap}
.funding-ending::after{content:"";position:absolute;left:calc(100% + 20px);top:57%;width:clamp(95px,17vw,280px);height:var(--story-rule-width);background:var(--story-rule)}
.outcomes-scene h2{font-size:clamp(49px,3.1vw,62px);line-height:1.08}
.outcomes-flow path{stroke:var(--story-rule);stroke-width:var(--story-rule-width);stroke-linecap:square;stroke-linejoin:miter;filter:none;vector-effect:non-scaling-stroke}
.outcomes-flow rect{fill:var(--story-rule)}
.blindspot-scene h2{font-size:clamp(51px,3.35vw,66px);line-height:1.08}
.blindspot-scene__diagonal{position:absolute;z-index:1;inset:0;width:100%;height:100%;background:none;transform:none;pointer-events:none}
.blindspot-scene__diagonal path{fill:none;stroke:var(--story-rule);stroke-width:var(--story-rule-width);stroke-linecap:square;stroke-linejoin:miter;vector-effect:non-scaling-stroke}
.blindspot-scene__diagonal rect{fill:var(--story-rule)}
.fragments-scene .fragments-scene__end{border-top:var(--story-rule-width) solid var(--story-rule)}
.preview-copy .button{min-width:255px;font-size:14px;padding:20px 22px}
.home-final h2 em{font-style:normal;color:inherit;text-decoration-line:underline;text-decoration-color:var(--story-rule);text-decoration-thickness:var(--story-rule-width);text-underline-offset:.14em;text-decoration-skip-ink:none}
@media(max-width:1000px){.supply-scene{height:calc(100svh - 84px)}.supply-scene h2{font-size:clamp(52px,6.5vw,78px)}.funding-ending::after{width:clamp(70px,10vw,140px)}.outcomes-scene h2{font-size:clamp(46px,5.4vw,57px)}.blindspot-scene h2{font-size:clamp(46px,5.6vw,58px)}}
@media(max-width:760px){.supply-scene{height:calc(100svh - 70px);min-height:590px}.supply-scene .story-scene__content{height:64%;padding-block:25px}.supply-scene .story-scene__image{height:36%}.supply-scene h2{font-size:clamp(42px,10vw,60px)}.supply-scene h2::after{width:36vw;margin-top:22px}.funding-ending::after{width:58px;left:calc(100% + 12px)}.outcomes-scene h2{font-size:clamp(34px,8.7vw,48px)}.blindspot-scene h2{font-size:clamp(36px,8.7vw,50px)}.blindspot-scene__diagonal{left:0;width:100%;transform:none}.preview-copy .button{min-width:235px}}

/* The source problem and its funding consequence each get one full frame. */
.fragments-scene h2{font-size:clamp(52px,3.45vw,67px);max-width:750px;margin-bottom:34px}
.fragments-scene h2::after{content:"";display:block;width:clamp(120px,18vw,280px);height:var(--story-rule-width);margin-top:30px;background:var(--story-rule)}
.fragments-scene p{font-size:clamp(23px,1.62vw,31px);line-height:1.36;max-width:720px}
.manual-scene{min-height:calc(100svh - 84px);position:relative;display:flex;align-items:center;overflow:hidden;background:#0b1928;color:#fff}
.manual-scene__image,.manual-scene__wash{position:absolute;inset:0;width:100%;height:100%}
.manual-scene__image{object-fit:cover;object-position:center}
.manual-scene__wash{background:linear-gradient(90deg,rgba(6,20,34,.55),rgba(6,20,34,.22) 54%,rgba(6,20,34,.03))}
.manual-scene__content{position:relative;z-index:1;padding-block:70px}
.manual-scene h2{font-size:clamp(55px,4.5vw,86px);line-height:1.06;max-width:890px;margin:0 0 40px;font-weight:800}
.manual-scene h2::after{content:"";display:block;width:clamp(140px,21vw,340px);height:var(--story-rule-width);margin-top:32px;background:var(--story-rule)}
.manual-scene p{font-size:clamp(24px,2vw,35px);line-height:1.35;max-width:760px;font-weight:650;margin:0}
.button,.header-demo{border-radius:10px}
@media(max-width:1400px){.product-preview-grid{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(25px,3vw,40px)}.preview-copy h2{font-size:clamp(42px,4vw,58px)}.preview-copy__first{white-space:normal}}
@media(max-width:1000px){.product-preview-grid{grid-template-columns:1fr}.preview-copy h2{font-size:clamp(44px,6vw,64px)}}
@media(max-width:760px){.manual-scene{min-height:calc(100svh - 70px)}.manual-scene__image{object-position:60% center}.manual-scene__wash{background:linear-gradient(90deg,rgba(6,20,34,.9),rgba(6,20,34,.66) 76%,rgba(6,20,34,.38))}.manual-scene h2{font-size:clamp(42px,10vw,60px)}.manual-scene p{font-size:clamp(21px,5.7vw,28px)}.fragments-scene h2{font-size:clamp(45px,10vw,62px)}.fragments-scene p{font-size:clamp(19px,5vw,26px)}.product-preview-grid{grid-template-columns:1fr}}

/* The signal is always a round point, a clear gap, then a three-pixel line. */
.signal-rule{display:block;position:relative;width:var(--signal-length,170px);height:12px;flex:none}
.signal-rule::before{content:"";position:absolute;left:0;top:1px;width:10px;height:10px;border-radius:50%;background:var(--story-rule)}
.signal-rule::after{content:"";position:absolute;left:22px;right:0;top:4px;height:var(--story-rule-width);background:var(--story-rule)}
.supply-scene{display:flex;align-items:center;background:#eaf1f2;color:#102332}
.supply-scene__inner{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:clamp(45px,5vw,100px);align-items:center}
.supply-scene__copy{min-width:0}
.supply-scene h2{font-size:clamp(56px,4.3vw,82px);line-height:1.05;max-width:820px;margin:0 0 40px}
.supply-scene h2::after{display:none}
.supply-scene .signal-rule{--signal-length:clamp(170px,22vw,340px)}
.supply-scene__diagram{display:block;width:100%;max-width:600px;height:auto;justify-self:end;filter:drop-shadow(0 20px 40px rgba(5,48,62,.1))}
.supply-diagram__outline{fill:rgba(33,101,111,.08);stroke:#168b85;stroke-width:3}
.supply-diagram__detail{fill:none;stroke:#7aa9aa;stroke-width:4;stroke-linecap:square}
.supply-diagram__wire{fill:none;stroke:#168b85;stroke-width:3;stroke-linejoin:miter}
.supply-diagram__dot{fill:#13a796}
.supply-diagram__icon{fill:#f9fcfc;stroke:#168b85;stroke-width:3}
.supply-diagram__icon-detail{fill:none;stroke:#168b85;stroke-width:3;stroke-linejoin:miter}
.decision-scene h2 em,.home-final h2 em{position:relative;display:inline-block;padding-bottom:3px;text-decoration:none}
.decision-scene h2 em::before,.home-final h2 em::before{content:"";position:absolute;left:0;bottom:-14px;width:10px;height:10px;border-radius:50%;background:var(--story-amber)}
.decision-scene h2 em::after,.home-final h2 em::after{content:"";position:absolute;left:22px;right:0;bottom:-10px;height:var(--story-rule-width);background:var(--story-rule)}
.funding-ending::before{content:"";position:absolute;left:calc(100% + 13px);top:calc(57% - 4px);width:10px;height:10px;border-radius:50%;background:var(--story-rule)}
.funding-ending::after{left:calc(100% + 35px);width:clamp(95px,17vw,280px)}
.outcomes-flow circle{fill:var(--story-amber);stroke:none}
.blindspot-scene__diagonal circle{fill:var(--story-amber)}
.fragments-scene,.manual-scene{min-height:calc(100svh - 84px);display:flex;align-items:center;background:#0b1928;color:#fff}
.fragments-scene__photo{left:0;right:auto;width:50%;height:100%}
.fragments-scene__photo img{object-position:56% center}
.fragments-scene__content,.manual-scene__content{width:min(100%,1600px);display:flex;align-items:center}
.fragments-scene__content{justify-content:flex-end}
.fragments-scene__copy{width:50%;max-width:none;padding-left:clamp(34px,5vw,90px)}
.manual-scene__image{position:absolute;inset:0 0 0 auto;width:50%;height:100%;object-fit:cover;object-position:74% center}
.manual-scene__wash{display:none}
.manual-scene__image{object-position:right center;transform-origin:right center}
.manual-scene__content{justify-content:flex-start}
.manual-scene__copy{width:50%;padding-right:clamp(34px,5vw,90px)}
.fragments-scene h2,.manual-scene h2{font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(52px,3.45vw,67px);line-height:1.06;font-weight:800;letter-spacing:-.055em;margin:0}
.fragments-scene h2::after,.manual-scene h2::after{display:none}
.fragments-scene .signal-rule,.manual-scene .signal-rule{--signal-length:clamp(155px,17vw,270px);margin-block:31px 28px}
.fragments-scene p,.manual-scene p{font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(22px,1.55vw,28px);line-height:1.4;letter-spacing:-.025em;font-weight:550;max-width:620px;margin:0}
.product-preview .signal-rule{--signal-length:145px;margin-bottom:23px}
.step-copy .signal-rule,.case-copy .signal-rule{--signal-length:140px;margin-bottom:24px}
@media(max-width:1100px){.supply-scene h2{font-size:clamp(48px,5.3vw,68px)}.fragments-scene h2,.manual-scene h2{font-size:clamp(45px,4.7vw,58px)}.fragments-scene p,.manual-scene p{font-size:clamp(19px,2vw,24px)}}
@media(max-width:760px){.supply-scene{height:calc(100svh - 70px);min-height:650px}.supply-scene__inner{grid-template-columns:1fr;gap:8px}.supply-scene h2{font-size:clamp(43px,9.8vw,60px);margin-bottom:20px}.supply-scene__diagram{max-width:310px;width:68%;justify-self:end}.fragments-scene,.manual-scene{display:flex;flex-direction:column;align-items:stretch;min-height:calc(100svh - 70px)}.fragments-scene__photo,.manual-scene__image{position:relative;inset:auto;width:100%;height:36svh;min-height:240px;object-fit:cover}.fragments-scene__photo img{object-position:54% center}.manual-scene__image{object-position:76% center}.fragments-scene__content,.manual-scene__content{display:block;padding-block:36px 90px}.fragments-scene__copy,.manual-scene__copy{width:100%;padding:0}.fragments-scene h2,.manual-scene h2{font-size:clamp(43px,10vw,60px)}.fragments-scene p,.manual-scene p{font-size:clamp(20px,5vw,25px)}.fragments-scene .signal-rule,.manual-scene .signal-rule{margin-block:22px 20px}}
@media(max-width:760px){.manual-scene__image{width:165%;max-width:none;align-self:flex-end;object-position:right center}}

/* Keep the Explore result heading and the whole list in front of the filter crop. */
#step-3 .step-art-board--layered .step-capture--primary{left:4%;top:15%;width:45%;z-index:1}
#step-3 .step-art-board--layered .step-capture--secondary{right:4%;top:13%;bottom:auto;width:53%;z-index:2}
@media(max-width:760px){#step-3 .step-art-board--layered .step-capture--primary{left:auto;top:auto;width:100%}#step-3 .step-art-board--layered .step-capture--secondary{display:none}}

/* Story palette: bright teal on navy, deep teal on white, amber for discovery and funding. */
:root{--story-rule:#77e4d4;--story-rule-on-light:#087f73;--story-amber:#fbbf24;--story-amber-on-light:#c18413}
.signal-rule::before{background:var(--story-amber)}
.step-section:nth-of-type(even) .signal-rule::before,.case-copy .signal-rule::before,.destination-contact-intro .signal-rule::before{background:var(--story-amber-on-light)}
.page-intro h1 em{font-style:normal;color:#77e4d4}
.page-intro .signal-rule{--signal-length:clamp(170px,22vw,340px);margin-top:clamp(34px,5vh,58px)}
/* Center the four section introductions and keep their new summaries in one type style. */
.page-intro .container{display:flex;flex-direction:column;align-items:center;text-align:center}
.page-intro h1{width:100%;max-width:1120px;margin:0 auto;font-size:clamp(64px,6.4vw,112px);line-height:1.02}
.section-intro__line{display:block}
.page-intro .signal-rule{margin:clamp(30px,4vh,46px) auto clamp(26px,3.5vh,38px)}
.page-intro .section-hero__subtext{max-width:760px;margin:0 auto;color:#e4efef;font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(18px,1.4vw,22px);line-height:1.5;letter-spacing:-.015em;font-weight:500}
.solution-intro{background-image:linear-gradient(90deg,rgba(5,16,26,.75),rgba(5,16,26,.68)),url('assets/home/supply-panorama.png')}
.cases-intro{background-image:linear-gradient(90deg,rgba(5,16,26,.75),rgba(5,16,26,.68)),url('assets/home/communities.png')}
@media(max-width:680px){.page-intro h1{font-size:clamp(46px,10.8vw,68px)}.page-intro .section-hero__subtext{font-size:18px;max-width:570px}.page-intro .signal-rule{margin-block:25px 25px}}
.step-section:nth-of-type(even),.case-copy,.destination-contact{--story-rule:var(--story-rule-on-light)}
/* Alternate the use-case writing panels while preserving the portrait rhythm. */
.case-card:nth-child(even) .case-copy{background:#0b1c2b;color:#f7fbfb;--story-rule:#77e4d4}
.case-card:nth-child(even) .case-copy .signal-rule::before{background:var(--story-amber)}
.case-card:nth-child(even) .case-line{color:#e3f0ef}
.case-card:nth-child(even) .case-example__row{border-top-color:rgba(194,221,222,.29)}
.case-card:nth-child(even) .case-example__label{color:#f0f8f7}
.case-card:nth-child(even) .case-example__row--destera .case-example__label{color:#77e4d4}
.case-card:nth-child(even) .case-example__row p{color:#c6dada}
.case-disclosure{width:100%;max-width:650px;border-top:1px solid #cbd9dc}
.case-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:58px;padding:12px 0;list-style:none;cursor:pointer;color:#087f73;font-family:var(--content-slide-font);font-size:15px;font-weight:750;line-height:1.4}
.case-disclosure summary::-webkit-details-marker{display:none}
.case-disclosure summary::marker{content:""}
.case-disclosure summary:hover{color:#065e56}
.case-disclosure summary:focus-visible{outline:3px solid #087f73;outline-offset:5px;border-radius:2px}
.case-disclosure__icon{position:relative;display:block;flex:none;width:34px;height:34px;border:1px solid currentColor;border-radius:50%}
.case-disclosure__icon::before,.case-disclosure__icon::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.case-disclosure__icon::after{transform:translate(-50%,-50%) rotate(90deg)}
.case-disclosure[open] .case-disclosure__icon::after{display:none}
.case-disclosure .case-example{margin:0;padding:8px 0 17px}
.case-disclosure .case-example__row:first-child{border-top:0;padding-top:0}
.case-card:nth-child(even) .case-disclosure{border-top-color:rgba(194,221,222,.4)}
.case-card:nth-child(even) .case-disclosure summary{color:#77e4d4}
.case-card:nth-child(even) .case-disclosure summary:hover{color:#b6f3e9}
.case-card:nth-child(even) .case-disclosure summary:focus-visible{outline-color:#77e4d4}
.supply-scene{background:#0f172a;color:#fff}
.supply-scene h2 em{color:#77e4d4}
.supply-scene__animation{display:flex;justify-content:flex-end;align-items:center;width:100%;min-width:0}
.supply-scene__animation img{display:block;width:min(100%,510px);height:auto;filter:drop-shadow(0 12px 32px rgba(0,0,0,.16))}
.supply-scene .signal-rule{--signal-length:clamp(180px,22vw,350px)}
.supply-scene .signal-rule::before{background:var(--story-amber)}
.supply-scene .signal-rule::after{background:var(--story-rule)}
.manual-scene h2 em{font-style:normal;color:#77e4d4}

/* A single rail leads the three decisions; each keyword receives a clean underline. */
.decision-scene h2{position:relative;padding-left:clamp(30px,3vw,48px)}
.decision-scene h2::before{content:"";position:absolute;left:0;top:.18em;width:11px;height:11px;border-radius:50%;background:var(--story-amber)}
.decision-scene h2::after{content:"";position:absolute;left:4px;top:calc(.18em + 24px);bottom:.12em;width:var(--story-rule-width);background:var(--story-rule)}
.decision-scene h2 em{padding:0;text-decoration-line:underline;text-decoration-color:var(--story-rule);text-decoration-thickness:3px;text-underline-offset:.14em;text-decoration-skip-ink:none}
.decision-scene h2 em::before,.decision-scene h2 em::after{display:none}
.funding-ending::before,.funding-ending::after{display:none}
.funding-scene h2 em{color:var(--story-amber)}
.funding-scene .signal-rule{--signal-length:clamp(200px,28vw,440px);margin-top:clamp(35px,5vh,60px)}
.funding-scene .signal-rule::before{background:var(--story-amber)}

/* Video now follows the opening claim and plays the existing scenic film on request. */
.video-scene__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.video-scene__play{color:#102332;cursor:pointer;position:relative;z-index:2;border-color:var(--story-amber);background:var(--story-amber);backdrop-filter:none;transition:transform .3s,background .3s,box-shadow .3s}
.video-scene__play:hover{transform:scale(1.08);background:#ffd56a;box-shadow:0 0 0 9px rgba(251,191,36,.2)}
.video-scene__play::before,.video-scene__play::after{content:"";position:absolute;inset:-10px;border:1px solid rgba(251,191,36,.72);border-radius:50%;opacity:0;pointer-events:none}
.video-scene__play:focus-visible{outline:3px solid #fff;outline-offset:6px}
@media(prefers-reduced-motion:no-preference){
  .video-scene.is-active:not(.is-playing) .video-scene__play::before{animation:film-invitation 3.8s ease-out infinite}
  .video-scene.is-active:not(.is-playing) .video-scene__play::after{animation:film-invitation 3.8s ease-out 1.9s infinite}
}
@keyframes film-invitation{0%{opacity:.6;transform:scale(.94)}72%,100%{opacity:0;transform:scale(1.58)}}
.home-hero .hero-action .button{background:var(--story-amber);color:#102332}
.home-hero .hero-action .button:hover{background:#ffd56a}
.video-scene.is-playing .video-scene__wash,.video-scene.is-playing .video-scene__content{opacity:0;pointer-events:none;transition:opacity .35s}
.video-scene.is-playing .video-scene__film{z-index:2}
.preview-copy__first{white-space:normal}
@media(min-width:1001px) and (max-width:1750px){.product-preview-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(38px,3.5vw,65px)}.preview-copy h2{font-size:clamp(44px,3.2vw,64px)}}
@media(max-width:760px){.supply-scene__inner{grid-template-columns:1fr;gap:25px}.supply-scene h2{margin-bottom:26px}.supply-scene__animation{justify-content:center}.supply-scene__animation img{width:min(67vw,260px)}.funding-scene .signal-rule{margin-top:30px}}
@media(max-width:760px){.blindspot-scene__diagonal circle{r:18px}}

/* Every full-screen scene enters with the same text, image and line rhythm. */
@media(prefers-reduced-motion:no-preference) and (min-width:761px){
  .motion-ready .snap-panel h1,.motion-ready .snap-panel h2,.motion-ready .snap-panel p,.motion-ready .snap-panel .button,.motion-ready .snap-panel .destination-access{opacity:0;transform:translateY(25px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1)}
  .motion-ready .snap-panel.is-active h1,.motion-ready .snap-panel.is-active h2,.motion-ready .snap-panel.is-active p,.motion-ready .snap-panel.is-active .button,.motion-ready .snap-panel.is-active .destination-access{opacity:1;transform:translateY(0)}
  .motion-ready .snap-panel h2,.motion-ready .snap-panel h1{transition-delay:.05s}
  .motion-ready .snap-panel p,.motion-ready .snap-panel .button,.motion-ready .snap-panel .destination-access{transition-delay:.16s}
  .motion-ready .snap-panel .story-scene__image,.motion-ready .snap-panel .case-photo img,.motion-ready .snap-panel .step-art,.motion-ready .snap-panel .product-visual,.motion-ready .snap-panel .supply-scene__animation,.motion-ready .snap-panel .video-scene__film,.motion-ready .snap-panel .fragments-scene__photo,.motion-ready .snap-panel .manual-scene__image{opacity:.55;transform:scale(1.035);transition:opacity .85s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}
  .motion-ready .snap-panel.is-active .story-scene__image,.motion-ready .snap-panel.is-active .case-photo img,.motion-ready .snap-panel.is-active .step-art,.motion-ready .snap-panel.is-active .product-visual,.motion-ready .snap-panel.is-active .supply-scene__animation,.motion-ready .snap-panel.is-active .video-scene__film,.motion-ready .snap-panel.is-active .fragments-scene__photo,.motion-ready .snap-panel.is-active .manual-scene__image{opacity:1;transform:scale(1)}
  .motion-ready .snap-panel .signal-rule::after{transform:scaleX(0);transform-origin:left;transition:transform .75s cubic-bezier(.2,.75,.2,1) .25s}
  .motion-ready .snap-panel.is-active .signal-rule::after{transform:scaleX(1)}
  .motion-ready .snap-panel .signal-rule::before{opacity:0;transform:scale(.5);transition:opacity .3s ease .2s,transform .3s ease .2s}
  .motion-ready .snap-panel.is-active .signal-rule::before{opacity:1;transform:scale(1)}
  .motion-ready .snap-panel .outcomes-flow,.motion-ready .snap-panel .blindspot-scene__diagonal{opacity:0;transition:opacity .7s ease .22s}
  .motion-ready .snap-panel.is-active .outcomes-flow,.motion-ready .snap-panel.is-active .blindspot-scene__diagonal{opacity:1}
  .motion-ready .outcomes-flow path,.motion-ready .blindspot-scene__diagonal path{stroke-dasharray:var(--stroke-length,1500px);stroke-dashoffset:var(--stroke-length,1500px);transition:stroke-dashoffset .9s cubic-bezier(.2,.75,.2,1) .18s}
  .motion-ready .snap-panel.is-active .outcomes-flow path,.motion-ready .snap-panel.is-active .blindspot-scene__diagonal path{stroke-dashoffset:0}
  .motion-ready .outcomes-flow circle,.motion-ready .blindspot-scene__diagonal circle{opacity:0;transition:opacity .36s ease .63s}
  .motion-ready .snap-panel.is-active .outcomes-flow circle,.motion-ready .snap-panel.is-active .blindspot-scene__diagonal circle{opacity:1}
  .motion-ready .decision-scene h2::after{transform:scaleY(0);transform-origin:top;transition:transform .82s cubic-bezier(.2,.75,.2,1) .25s}
  .motion-ready .decision-scene.is-active h2::after{transform:scaleY(1)}
}
.motion-ready .supply-scene .supply-scene__animation img{opacity:0;transition:opacity .12s ease}
.motion-ready .supply-scene.is-active .supply-scene__animation img.is-ready{opacity:1}

/* Match every destination CTA arrow to the Request access arrow. */
.button span,.header-demo span,.site-nav__action span{display:inline-block;flex:none;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;font-size:20px;font-weight:400;line-height:1;transition:transform .2s ease}
.button:hover span,.header-demo:hover span,.site-nav__action:hover span{transform:translate(2px,-2px)}

/* Share the destination contact page's soft off-white across light story scenes. */
:root{--story-off-white:#eaf1f0}
.step-section:nth-of-type(even){background:var(--story-off-white)}
.case-card:nth-child(odd),.case-card:nth-child(odd) .case-copy{background:var(--story-off-white)}
.fragments-scene{background:var(--story-off-white);color:#102332;--story-rule:#087f73}
.fragments-scene h2 em{color:#087f73}
.fragments-scene .signal-rule::before{background:var(--story-amber-on-light)}

/* One treatment for every destination-start action, including the fixed header. */
:root{--destination-cta:#fbbf24;--destination-cta-hover:#ffd56a;--destination-cta-radius:10px}
.button--primary,.header-demo,.site-nav__action,.home-hero .hero-action .button{background:var(--destination-cta);color:#102332;border-radius:var(--destination-cta-radius)}
.button--primary:hover,.header-demo:hover,.site-nav__action:hover,.home-hero .hero-action .button:hover{background:var(--destination-cta-hover);color:#102332}

/* Seven-scene homepage: a quiet sky opens into the existing film and product view. */
.home-hero--stars{background:radial-gradient(ellipse at 72% 46%,#12283a 0%,#091523 45%,#040813 100%)}
.hero-starfield{position:absolute;z-index:1;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.hero-starfield__veil{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(3,8,19,.36) 0%,rgba(3,8,19,.16) 43%,transparent 80%)}
.home-hero--stars .hero-content{align-items:center;text-align:center;padding-block:clamp(70px,8vh,115px)}
.home-hero--stars h1{font-size:clamp(64px,6.4vw,112px);line-height:1.02;max-width:1120px;margin-bottom:clamp(25px,3.5vh,40px)}
.home-hero--stars .hero-subtext{max-width:760px;color:#dfedee;margin:0 auto clamp(30px,4vh,48px)}
.home-hero--stars .hero-action{margin:0 auto}
.video-scene h2{font-size:clamp(52px,3.45vw,67px);line-height:1.06;max-width:1100px;margin-bottom:clamp(36px,5vh,62px)}
.video-scene__control{display:flex;align-items:center;gap:18px;font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;font-weight:650;letter-spacing:0;color:#f5f7f5}
.reveal-scene{position:relative;min-height:calc(100svh - 84px);display:flex;align-items:center;overflow:hidden;background:#102638;color:#fff}
.reveal-scene::before{content:"";position:absolute;inset:0;background:url('../public/media/destera-australia-hero-poster.webp') center/cover}
.reveal-scene__film,.reveal-scene__wash{position:absolute;inset:0;width:100%;height:100%}
.reveal-scene__film{object-fit:cover;object-position:center 55%}
.reveal-scene__wash{background:linear-gradient(90deg,rgba(4,14,25,.8) 0%,rgba(4,14,25,.62) 37%,rgba(4,14,25,.08) 73%,transparent 100%),linear-gradient(0deg,rgba(4,14,25,.2),transparent 50%)}
.reveal-scene__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-block:clamp(80px,10vh,130px)}
.reveal-scene h2{font-size:clamp(52px,3.45vw,67px);line-height:1.06;max-width:min(100%,950px);margin:0;font-weight:800}
.reveal-scene h2 em{font-style:normal;color:#77e4d4}
.reveal-scene .signal-rule{--signal-length:clamp(160px,18vw,280px);margin-block:clamp(28px,4vh,45px)}
.reveal-scene .signal-rule::before{left:0;right:auto}
.reveal-scene .signal-rule::after{left:22px;right:0}
.reveal-scene p{max-width:620px;margin:0;color:#e8f0ef}
.life-scene{position:relative;min-height:calc(100svh - 84px);display:flex;align-items:center;overflow:hidden;background:#102638;color:#fff}
.life-scene__image,.life-scene__wash{position:absolute;inset:0;width:100%;height:100%}
.life-scene__image{object-fit:cover;object-position:center 48%}
.life-scene__wash{background:linear-gradient(90deg,rgba(4,14,25,.86) 0%,rgba(4,14,25,.69) 36%,rgba(4,14,25,.16) 72%,rgba(4,14,25,.04) 100%),linear-gradient(0deg,rgba(4,14,25,.25),transparent 55%)}
.life-scene__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding-block:clamp(80px,10vh,130px)}
.life-scene h2{font-family:var(--content-slide-font);font-size:var(--content-slide-heading-size);line-height:1.06;max-width:min(100%,950px);margin:0;font-weight:800;letter-spacing:-.055em}
.life-scene h2 em{font-style:normal;color:#77e4d4}
.life-scene .signal-rule{--signal-length:clamp(160px,18vw,280px);margin-block:clamp(28px,4vh,45px)}
.life-scene .signal-rule::before{left:0;right:auto}
.life-scene .signal-rule::after{left:22px;right:0}
.life-scene p{max-width:620px;margin:0;color:#e8f0ef;font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(18px,1.4vw,22px);line-height:1.5;letter-spacing:-.015em;font-weight:500}
.fragments-scene .fragments-scene__copy p,.manual-scene .manual-scene__copy p{font-size:clamp(21px,1.55vw,28px);line-height:1.43}
.product-preview .product-preview-grid{grid-template-columns:minmax(0,1.16fr) minmax(390px,.84fr);gap:clamp(34px,4vw,70px)}
@media(min-width:1001px){.product-preview .product-visual{grid-column:1;grid-row:1}.product-preview .preview-copy{grid-column:2;grid-row:1}}
.product-preview .preview-copy h2{font-size:clamp(49px,3.7vw,70px);line-height:1.08;max-width:620px;margin:0 0 26px}
.product-preview .preview-copy p{max-width:570px;margin:0 0 32px;color:#dcefeb}
.home-hero--stars .hero-subtext,.reveal-scene p,.fragments-scene .fragments-scene__copy p,.manual-scene .manual-scene__copy p,.product-preview .preview-copy p,.home-final p{font-family:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(18px,1.4vw,22px);line-height:1.5;letter-spacing:-.015em;font-weight:500}
.home-final h2{font-size:clamp(48px,6vw,104px);max-width:none;margin-inline:auto;white-space:nowrap}
.home-final p{max-width:760px}
@media(max-width:1100px){.video-scene h2,.reveal-scene h2{font-size:clamp(45px,4.7vw,58px)}}
@media(max-width:1100px){.life-scene h2{font-size:clamp(45px,4.7vw,58px)}}
@media(max-width:1000px){
  .product-preview .product-preview-grid{grid-template-columns:1fr;gap:0}
  .product-preview .preview-copy{padding-block:clamp(70px,9vh,110px) 28px}
  .product-preview .product-visual{padding-bottom:75px}
}
@media(max-width:760px){
  .home-hero--stars{min-height:calc(100svh - 70px)}
  .home-hero--stars .hero-content{padding-block:clamp(60px,8vh,95px)}
  .home-hero--stars h1{font-size:clamp(46px,10.8vw,68px);margin-bottom:27px}
  .home-hero--stars .hero-subtext{margin-bottom:32px;max-width:570px}
  .hero-starfield__veil{background:linear-gradient(90deg,rgba(3,8,19,.22),transparent 85%)}
  .video-scene h2{margin-bottom:38px}
  .video-scene__control{gap:16px;font-size:14px}
  .reveal-scene{min-height:calc(100svh - 70px)}
  .reveal-scene__wash{background:linear-gradient(90deg,rgba(4,14,25,.78),rgba(4,14,25,.42) 70%,rgba(4,14,25,.17)),linear-gradient(0deg,rgba(4,14,25,.2),transparent 65%)}
  .life-scene{min-height:calc(100svh - 70px)}
  .life-scene__image{object-position:60% center}
  .life-scene__wash{background:linear-gradient(90deg,rgba(4,14,25,.85),rgba(4,14,25,.54) 72%,rgba(4,14,25,.34)),linear-gradient(0deg,rgba(4,14,25,.22),transparent 65%)}
  .video-scene h2,.reveal-scene h2{font-size:clamp(43px,10vw,60px)}
  .life-scene h2{font-size:clamp(43px,10vw,60px)}
  .life-scene p{font-size:18px}
  .product-preview .product-preview-grid{display:block}
  .product-preview .preview-copy h2{font-size:clamp(43px,9.3vw,62px)}
  .product-preview .product-visual{padding-bottom:85px}
  .home-final h2{font-size:clamp(56px,13vw,83px);white-space:normal}
  .home-hero--stars .hero-subtext,.reveal-scene p,.fragments-scene .fragments-scene__copy p,.manual-scene .manual-scene__copy p,.product-preview .preview-copy p,.home-final p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.reveal-scene__film{display:none}}
@media(prefers-reduced-motion:no-preference) and (min-width:761px){
  .motion-ready .snap-panel .reveal-scene__film{opacity:.55;transform:scale(1.035);transition:opacity .85s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}
  .motion-ready .snap-panel.is-active .reveal-scene__film{opacity:1;transform:scale(1)}
  .motion-ready .snap-panel .life-scene__image{opacity:.72;transform:scale(1.035);transition:opacity .85s ease,transform 1.1s cubic-bezier(.2,.75,.2,1)}
  .motion-ready .snap-panel.is-active .life-scene__image{opacity:1;transform:scale(1)}
}

/* Carry the homepage's editorial type scale through the other main page scenes. */
:root{--content-slide-font:'Avenir Next',Avenir,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--content-slide-heading-size:clamp(52px,3.45vw,67px);--content-slide-body-size:clamp(18px,1.4vw,22px);--nonhome-cta-heading-size:clamp(44px,5.1vw,82px)}
.product-preview .preview-copy h2,.step-copy h2,.case-copy h2{font-family:var(--content-slide-font);font-size:var(--content-slide-heading-size);font-weight:800;line-height:1.06;letter-spacing:-.055em}
.step-copy h2 em{font-style:normal;color:#087f73}
.step-section:nth-of-type(odd) .step-copy h2 em{color:#77e4d4}
.step-copy p,.case-line,.final-cta p{font-family:var(--content-slide-font);font-size:var(--content-slide-body-size);font-weight:500;line-height:1.5;letter-spacing:-.015em}
.case-example{font-family:var(--content-slide-font)}
.final-cta h2{font-family:var(--content-slide-font);font-size:var(--nonhome-cta-heading-size);font-weight:800;line-height:1.1;letter-spacing:-.055em}
@media(max-width:1100px){:root{--content-slide-heading-size:clamp(45px,4.7vw,58px)}}
@media(max-width:760px){:root{--content-slide-heading-size:clamp(43px,10vw,60px);--content-slide-body-size:18px}}

/* One closing composition across Home, Solution, Data, Decisions and About. */
.site-close.site-close{display:flex;align-items:center;justify-content:center;min-height:calc(100svh - 84px);padding:0;text-align:center}
.site-close.site-close .site-close__inner{width:min(100%,1200px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:clamp(70px,10vh,120px) var(--gutter)}
.site-close.site-close .signal-rule{--signal-length:clamp(160px,18vw,260px);margin:0 auto 28px}
.site-close.site-close .signal-rule::before{background:#fbbf24}
.site-close.site-close .signal-rule::after{background:#77e4d4;height:3px}
.site-close.site-close h2{max-width:1100px;margin:0 0 25px;font-family:var(--content-slide-font);font-size:var(--nonhome-cta-heading-size);font-weight:800;line-height:1.1;letter-spacing:-.055em;text-wrap:balance;white-space:normal}
.site-close.site-close h2 em{position:static;display:inline;padding:0;color:#77e4d4;font-style:normal;text-decoration:none}
.site-close.site-close h2 em::before,.site-close.site-close h2 em::after{content:none;display:none}
.site-close.site-close p{max-width:760px;margin:0 auto 32px;font-family:var(--content-slide-font);font-size:var(--content-slide-body-size);font-weight:500;line-height:1.5;letter-spacing:-.015em;text-wrap:pretty}
.site-close.site-close .button{min-width:275px;margin-inline:auto;padding:18px 20px;font-size:14px;font-weight:650}
@media(max-width:760px){.site-close.site-close{min-height:calc(100svh - 70px)}.site-close.site-close .site-close__inner{padding-block:65px 90px}.site-close.site-close .signal-rule{margin-bottom:24px}.site-close.site-close h2{margin-bottom:22px}.site-close.site-close p{margin-bottom:29px}}

@media(max-width:680px){
  .site-header .brand{min-height:44px}
  .menu-toggle{width:44px;height:44px;padding:12px}
  .site-nav--open{gap:8px}
  .site-nav--open a{display:flex;align-items:center;min-height:44px}
  .scene-next{width:44px;height:44px}
}

/* Phones read as a continuous page. Desktop retains its full-screen story snap. */
@media(max-width:760px){
  html,html.reports-document,html.data-document,html.about-document,html.destination-document{scroll-snap-type:none}
  .snap-panel,.site-footer,.data-intro,.data-story,.data-journey__stop{scroll-snap-align:none;scroll-snap-stop:normal}
  .story-scene,.outcomes-scene,.blindspot-scene,.fragments-scene,.manual-scene,.product-preview,.step-section,.case-card,.reports-overview,.report-formats,.reports-examples,.data-story{min-height:0}
  .fragments-scene__photo{height:36svh;min-height:225px}
  .fragments-scene__photo img{object-position:center 12%}
  .fragments-scene__content{padding-top:35px;padding-bottom:88px}
  .fragments-scene .scene-next{bottom:20px}
}