@font-face{font-family:Gilroy;src:url('assets/Gilroy-Regular.woff2') format('woff2');font-display:swap}
@font-face{font-family:Roboto;src:url('assets/Roboto-Regular.woff2') format('woff2');font-display:swap}
:root{--ink:#f0f6f2;--muted:#a3b9b5;--mint:#43e2c0;--dark:#061313;--border:#ffffff24;--progress:0;--photo-opacity:1;--world-opacity:0}
*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--dark);scrollbar-color:#3a7770 #061313}body{margin:0;color:var(--ink);font-family:Roboto,Arial,sans-serif;overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:6px}button{border:0}a{color:inherit}button svg{fill:none;stroke:currentColor;stroke-width:1.5}::selection{background:#43e2c05c}.skip-link{position:fixed;left:20px;top:-100px;background:var(--mint);color:var(--dark);padding:15px;z-index:100}.skip-link:focus{top:20px}
.stage{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 66% 52%,#133934,#061313 66%)}#world{position:absolute;inset:0;width:100%;height:100%;opacity:var(--world-opacity)}.hero-photo{position:absolute;inset:0;background:#183d32 url('assets/photos/m12-full-aerial.jpg') center center/cover no-repeat;opacity:var(--photo-opacity);transform:scale(1.03);will-change:transform,opacity;filter:saturate(.7)}.photo-veil{position:absolute;inset:0;opacity:var(--photo-opacity);background:linear-gradient(90deg,rgba(2,15,16,.94),rgba(3,17,18,.71) 30%,rgba(2,16,17,.08) 76%),linear-gradient(0deg,rgba(3,17,18,.85),transparent 25%,transparent 70%,rgba(3,17,18,.38))}.vignette{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,15,.3),transparent 48%),linear-gradient(0deg,#061313c7,transparent 18%,transparent 85%,#06131355);pointer-events:none}.scene-grain{position:absolute;inset:0;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.scan-line{position:absolute;height:2px;left:0;right:0;top:0;opacity:0;background:#6bffe0;box-shadow:0 0 35px 12px #43e2c055;pointer-events:none}.map-label{position:absolute;transform:translate(-50%,-50%);display:flex;align-items:center;gap:10px;color:#e9f7ef;font-size:12px;letter-spacing:.04em;white-space:nowrap;opacity:0;padding:9px 12px;background:#052522dc;backdrop-filter:blur(7px);border:1px solid #46d5b755;box-shadow:0 10px 30px #00141177;pointer-events:none}.map-label i{width:6px;height:6px;background:var(--mint);border-radius:50%;box-shadow:0 0 13px var(--mint)}
.header{position:fixed;top:0;left:0;right:0;height:110px;padding:30px 4.5vw;display:flex;align-items:center;justify-content:space-between;z-index:20}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;line-height:1.3;font-size:11px;font-weight:bold;letter-spacing:.11em}.brand svg{width:43px;height:43px;fill:none;stroke:var(--mint);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.header-topic{position:absolute;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:.23em;color:#c1d2cc}.header-actions{display:flex;align-items:center;gap:24px}.text-button{background:none;display:flex;align-items:center;gap:9px;font-size:11px;letter-spacing:.04em}.play-symbol{color:var(--mint);font-size:20px;line-height:1}.icon-button{background:none;width:36px;height:36px;display:grid;place-items:center}.icon-button svg{width:21px;height:21px}.header-actions button:hover{color:var(--mint)}
.story-copy{position:fixed;inset:0;z-index:10;pointer-events:none}.copy-scene{position:absolute;left:6.5vw;top:50%;width:42vw;max-width:620px;transform:translateY(calc(-50% + 20px));opacity:0;visibility:hidden;transition:opacity .42s,transform .6s,visibility .42s;pointer-events:none}.copy-scene.active{opacity:1;visibility:visible;transform:translateY(-50%)}.copy-scene.active button{pointer-events:auto}.eyebrow{font-size:10px;letter-spacing:.17em;color:var(--mint);line-height:1.6;margin-bottom:23px;font-weight:500}.live-dot{display:inline-block;width:5px;height:5px;background:var(--mint);margin-right:9px;border-radius:50%;box-shadow:0 0 14px #43e2c0}h1,h2,h3,p{margin:0}h1,h2{font-family:Gilroy,Arial,sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.025}h1{font-size:clamp(56px,6.8vw,108px)}h2{font-size:clamp(42px,4.9vw,78px)}em{font-style:normal;color:var(--mint)}.copy-scene p{max-width:370px;margin-top:24px;font-size:16px;line-height:1.65;color:#c0d0ca}.copy-scene .lead{font-size:19px;line-height:1.5;color:#e1e8e3;margin-top:28px}.copy-scene .copy-note{font-size:12px;color:#96aea7;line-height:1.7;margin-top:22px}.copy-scene .small{font-size:10px;margin-top:13px}.primary-button{margin-top:31px;background:var(--mint);color:#03231e;padding:16px 21px;display:inline-flex;align-items:center;justify-content:space-between;gap:45px;min-height:50px;font-size:12px;font-weight:bold;letter-spacing:.025em;border:1px solid var(--mint);transition:background .2s,transform .2s}.primary-button:hover{background:#a0ffe4;transform:translateY(-2px)}.primary-button span,.outline-button span{font-size:19px;font-weight:400}.outline-button{padding:13px 0;border-bottom:1px solid #68d6bd88;background:transparent;display:inline-flex;align-items:center;gap:25px;font-size:12px;margin-top:22px;transition:color .2s,gap .2s}.outline-button:hover{color:var(--mint);gap:34px}.small-rule{width:38px;height:1px;background:var(--mint);margin-top:26px}.legend{margin-top:30px;font-size:10px;color:#acc5be;display:grid;gap:11px}.legend span{display:flex;align-items:center;gap:10px}.legend i{height:6px;width:6px;background:var(--mint)}.legend span+span i{border-radius:50%;background:#ffd896}.outcome-list{display:grid;gap:0;margin-top:20px;max-width:370px}.outcome-list div{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid #aacbbd20;font-size:12px;line-height:1.4}.outcome-list b{color:var(--mint);font-size:10px;font-weight:400}.final-copy h2{font-size:clamp(42px,4.7vw,72px)}.final-copy p{font-size:14px;max-width:390px}
.scroll-space{height:850vh}.chapter-nav{position:fixed;right:2.6vw;top:50%;transform:translateY(-50%);z-index:20;display:grid;gap:12px}.chapter-nav button{height:25px;width:25px;position:relative;background:transparent;color:#85a49b;font-size:9px;display:flex;align-items:center;justify-content:center}.chapter-nav button:after{position:absolute;right:-6px;top:9px;content:'';width:3px;height:7px;background:#54786d;transition:height .3s,background .3s}.chapter-nav button span{opacity:0;transition:opacity .3s}.chapter-nav button:hover span,.chapter-nav button.current span{opacity:1}.chapter-nav button.current{color:var(--mint)}.chapter-nav button.current:after{height:23px;top:1px;background:var(--mint)}.footer{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:23px 4.5vw 27px;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;background:linear-gradient(0deg,#061313aa,transparent)}.footer-context{display:grid;gap:7px}.footer-context>span{font-size:8px;letter-spacing:.12em;color:#8eaaa0}.footer-context strong{font-size:10px;font-weight:400;color:#bcd0c6}.footer-right{display:flex;align-items:center;gap:26px}.sources-button{pointer-events:auto;background:none;border-bottom:1px solid #a2bab24d;padding:0 0 4px;font-size:9px;color:#a8c0b7}.scroll-hint{display:flex;align-items:center;gap:20px;font-size:10px;color:#c0d2ca}.scroll-hint>span{font-size:22px;color:var(--mint);animation:float 2s infinite}.scene-count{font-size:14px;letter-spacing:.02em;font-family:Gilroy,sans-serif}.scene-count i{font-style:normal;font-size:10px;color:#718e82;margin-left:4px}.progress-track{position:absolute;bottom:0;left:0;right:0;height:2px;background:#31514555}.progress-track>div{height:100%;width:0;background:var(--mint);box-shadow:0 0 20px #43e2c088}
.qr-callout{position:fixed;z-index:12;top:50%;left:67%;transform:translate(-50%,-45%) perspective(900px) rotateY(-7deg);width:255px;padding:25px;background:#f1f8f1;color:#10352d;box-shadow:0 30px 90px #0008;border-radius:2px;opacity:0;visibility:hidden;transition:opacity .4s,transform .6s,visibility .4s;text-align:center}.qr-callout.visible{opacity:1;visibility:visible;transform:translate(-50%,-50%) perspective(900px) rotateY(-7deg)}.qr-callout .eyebrow{color:#177867;font-size:8px;margin-bottom:13px}.qr-callout h3{font-family:Gilroy,sans-serif;font-size:25px;line-height:1.1;letter-spacing:-.03em;margin-bottom:18px}.qr-callout button{padding:8px;background:white;display:block;width:160px;height:160px;margin:auto}.qr-callout img{width:100%;height:100%;image-rendering:pixelated}.qr-callout p{margin-top:18px;font-size:12px;line-height:1.5}.qr-callout small{display:block;font-size:8px;line-height:1.5;color:#6b847a;margin-top:18px}
.phone{width:278px;height:562px;border:5px solid #6d8c83;border-radius:40px;background:#f1f6ef;position:fixed;left:68%;top:50%;z-index:14;transform:translate(-50%,-40%) rotate(7deg);opacity:0;visibility:hidden;box-shadow:inset 0 0 0 3px #071c16,0 0 0 2px #263d34,0 45px 95px #0008;transition:opacity .5s,transform .8s,visibility .5s;color:#123d31;overflow:hidden}.phone.visible{transform:translate(-50%,-50%) rotate(0deg);opacity:1;visibility:visible}.phone-island{width:80px;height:23px;background:#07251d;border-radius:0 0 15px 15px;position:absolute;top:0;left:50%;transform:translateX(-50%);z-index:3}.phone-status{display:flex;justify-content:space-between;font-size:10px;font-weight:bold;padding:15px 23px 6px}.phone-content{padding:22px 21px}.phone-brand{font-size:7px;letter-spacing:.12em;font-weight:bold;color:#287764;margin-bottom:16px}.phone-location{font-size:8px;display:flex;gap:7px;color:#617d70;padding-bottom:15px;border-bottom:1px solid #bed0c5;margin-bottom:20px}.phone-location span{color:#188f70}.phone-step{font-size:7px;letter-spacing:.15em;color:#22846c;margin-bottom:8px}.phone h3{font-family:Gilroy,sans-serif;line-height:1.05;letter-spacing:-.045em;font-size:29px}.phone-subtitle{font-size:9px;color:#698678;margin-top:9px}.phone-question{font-size:10px;margin:21px 0 10px;font-weight:bold}.rating-demo{display:flex;gap:3px}.rating-demo span{width:20px;height:27px;background:#e1ebe1;display:grid;place-items:center;font-size:9px;border-radius:3px}.rating-demo .chosen{background:#1b9676;color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px #1c624b33}.phone-chips{display:flex;flex-wrap:wrap;gap:6px}.phone-chips span{font-size:8px;background:#e3ebe2;border:1px solid #cbdacd;border-radius:4px;padding:7px}.phone-chips .selected{background:#daf0e1;color:#137a5d;border-color:#4ba984}.phone-text{font-size:10px;line-height:1.5;min-height:58px;border:1px solid #b8cdbd;padding:10px;border-radius:5px;color:#3a6250}.phone-text i{display:inline-block;width:1px;height:11px;background:#1c9676;margin-left:2px;animation:blink 1s steps(2,end) infinite}.phone-submit{margin-top:15px;background:#167e65;color:#f5fff7;display:flex;justify-content:space-between;padding:12px;font-size:10px;border-radius:4px;transition:transform .3s,background .3s}.phone-submit.pressed{transform:scale(.95);background:#0b5947}.phone-disclosure{font-size:7px;color:#93aa99;text-align:center;margin-top:9px}.phone-home{position:absolute;bottom:8px;width:84px;height:4px;background:#284e3b;border-radius:4px;left:50%;transform:translateX(-50%)}.phone-success{position:absolute;left:20px;right:20px;top:155px;text-align:center;opacity:0;visibility:hidden;transform:translateY(15px);transition:all .5s}.phone-success.visible{opacity:1;visibility:visible;transform:translateY(0)}.phone-success h3{font-size:33px;line-height:1.04;margin-top:24px}.phone-success p{font-size:11px;line-height:1.7;margin-top:14px;color:#597a66}.success-orbit{width:75px;height:75px;border-radius:50%;background:#d2edcf;box-shadow:0 0 0 13px #e6f0df,0 0 0 26px #eaf1e3;display:grid;place-items:center;margin:20px auto 40px}.success-orbit svg{width:43px;height:43px;stroke:#1d9567;fill:none;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.received{display:inline-flex;gap:7px;align-items:center;font-size:10px;margin-top:23px;color:#18805d}.received i{background:#35ad71;width:5px;height:5px;border-radius:50%}.smile{font-size:40px;color:#2a9e79;margin-top:20px}.phone-success small{font-size:7px;color:#8aa28d}.sent-signal{position:fixed;left:57%;top:76%;display:flex;gap:14px;align-items:center;z-index:14;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s;pointer-events:none}.sent-signal.visible{opacity:1;transform:none}.sent-signal strong{display:block;font-family:Gilroy,sans-serif;font-size:19px;font-weight:400}.sent-signal small{display:block;font-size:9px;color:#93b7a7;margin-top:7px}.signal-dot{width:9px;height:9px;background:var(--mint);border-radius:50%;box-shadow:0 0 0 8px #43e2c022,0 0 28px #43e2c0}
.loading{position:fixed;inset:0;background:#061313;z-index:100;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;font-size:10px;letter-spacing:.2em;transition:opacity .5s,visibility .5s}.loading small{font-size:9px;color:#6b9988;letter-spacing:.08em}.loading-mark{width:34px;height:34px;border:1px solid #43e2c033;border-top:1px solid var(--mint);border-radius:50%;animation:spin 1s linear infinite}.loading.hidden{opacity:0;visibility:hidden}.fallback{position:fixed;bottom:100px;right:8vw;max-width:300px;color:#aac9b6;font-size:11px;line-height:1.5;z-index:15}.noscript{position:fixed;inset:0;z-index:200;background:#061313;padding:25vh 12vw;line-height:2}
dialog{border:1px solid #2d6d59;background:#0c211c;color:var(--ink);padding:45px;max-width:min(580px,calc(100vw - 32px));max-height:88vh;overflow:auto;box-shadow:0 30px 160px #000b}dialog::backdrop{background:#010d0bdd;backdrop-filter:blur(12px)}.dialog-close{position:absolute;right:16px;top:11px;background:none;font-size:27px;color:#8dad9e}.dialog-eyebrow{color:var(--mint);font-size:9px;letter-spacing:.14em;margin-bottom:20px}dialog h2{font-size:39px;line-height:1.1}dialog h3{font-size:18px;margin:30px 0 15px}.dialog-intro{font-size:12px;line-height:1.6;color:#96b4a2;margin:15px 0 28px}fieldset{margin:0 0 23px;padding:0;border:0}legend,.suggestion-label{font-size:12px;margin-bottom:12px;display:block}.real-rating{display:flex;gap:5px}.real-rating label{position:relative;flex:1;display:grid;place-items:center;height:37px;background:#163a2e;border:1px solid #3f6755;font-size:12px;cursor:pointer}.real-rating input{position:absolute;opacity:0;width:1px;height:1px}.real-rating label:has(:checked){background:var(--mint);color:#06241b;border-color:var(--mint)}.real-rating label:focus-within{outline:2px solid white;outline-offset:2px}.real-chips{display:flex;gap:8px;flex-wrap:wrap}.real-chips label{font-size:11px;border:1px solid #416e58;padding:9px 12px;cursor:pointer;display:flex;align-items:center;gap:7px}.real-chips label:has(:checked){border-color:var(--mint);color:var(--mint)}input{accent-color:var(--mint)}textarea{background:#071b14;border:1px solid #37624e;width:100%;height:90px;color:#e3f5e5;padding:13px;font:12px/1.6 Roboto,sans-serif;resize:vertical}textarea:focus{outline:1px solid var(--mint)}dialog .primary-button{width:100%;margin-top:19px}.demo-note{font-size:10px;line-height:1.6;color:#7e9f8a;display:block;margin-top:15px}.dialog-success{text-align:center;padding:25px 0}.dialog-success p{font-size:13px;line-height:1.8;margin-top:20px;color:#acc6b5}.success-check{font-size:40px;width:80px;height:80px;margin:0 auto 30px;border-radius:50%;background:#173c2b;color:var(--mint);display:grid;place-items:center}.sources-dialog{max-width:min(750px,calc(100vw - 32px))}.sources-dialog>p{font-size:12px;line-height:1.8;color:#a9c5b4;margin-top:20px}.sources-dialog>a{font-size:11px;color:var(--mint)}#photoCredits{display:grid;gap:14px;margin:20px 0 30px}.credit-row{display:flex;gap:15px;align-items:center;font-size:10px;color:#9fbba9}.credit-row img{width:85px;height:50px;object-fit:cover}.credit-row a{font-size:11px;line-height:1.5;color:#dcf0df;display:block}.credit-row small{display:block;margin-top:4px;color:#7fa38d}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(5px)}}@keyframes blink{50%{opacity:0}}
@media(min-width:1600px){.copy-scene{left:8vw}.header{padding-left:6vw;padding-right:6vw}.footer{padding-left:6vw;padding-right:6vw}.phone{width:315px;height:615px}.phone-content{padding-top:29px}.phone h3{font-size:34px}.phone-question{margin-top:25px}.phone-text{min-height:70px}.phone-success h3{font-size:38px}}
@media(max-height:760px) and (min-width:761px){.header{height:85px;padding-top:20px;padding-bottom:20px}.copy-scene{top:49%}h1{font-size:clamp(54px,6vw,88px)}h2{font-size:clamp(40px,4.4vw,65px)}.copy-scene p{font-size:14px;margin-top:19px}.copy-scene .lead{font-size:17px;margin-top:20px}.eyebrow{margin-bottom:18px;font-size:9px}.primary-button{margin-top:22px}.copy-scene .copy-note{margin-top:18px;font-size:11px}.phone{transform:translate(-50%,-40%) scale(.88) rotate(7deg)}.phone.visible{transform:translate(-50%,-50%) scale(.88)}.footer{padding-top:17px;padding-bottom:20px}.final-copy h2{font-size:clamp(38px,4.3vw,64px)}.final-copy p{font-size:12px}.outcome-list{margin-top:12px}.outcome-list div{font-size:11px;padding:9px 0}.final-copy .outline-button{margin-top:12px}.phone-success h3{font-size:33px}}

.vignette{background:linear-gradient(90deg,rgba(3,14,15,.94),rgba(3,14,15,.74) 31%,rgba(3,14,15,.14) 53%,transparent 66%),linear-gradient(0deg,#061313c7,transparent 18%,transparent 85%,#06131355)}
.qr-callout{left:77%}.qr-callout button{position:relative;overflow:hidden}.qr-callout button:after{content:'';position:absolute;left:8px;right:8px;top:10px;height:1px;background:#2bba8c;box-shadow:0 0 14px #30c796;animation:qr-scan 2.8s ease-in-out infinite}.qr-callout:not(.visible) button:after{animation-play-state:paused}
@keyframes qr-scan{0%,100%{top:10%}50%{top:90%}}
.phone-chips .improve{background:#f6eacb;color:#896021;border-color:#c7a565}




@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.scene-grain{display:none}}
.brand-mark{width:48px;height:48px;object-fit:contain;flex:none}.brand{line-height:1.2;font-size:10px;letter-spacing:.13em}
.download-button{display:inline-flex;align-items:center;gap:8px;min-height:40px;text-decoration:none;font-size:11px;color:#d4e9df;white-space:nowrap}.download-button svg{width:20px;height:20px;fill:none;stroke:var(--mint);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.download-button:hover{color:var(--mint)}.download-short{display:none}
html[data-slide] .header-actions,html[data-slide] .chapter-nav,html[data-slide] .sources-button,html[data-slide] .scroll-hint,html[data-slide] .copy-scene button,html[data-slide] .qr-callout small,html[data-slide] .phone-text i{display:none!important}
html[data-slide] *,html[data-slide] *:before,html[data-slide] *:after{animation:none!important;transition:none!important}
html[data-slide] .scroll-space{height:100vh}
@media(max-width:1100px){.header-topic{display:none}}
.survey-dialog{width:650px;max-width:calc(100vw - 32px)}.survey-road{display:grid;gap:7px;padding:16px 18px;border-left:2px solid var(--mint);background:#153b303d;margin-bottom:24px}.survey-road small{font-size:8px;letter-spacing:.18em;color:#8eac9e}.survey-road strong{font-family:Gilroy,sans-serif;font-size:24px;font-weight:400;color:var(--mint)}.binary-question{padding:18px 0;border-bottom:1px solid #2a4e3e;margin:0}.binary-question legend{float:left;width:calc(100% - 132px);font-size:13px;line-height:1.5;margin:0;padding-right:15px}.binary-question:after{content:'';display:block;clear:both}.binary-answers{display:flex;gap:6px;justify-content:flex-end}.binary-answers label{display:flex;align-items:center;gap:6px;min-width:58px;min-height:40px;padding:9px;border:1px solid #36594c;cursor:pointer;font-size:12px}.binary-answers label:has(:checked){background:#43e2c018;color:var(--mint);border-color:var(--mint)}.binary-answers input{margin:0}.overall-score{margin-top:28px}.rating-hints{display:flex;justify-content:space-between;font-size:9px;color:#8ba99a;margin-top:10px}.suggestion-label span{color:#8ba99a;font-size:10px}.phone-brand{line-height:1.35;margin-bottom:9px;font-size:6.5px}.phone-location{padding-bottom:10px;margin-bottom:11px}.phone h3{font-size:25px}.phone-questions{margin-top:12px}.phone-binary{display:flex;align-items:center;gap:4px;font-size:8px;padding:5px 0;border-bottom:1px solid #d5e0d4}.phone-binary>span{flex:1}.phone-binary b{font-weight:400;padding:3px 5px;border:1px solid #c8d8cb;border-radius:3px;font-size:7px}.phone-binary b.chosen{background:#1b9676;color:white;border-color:#1b9676}.phone-question{margin:12px 0 7px}.phone-text{font-size:9px;min-height:44px;padding:7px}.phone-submit{margin-top:10px;padding:10px}.phone-content{padding-top:17px}
html[data-slide] .qr-callout button:after{display:none}