@font-face{font-family:Geist;src:url('/enlisted/Geist-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url('/enlisted/Geist-Medium.ttf');font-weight:500;font-display:swap}@font-face{font-family:Geist;src:url('/enlisted/Geist-SemiBold.ttf');font-weight:600;font-display:swap}@font-face{font-family:'Geist Mono';src:url('/enlisted/GeistMono-Regular.ttf');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-500.ttf');font-weight:500;font-display:swap}
:root{color-scheme:dark;font-family:Geist,Arial,sans-serif;font-synthesis:none;--bg:#08090a;--plate:#15181d;--ink:#f4f5f6;--muted:#9aa0a8;--red:#ba4246;--ease:cubic-bezier(.32,.72,0,1);background:var(--bg);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;overflow-x:clip}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit;cursor:pointer;border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid #bac8db;outline-offset:5px}button:disabled{cursor:default}button:not(:disabled):active,.action:active{transform:scale(.98)}h1,h2,h3,p,figure,blockquote{margin:0}h1,h2,h3{font-weight:500}svg{display:block}::selection{background:#434e62}.container{width:min(1180px,86%);margin-inline:auto}.mono{font-family:'Geist Mono',monospace}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:12px}
/* The parent brand stays confined to its navigation. */
.navigation{position:absolute;z-index:20;top:24px;left:5%;width:90%;display:flex;align-items:center;gap:40px;padding:20px 26px;background:#060d18e0;backdrop-filter:blur(22px);border-radius:13px;box-shadow:0 10px 35px #0002;font-family:Manrope,sans-serif}.brand{font-size:18px;font-weight:500;letter-spacing:-.0463em;font-kerning:normal;line-height:1;display:inline-flex;align-items:center;gap:8px}.brand svg{height:26px;width:24px}.wordmark{white-space:nowrap}.wordmark-et{font-kerning:none;letter-spacing:-.075em;margin-right:.0287em}.navigation nav{display:flex;gap:32px;margin-left:auto;font-size:12px;color:#c3cbd3}.navigation a:hover{color:white}.nav-cta{font-size:12px;padding-left:32px;display:flex;gap:28px}
.opening{position:relative;min-height:830px;height:100svh;max-height:1150px;isolation:isolate;overflow:hidden}.terrain{position:absolute;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 50% 68%,#30394b35,transparent 55%)}.terrain svg{width:100%;height:100%;position:absolute;inset:0;opacity:.8;transform:translateY(calc(var(--travel,0)*65px));will-change:transform}.terrain-light{position:absolute;width:70%;height:45%;left:15%;top:42%;background:#687b9b14;filter:blur(90px);animation:breathe 14s ease-in-out infinite alternate}.route{stroke:#c8d1df;stroke-width:1.6;fill:none;stroke-dasharray:1;stroke-dashoffset:0;animation:draw-route 3s var(--ease) both}.route-halo{stroke:#8eaddd;stroke-width:8;filter:blur(10px);fill:none;opacity:.4}.route-point{fill:#dce6f6;filter:drop-shadow(0 0 7px #91b3e2)}#contours{stroke:#b0bdd1;stroke-width:.7;fill:none;opacity:.14}#perspective{stroke:#b1bed4;stroke-width:1;opacity:.10}.opening:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#08090a05 40%,#08090a00 75%,#08090a),linear-gradient(90deg,#08090a44,transparent 35%,transparent 65%,#08090a44)}.opening-copy{text-align:center;padding-top:clamp(175px,24vh,265px)}.enlisted-brand{display:inline-flex;align-items:center;gap:12px;font-size:17px;font-weight:600;letter-spacing:.015em}.enlisted-brand svg{width:25px;height:28px;fill:currentColor}.opening h1{font-size:clamp(55px,7.3vw,110px);letter-spacing:-.055em;line-height:1.02;margin:32px 0 20px}.verse-reference{color:#a5abb4;font-size:13px}.action{display:inline-flex;gap:40px;align-items:center;justify-content:center;padding:17px 23px;border-radius:6px;font-size:14px;font-weight:500;transition:transform .3s var(--ease),background .3s}.light{background:#f0f1f3;color:#111317;box-shadow:inset 0 1px #fff,0 6px 30px #0006}.light:hover{background:#fff}.opening .action{margin-top:34px}.hero-bottom{position:absolute;bottom:37px;left:7%;display:flex;align-items:flex-end;justify-content:space-between;font-size:12px;color:#969da7;line-height:1.6}.hero-bottom>.mono{font-size:10px;letter-spacing:.1em}.scroll-label{display:flex;align-items:center;gap:13px}.scroll-stem{height:37px;width:1px;background:linear-gradient(#aab7ca,transparent)}.section-index{display:block;font-size:13px;color:#929aa6;margin-bottom:24px}.introduction{padding-block:140px 115px;display:grid;grid-template-columns:1.1fr 1fr;gap:25px 12%}.introduction>.section-index{grid-column:1/-1;margin:0}.introduction h2{font-size:clamp(32px,3.7vw,52px);line-height:1.1;letter-spacing:-.045em}.introduction>p{font-size:18px;line-height:1.7;color:#a9b0bb;max-width:410px;padding-top:4px}
.experience{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start;padding-block:60px 130px}.experience-intro h2{font-size:39px;letter-spacing:-.04em}.experience-intro>p{font-size:14px;color:var(--muted);margin-top:14px}.chapters{margin-top:35px}.chapter{display:flex;gap:22px;width:100%;padding:25px 22px;text-align:left;border-radius:12px;transition:background .4s,box-shadow .4s;position:relative;margin-bottom:6px}.chapter.active{background:linear-gradient(115deg,#1c2029,#12151b);box-shadow:inset 0 1px #ffffff0b,0 15px 35px -20px #000}.chapter:before{position:absolute;left:0;top:28px;width:2px;height:20px;background:#c3ccda;content:'';opacity:0;transition:opacity .3s}.chapter.active:before{opacity:1}.chapter-number{font-family:'Geist Mono',monospace;font-size:11px;color:#818a99;padding-top:5px}.chapter strong{font-size:21px;font-weight:500;letter-spacing:-.025em}.chapter-copy{display:block;font-size:14px;line-height:1.7;color:#9fa7b3;max-width:330px;margin-top:11px}.chapter-hint{display:flex;justify-content:space-between;font-size:12px;color:#bdc6d4;margin-top:18px}.chapter:not(.active) .chapter-copy,.chapter:not(.active) .chapter-hint{display:none}.chapter:not(.active){color:#9aa1ad}.chapter:hover{background:#ffffff04}.chapter.active:hover{background:linear-gradient(115deg,#1c2029,#12151b)}.demo-disclosure{font-size:11px;line-height:1.6;color:#818a97;max-width:300px;margin:28px 22px}.device-stage{position:sticky;top:40px;isolation:isolate;padding-top:10px;min-width:0}.stage-orbit{position:absolute;inset:5% -15% -5%;z-index:-1;background:radial-gradient(ellipse,#3b486344,transparent 65%);filter:blur(25px)}.device{width:356px;max-width:100%;height:707px;padding:0 9px 10px;margin:auto;border-radius:48px;background:linear-gradient(145deg,#363940,#101216 28%,#252930 90%);box-shadow:inset 0 1px 1px #7c808b88,0 0 0 1px #333842,0 35px 75px -15px #000;position:relative;display:flex;flex-direction:column}.device:before{content:'';position:absolute;inset:7px;border-radius:41px;background:radial-gradient(ellipse at 10% 0,#282d45aa,transparent 50%),radial-gradient(ellipse at 100% 60%,#392c2655,transparent 60%),#08090a;pointer-events:none}.device-status{position:relative;height:58px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 22px;font-size:11px;font-weight:600}.island{position:absolute;top:17px;left:50%;transform:translateX(-50%);width:96px;height:25px;background:#000;border-radius:20px}.device-status>span:last-child{font-size:10px;letter-spacing:1px}#app-panel{position:relative;flex:1;min-height:0;overflow:auto;scrollbar-width:none;padding:12px 15px 10px;outline-offset:0;border-radius:8px}.app-page{animation:screen-in .35s var(--ease);min-height:100%}.app-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;font-size:16px;font-weight:600}.app-header .app-brand{display:flex;align-items:center;gap:8px;font-size:13px}.app-brand svg{width:15px;height:18px;fill:currentColor}.app-header time{font-weight:400;font-size:10px;color:#9aa0a8;font-family:'Geist Mono',monospace}.verse-panel{background:linear-gradient(140deg,#ffffff16,#ffffff0c);padding:17px;border-radius:16px;box-shadow:inset 0 1px #ffffff08,0 10px 25px -10px #000;font-size:12px;line-height:1.6;color:#e7e9ec}.verse-panel small{display:block;color:#9299a5;font-size:10px;margin-top:8px}.day-summary{display:flex;align-items:flex-end;justify-content:space-between;margin:20px 0 14px}.day-summary small{display:block;color:#9aa0a8;font-size:12px}.day-summary b{font-weight:500;font-size:66px;line-height:1.15;letter-spacing:-.05em}.standing{font-size:12px;color:#a7aeb9;padding-bottom:7px}.term-track{height:2px;background:#ffffff17;margin-bottom:19px}.term-track span{display:block;width:47%;height:100%;background:#9ba3af}.app-label{display:flex;justify-content:space-between;font-size:12px;color:#9aa0a8;margin:16px 0 10px}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.app-order{position:relative;text-align:left;min-height:88px;padding:12px;border-radius:13px;overflow:hidden;background:#ffffff0d;box-shadow:inset 0 1px #ffffff04;display:flex;flex-direction:column;justify-content:space-between;gap:18px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.app-order>span{position:relative;font-size:12px;z-index:1}.app-order>small{position:relative;z-index:1;font-size:10px;font-family:'Geist Mono',monospace;color:#9aa0a8}.app-order:before{content:'';position:absolute;inset:0;background:#bdc8da26;transform:scaleX(var(--held-progress,0));transform-origin:left;transition:transform .1s linear}.app-order.held{background:#ffffff16}.app-order.held small{color:#e1e5ea}.app-order.full{grid-column:1/-1;min-height:60px;gap:12px}.app-order.full small{display:flex;justify-content:space-between}.app-tabs{position:relative;display:flex;justify-content:space-around;flex-shrink:0;margin:10px 12px 10px;background:#ffffff16;border-radius:18px;padding:12px 5px 7px;box-shadow:inset 0 1px #ffffff07,0 8px 20px #0007}.app-tabs button{display:flex;flex-direction:column;gap:6px;align-items:center;color:#818995;position:relative;padding:3px 13px}.app-tabs svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.app-tabs span{font-size:8px}.app-tabs [aria-current]{color:#f0f2f4}.app-tabs [aria-current]:after{content:'';width:17px;height:2px;position:absolute;bottom:-5px;background:#c9cfd7;border-radius:2px;box-shadow:0 0 10px #fff8}.demo-caption{display:flex;justify-content:space-between;gap:16px;max-width:390px;margin:25px auto 0;font-size:10px;color:#909aa9;line-height:1.5}.demo-caption button{white-space:nowrap;font-size:10px;padding:0}.native-link{font-size:10px;color:#929caa;display:block;margin:14px auto 0;text-decoration:underline;text-underline-offset:4px}.app-well{border-radius:14px;background:#ffffff0e;padding:16px;margin-top:15px;font-size:12px;line-height:1.6}.app-well h3{font-size:15px;letter-spacing:-.02em;margin-bottom:6px}.app-well p{color:#a4acb7}.app-btn{display:block;text-align:center;width:100%;padding:12px 15px;background:#e3e6eb;color:#101217;border-radius:9px;font-size:12px;margin-top:13px}.app-btn.secondary{background:#ffffff0e;color:#d8dee7}.app-back{color:#aeb8c7;font-size:11px;padding:0 0 17px}.app-note{font-size:10px;color:#8d96a4;line-height:1.6;margin-top:14px}.roster{border-radius:14px;background:#ffffff0e;overflow:hidden}.member-row{display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:9px;position:relative;width:100%;text-align:left;padding:17px 13px;box-shadow:inset 0 -1px #ffffff05}.member-row:before{content:'';position:absolute;width:2px;left:0;height:30px;top:50%;transform:translateY(-50%);background:#b1b7c0}.member-row.down:before{background:var(--red)}.member-row.short:before{background:#747b85}.member-row .initials{font:10px 'Geist Mono',monospace;color:#858e9b}.member-row strong{font-size:13px;font-weight:400}.member-row small{font:9px 'Geist Mono',monospace;color:#a7afbb}.member-row.down small{color:#d27579}.roster-summary{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.roster-summary strong{font-size:20px;font-weight:500}.roster-summary small{font-size:10px;color:#8e98a7}.member-number{font-size:64px;font-weight:500;letter-spacing:-.05em}.member-stats{display:flex;gap:25px;margin:22px 0}.member-stats>span{font-size:10px;color:#9da7b6}.member-stats b{display:block;font-size:24px;color:#e1e5ec;font-weight:500;margin-top:6px}.member-line{display:flex;justify-content:space-between;padding:11px 0;color:#c8cfd9;font-size:11px}.contact-options{display:flex;gap:8px}.dial{width:260px;height:260px;max-width:100%;position:relative;margin:16px auto}.dial svg{width:100%;height:100%;overflow:visible}.dial circle{fill:none}.dial-ticks{stroke:#8c95a2;stroke-width:7;stroke-dasharray:1 11.2;opacity:.45}.dial-arc{stroke:#b6c1d2;stroke-width:3;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}.dial-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;pointer-events:none}.dial-center strong{font-size:23px;font-weight:500;letter-spacing:-.025em}.dial-center span{font:11px 'Geist Mono',monospace;color:#a1aab7}.dial-center small{font-size:10px;color:#7f8999}.time-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.time-controls label{font-size:11px;color:#929ca9}.time-controls input{width:100%;padding:10px 7px;margin-top:7px;color:#e2e7ee;background:#ffffff0c;border:0;border-radius:7px;font-size:13px}.shield-state{font-size:11px;color:#bec9da;padding-top:12px}.ledger-heading{margin:25px 0 18px}.ledger-heading b{font-size:44px;font-weight:500;letter-spacing:-.045em}.ledger-heading p{font-size:10px;color:#8f99a7;margin-top:5px}.ledger-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;touch-action:pan-y}.day-cell{aspect-ratio:1;border-radius:3px;background:#bec6d1;position:relative;padding:0;min-width:0}.day-cell.partial{background:#5e6571}.day-cell.missed{background:#343a45}.day-cell.broken{background:#ba4246}.day-cell.future{background:#ffffff07;box-shadow:inset 0 0 0 1px #ffffff04}.day-cell[aria-pressed=true]{outline:2px solid white;outline-offset:2px;z-index:1;transform:scale(1.12)}.ledger-key{display:flex;gap:12px;margin-top:14px;font-size:8px;color:#9aa5b3;flex-wrap:wrap}.ledger-key span{display:flex;align-items:center;gap:5px}.ledger-key i{width:6px;height:6px;background:#bac2cd;border-radius:1px}.ledger-key .partial{background:#5e6571}.ledger-key .broken{background:#ba4246}.ledger-key .future{background:#343a45}.ledger-detail{margin-top:22px;padding:17px;background:#ffffff0d;border-radius:12px;min-height:100px}.ledger-detail h3{font-size:14px;font-weight:500}.ledger-detail p{font-size:11px;color:#a1adbc;margin-top:9px;line-height:1.6}.focus-counter{font:46px 'Geist Mono',monospace;letter-spacing:-.05em;text-align:center;padding:40px 0 15px}.focus-label{text-align:center;color:#929ead;font-size:11px}.duration-options{display:flex;gap:5px;margin-top:25px}.duration-options button{flex:1;font-size:11px;padding:10px 0;border-radius:6px;background:#ffffff08}.duration-options button[aria-pressed=true]{background:#ffffff24}.work-hold{width:100%;min-height:65px;margin-top:16px}.orders-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding-block:140px 170px}.orders-section h2{font-size:clamp(36px,4.5vw,62px);line-height:1.04;letter-spacing:-.045em}.orders-section p{font-size:16px;line-height:1.8;color:#9ba5b3;margin-top:25px;max-width:350px}.text-link{display:inline-flex;gap:45px;font-size:13px;margin-top:30px;color:#c4ceda}.order-field{perspective:1100px;position:relative}.order-field:before{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse,#3a486030,transparent 65%);z-index:-1}.order-plate{display:flex;align-items:center;gap:18px;margin:13px 0;padding:24px 26px;border-radius:13px;background:linear-gradient(135deg,#222730,#12151a);box-shadow:inset 0 1px #ffffff0b,0 15px 35px -15px #000;transform:rotateY(-13deg) rotateX(6deg);transition:transform .7s var(--ease);font-size:15px}.order-plate:nth-child(2){margin-left:30px;margin-right:-30px}.order-plate:nth-child(3){margin-left:10px;margin-right:-10px}.order-plate:hover{transform:rotateY(0deg) translateY(-3px)}.order-plate small{display:block;font-size:11px;color:#8b96a7;margin-top:7px}.order-symbol{font-size:23px;color:#c5cedb;width:28px}.order-plate>span:last-child{margin-left:auto;font:9px 'Geist Mono',monospace;color:#687487}.order-footnote{display:block;text-align:right;font-size:10px;color:#737f91;margin-top:25px}.scripture-section{position:relative;overflow:hidden;padding:120px 0 130px;background:radial-gradient(ellipse at 50% 80%,#222a373a,transparent 65%)}.scripture-copy{max-width:800px;text-align:center;position:relative}.scripture-copy blockquote{font-size:clamp(27px,3vw,42px);line-height:1.4;letter-spacing:-.03em;font-weight:400;color:#d8dde5}.scripture-copy cite{display:block;font-style:normal;color:#8d97a6;font-size:12px;margin-top:25px}.scripture-copy p{font-size:15px;color:#949eac;line-height:1.8;max-width:450px;margin:40px auto 0}.contour-emblem{height:100px;margin-bottom:55px;display:flex;justify-content:center}.contour-emblem svg{width:80px;height:90px;fill:none;stroke:#acb9ce;stroke-width:.6;filter:drop-shadow(0 0 25px #b1c6ea33)}.closing{text-align:center;padding-block:150px 130px}.closing h2{font-size:clamp(45px,6.5vw,84px);line-height:1.05;letter-spacing:-.055em}.closing .action{margin-top:38px}.closing p{font-size:11px;color:#7d899a;margin-top:18px}.enlisted-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:30px 40px;font-size:11px;color:#828c9a}.enlisted-footer .enlisted-brand{color:#c1c8d2;font-size:14px}.enlisted-footer svg{height:21px;width:18px}dialog{border:0;border-radius:18px;max-width:min(92vw,440px);max-height:90svh;background:#14171d;color:#eef0f4;padding:22px;box-shadow:0 20px 100px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(10px)}dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px}dialog h2{font-size:17px}dialog header button{font-size:27px}dialog p{font-size:11px;color:#9aa5b5;margin:8px 0 20px;line-height:1.6}dialog img{display:block;width:100%;height:auto;border-radius:16px}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.js-ready .reveal.visible{opacity:1;transform:none}@keyframes breathe{to{transform:translate(8%,-10%) scale(1.2);opacity:.6}}@keyframes draw-route{from{stroke-dashoffset:1}}@keyframes screen-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(min-width:1500px){.hero-bottom{left:50%;transform:translateX(-50%)}}
@media(max-width:900px){.experience{gap:5%}.chapter{padding:20px 16px;gap:13px}.chapter strong{font-size:18px}.chapter-copy{font-size:13px}.device{width:330px;height:680px}.introduction{gap:25px 8%}.orders-section{gap:8%}.order-plate{padding:20px 16px}.order-plate:nth-child(2){margin-left:12px;margin-right:-12px}.experience-intro h2{font-size:33px}}
@media(max-width:700px){.navigation{top:15px;padding:17px 20px;gap:18px}.brand{font-size:16px;gap:7px}.navigation nav{gap:18px;font-size:10px}.navigation nav a:last-child{display:none}.nav-cta{font-size:10px;padding-left:0;gap:12px}.container{width:88%}.opening{min-height:720px;height:92svh}.opening-copy{padding-top:180px}.opening h1{font-size:clamp(43px,9vw,64px);margin-top:27px}.opening .enlisted-brand{font-size:15px}.verse-reference{font-size:11px}.opening .action{font-size:12px;padding:15px 20px;gap:30px}.hero-bottom{left:6%;font-size:10px;bottom:30px}.hero-bottom>.mono{display:none}.terrain svg{width:180%;left:-40%}.introduction{display:block;padding-block:85px 65px}.introduction>.section-index{margin-bottom:22px}.introduction h2{font-size:35px}.introduction>p{font-size:16px;margin-top:25px}.experience{display:block;padding-block:35px 70px}.experience-intro h2{font-size:31px}.chapters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:25px}.chapter{padding:16px 12px;gap:10px;margin:0;background:#101318;border-radius:8px;min-height:74px}.chapter strong{font-size:14px;line-height:1.3;display:block}.chapter-number{font-size:9px;padding-top:1px}.chapter .chapter-copy,.chapter .chapter-hint{display:none}.chapter:before{top:18px;height:16px}.demo-disclosure{margin:18px 0 26px;max-width:none;font-size:10px}.device-stage{position:relative;top:auto;padding:10px 0 0}.device{width:356px;height:707px}.demo-caption{max-width:356px;font-size:10px}.orders-section{display:block;padding-block:70px 90px}.orders-section h2{font-size:44px}.orders-section p{font-size:15px;max-width:100%}.order-field{margin-top:50px;padding-right:10px}.order-plate{font-size:14px;padding:22px 18px}.scripture-section{padding:65px 0 80px}.scripture-copy blockquote{font-size:27px}.scripture-copy p{font-size:14px}.closing{padding-block:90px}.closing h2{font-size:46px}.enlisted-footer{flex-wrap:wrap;font-size:10px;gap:25px}.enlisted-footer .enlisted-brand{width:100%}.enlisted-footer>a:last-child{margin-left:auto}}
@media(max-width:370px){.device{height:695px}.app-order{padding:10px}.app-tabs button{padding-inline:10px}.opening h1{font-size:40px}.chapter{gap:6px;padding-inline:10px}.chapter strong{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.terrain svg{transform:none}.js-ready .reveal{opacity:1;transform:none}.order-plate{transform:none}}
.compatibility{display:flex;gap:24px;align-items:center;color:#9aa4b3;font-size:11px}.compatibility>span{display:flex;gap:8px;align-items:center}.compatibility svg{width:20px;height:22px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.closing .compatibility{justify-content:center;margin-top:30px}.hero-bottom .compatibility{padding-bottom:4px}@media(max-width:700px){.hero-bottom .scroll-label{display:none}.compatibility{gap:15px;font-size:10px}.compatibility svg{width:16px;height:18px}}
@media(min-width:701px){.device{height:min(707px,calc(100svh - 110px));min-height:540px}.device-stage{top:25px}.demo-caption{margin-top:18px}}
.opening-copy>.compatibility{justify-content:center;margin-top:27px;font-size:11px;gap:25px}.opening-copy>.compatibility svg{width:17px;height:19px}@media(max-width:700px){.hero-bottom .scroll-label{display:flex}.opening-copy>.compatibility{font-size:10px;gap:22px}}
@media(max-width:700px){.stage-orbit{inset:5% 0 -5%}}
@media(max-width:700px){.order-field:before{inset:-15% 0}}

/* Sparse arrival, with the terrain continuing through the product story. */
main{position:relative;isolation:isolate}.page-terrain{position:absolute;inset:760px 0 0;z-index:-1;pointer-events:none;background-image:url('/enlisted/terrain-field.svg');background-position:50% 0;background-size:max(100%,1250px) 1500px;background-repeat:repeat-y;mask-image:linear-gradient(transparent,#000 170px,#000 calc(100% - 130px),transparent)}
#perspective{opacity:.075}
@media(max-width:700px){.page-terrain{top:650px;background-size:950px 1300px;background-position:50% 0;opacity:.85}}

/* The hero follows a single road toward the horizon. */
.route-bed{fill:none;stroke:#a2b1c9;stroke-width:1;opacity:.13}.route,.route-halo{animation:none;stroke-dasharray:1;stroke-dashoffset:1}.route-point{r:4.5;filter:drop-shadow(0 0 5px #e5eeff) drop-shadow(0 0 15px #8eaddd)}

/* A dedicated road stage keeps the animation clear of all hero copy. */
.opening{min-height:940px}.opening-copy{padding-top:clamp(155px,20vh,205px)}.terrain svg{inset:auto 0 45px;width:100%;height:31%;transform:none}.route{stroke-width:2}.route-point{r:5}.terrain-light{top:auto;bottom:0;height:37%}.page-terrain{top:940px}
@media(max-width:700px){.opening{min-height:840px;height:100svh}.opening-copy{padding-top:155px}.terrain svg{inset:auto -40% 60px;width:180%;height:30%;transform:none}.terrain-light{height:30%}.page-terrain{top:840px}}
/* One continuous ground, with feathered light rather than section fills. */
.page-terrain{top:calc(var(--hero-height,940px) - 120px);mask-image:linear-gradient(transparent,#000 300px,#000 calc(100% - 180px),transparent)}.opening:after{background:linear-gradient(90deg,#08090a44,transparent 35%,transparent 65%,#08090a44);mask-image:linear-gradient(#000 70%,transparent)}.scripture-section{background:none;isolation:isolate}.scripture-section:before{content:'';position:absolute;inset:-100px 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 55%,#222a372d,transparent 68%);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
@media(min-width:701px) and (max-height:800px){.opening{min-height:760px}.opening-copy{padding-top:135px}.opening h1{font-size:clamp(55px,6vw,80px);margin:22px 0 14px}.opening .action{margin-top:25px}.opening-copy>.compatibility{margin-top:20px}.terrain svg{height:28%}}

/* All atmosphere belongs to the page, so section boxes cannot cut it off. */
main:before{content:'';position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 65vw 390px at 50% calc(var(--hero-height,940px) - 150px),#30394b35,transparent 75%),radial-gradient(ellipse 55vw 650px at 50% 73%,#222a3728,transparent 80%)}
.terrain{background:none}.terrain-light,.opening:after,.scripture-section:before{display:none}.scripture-section{overflow:visible}
main>section,.enlisted-footer{border:0;box-shadow:none;background-color:transparent}
.terrain svg{mask-image:linear-gradient(transparent,#000 10%,#000 78%,transparent)}