/* astra1 2026-11-02 — cinematic buyer guide. Scoped to this page. */
.buyer-guide{--guide-red:#ff161b;--guide-jade:#9dc6b7;color:#dedfd5;background:#06110c;overflow:clip}
.buyer-guide *{box-sizing:border-box}.buyer-guide p{line-height:1.65;color:#b5c2ba}.buyer-guide strong{color:#e2e9e3;font-weight:500}.buyer-guide h1,.buyer-guide h2,.buyer-guide h3{font-weight:400;letter-spacing:-.055em;line-height:1.04;margin:0}.buyer-guide h1{font-size:clamp(65px,7.7vw,260px)}.buyer-guide h2{font-size:clamp(44px,5.5vw,180px)}.buyer-guide h3{font-size:clamp(28px,2.8vw,76px)}.buyer-guide h1 i,.buyer-guide h2 i,.buyer-guide .guide-pull i,.buyer-guide .guide-lead i{font-family:Georgia,serif;font-weight:400;color:var(--guide-red);background:none;-webkit-text-fill-color:var(--guide-red);text-shadow:0 0 24px #ff101014;letter-spacing:-.06em}.buyer-guide .guide-lead{font-size:clamp(24px,2.1vw,56px);line-height:1.35;color:#dedfd5}.guide-section,.guide-hero{padding:clamp(85px,8vw,240px) var(--pad);position:relative;isolation:isolate}.guide-section{border-top:1px solid #b5d5c518}.guide-label{display:flex;justify-content:space-between;gap:30px;letter-spacing:.14em;font-size:clamp(10px,.7vw,18px);margin-bottom:clamp(45px,5vw,130px);color:#b5c2ba}.guide-kicker{font-size:clamp(11px,.75vw,20px);letter-spacing:.14em;color:var(--guide-jade)}.guide-hero{padding-top:clamp(140px,11vw,300px);padding-bottom:70px;background:#06110c}.guide-hero-title{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end}.guide-hero-title>div{max-width:33em}.guide-hero-title p{margin:0 0 24px}.guide-art{position:relative;margin:0;overflow:hidden;border-radius:clamp(20px,2vw,55px);background:#06110c}.guide-art img{display:block;width:100%;height:auto}.guide-butterfly{width:90%;margin:clamp(35px,4vw,110px) auto 0;aspect-ratio:1672/941;max-height:none}.buyer-guide .guide-butterfly img,.buyer-guide .guide-butterfly video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:none;border-radius:0;mask-image:none}.buyer-guide .guide-butterfly video{opacity:0;transition:opacity .45s}.buyer-guide .guide-butterfly.film-playing video{opacity:1}.guide-butterfly:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#06110c,transparent 8%,transparent 93%,#06110c);border-radius:inherit}.guide-under-art{display:flex;justify-content:space-between;gap:50px;align-items:center;margin:20px auto 0;width:90%}.guide-under-art p{max-width:54em}.guide-under-art button{border:1px solid #ffffff40;border-radius:30px;white-space:nowrap;padding:12px 24px;min-height:44px;font-size:16px}.guide-jumps{display:flex;flex-wrap:wrap;gap:14px 30px;margin-top:55px;border-top:1px solid #ffffff24;padding-top:30px;font-size:clamp(14px,1vw,24px)}.guide-jumps a{padding:8px 0;border-bottom:1px solid #ff161b80}.guide-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end;margin-bottom:clamp(40px,5vw,130px)}.guide-heading>p{margin:0;max-width:34em}.guide-price{background:radial-gradient(ellipse at 50% 85%,#55191945,transparent 65%),#111614}.guide-compare{display:grid;grid-template-columns:1fr .22fr 1fr;align-items:center;gap:2vw}.guide-compare article{padding:clamp(28px,3.5vw,95px);border:1px solid #a8d5c535;border-radius:clamp(20px,2vw,50px);background:linear-gradient(135deg,#22403566,#0b1513a0);box-shadow:0 24px 60px #0004}.guide-compare article:last-child{border-color:#ff161b66;background:linear-gradient(135deg,#43221d77,#12251e)}.guide-compare h3{margin:24px 0 40px;font-size:clamp(36px,3.6vw,100px)}.guide-compare ul{list-style:none;padding:0;margin:0}.guide-compare li{padding:22px 0;border-top:1px solid #ffffff22;color:#bac8c0}.guide-vs{font-size:clamp(10px,.8vw,23px);line-height:1.7;text-align:center;letter-spacing:.15em;color:#ff2828}.guide-pull{font-size:clamp(26px,2.6vw,75px);max-width:35em;margin:clamp(50px,6vw,160px) auto!important;text-align:center;color:#dedfd5!important;line-height:1.35!important}.guide-detail,.guide-final-questions details{border-top:1px solid #ffffff28;padding:22px 0}.guide-detail summary,.guide-final-questions summary{display:flex;justify-content:space-between;gap:28px;cursor:pointer;list-style:none;min-height:44px;align-items:center;font-size:clamp(18px,1.3vw,34px)}.guide-detail summary::-webkit-details-marker,.guide-final-questions summary::-webkit-details-marker{display:none}.guide-detail summary span,.guide-final-questions summary span{color:var(--guide-red);font-family:Arial,sans-serif;font-size:30px}.guide-detail[open] summary span,.guide-final-questions details[open] summary span{transform:rotate(45deg)}.guide-reading{max-width:70ch;margin:35px auto;padding-bottom:25px}.guide-reading p{margin:0 0 24px}.guide-reading a,.guide-final-questions a{text-decoration:underline;text-underline-offset:5px}.guide-split{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center}.guide-portrait{aspect-ratio:1.05}.guide-portrait img{width:100%;height:100%;object-fit:cover}.guide-copy p{max-width:38em}.guide-copy .guide-lead{margin:35px 0}.guide-link{display:inline-block;border-bottom:1px solid #ff161b;padding:12px 0;margin-top:15px;font-size:clamp(16px,1.1vw,30px)}.guide-three{display:grid;grid-template-columns:repeat(3,1fr);gap:5vw;margin:clamp(50px,6vw,160px) 0}.guide-three article{padding-top:24px;border-top:1px solid #a8c7b940}.guide-three span{font-size:.65em;color:#a4c9b9;letter-spacing:.1em}.guide-three h3{margin:25px 0}.guide-three p{max-width:35em}.guide-overwatch{background:#070e0c}.guide-watch-art{border-radius:28px;box-shadow:0 35px 100px #0005}.guide-watch-art figcaption{position:absolute;left:25px;bottom:22px;font-size:10px;letter-spacing:.12em;color:#dedfd5;background:#06110cbb;padding:9px 12px;border-radius:20px}.guide-watch-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:clamp(40px,6vw,160px) 0}.guide-watch-bottom .guide-lead{font-size:clamp(34px,4vw,110px);margin:0;line-height:1.2}.guide-watch-bottom>div{max-width:40em}.guide-build{background:radial-gradient(ellipse at 50% 85%,#284a3e99,transparent 70%),#0e211b}.guide-orbit{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;position:relative;padding-bottom:45px}.guide-orbit-center{grid-column:1/-1;text-align:center;justify-self:center;width:clamp(240px,35vw,1000px);padding:clamp(45px,5vw,130px);border-radius:30px;border:1px solid #c2e2d65c;background:linear-gradient(140deg,#234a3a88,#071810);box-shadow:0 35px 65px #0007,0 50px 100px #ef17171a;margin:20px 0 70px}.guide-orbit-center span,.guide-orbit-center small{font-size:clamp(12px,1vw,25px);color:#b5c9bf}.guide-orbit-center strong{display:block;font-size:clamp(35px,4.5vw,130px);line-height:1.1;margin:25px 0}.guide-orbit article{border-top:1px solid #ff161b60;padding-top:25px}.guide-orbit article>span{font-size:.65em;letter-spacing:.1em;color:#a8cdbc}.guide-orbit h3{margin:22px 0}.guide-small{max-width:50em;margin:40px auto;font-size:.9em}.guide-quality-top{display:grid;grid-template-columns:.85fr 1.15fr;gap:6vw;align-items:center}.guide-quality-top>div:first-child p{max-width:32em}.guide-device-stage{position:relative;padding:8% 10% 24% 0;perspective:1500px;background:radial-gradient(ellipse at 50% 84%,#ad171742,transparent 50%)}.guide-desktop{padding:2%;border-radius:20px;background:linear-gradient(135deg,#cce7dd,#508672,#99c2b1);box-shadow:0 25px 60px #0008;-webkit-box-reflect:below 5px linear-gradient(transparent 70%,#ffffff20)}.guide-desktop img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top;border-radius:10px}.guide-phone{position:absolute;right:1%;top:30%;width:26%;padding:1%;border-radius:25px;background:linear-gradient(135deg,#cce7dd,#508672);box-shadow:0 15px 25px #0008;-webkit-box-reflect:below 5px linear-gradient(transparent 80%,#ffffff13)}.guide-phone img{display:block;width:100%;border-radius:18px}.guide-visibility{background:radial-gradient(ellipse at 80% 45%,#45171450,transparent 65%),#101614}.guide-visibility-title{display:flex;align-items:end;gap:10vw;justify-content:space-between}.guide-visibility-title p{max-width:28em}.guide-search-words{display:flex;flex-direction:column;font-size:clamp(50px,11.5vw,360px);line-height:.95;letter-spacing:-.065em;margin:clamp(45px,6vw,150px) 0;color:#d8e4dc}.guide-search-words span:nth-child(2){align-self:center;color:#ff161b}.guide-search-words span:last-child{align-self:flex-end;color:#9dc6b7}.guide-fit{background:#091d17}.guide-fit>h2{max-width:23em}.guide-fit-intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:50px 0 70px}.guide-fit-intro p{max-width:35em}.guide-commitments{display:grid;grid-template-columns:1fr 1fr;gap:6vw;margin-bottom:70px}.guide-commitments article{padding:clamp(30px,4vw,110px);border:1px solid #9bc0b43b;border-radius:28px;background:#06110c77}.guide-commitments article:last-child{background:#0b211b;border-color:#ff161b55}.guide-commitments span{font-size:.7em;letter-spacing:.12em;color:#b9cabe}.guide-commitments h3{margin:30px 0}.guide-process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:4vw;list-style:none;padding:0;margin:70px 0 0}.guide-process-list li{border-top:1px solid #ffffff30;padding-top:30px}.guide-process-list span{font-size:clamp(55px,6vw,150px);color:#ff161b;font-family:Georgia,serif;font-style:italic}.guide-process-list h3{margin:35px 0 20px;font-size:clamp(25px,2.3vw,60px)}.guide-last{display:grid;grid-template-columns:1fr 1fr;gap:5vw;background:#0b1813}.guide-last h2{margin:30px 0}.guide-last>div:first-child p{max-width:32em}.guide-button{display:inline-block;margin-top:30px;padding:18px 30px;border-radius:50px;border:1px solid #ff161b88;background:#b6181b;color:#fff;box-shadow:0 15px 45px #dc161b30;transition:box-shadow .3s,transform .3s}.guide-button:hover{transform:translateY(-3px);box-shadow:0 15px 55px #ff161b66}.guide-final-questions p{font-size:.9em;max-width:50em}.guide-final-questions #free-scan{border-top:1px solid #ffffff30;margin-top:40px;padding-top:35px}.guide-source-note{grid-column:1/-1;font-size:14px;color:#acbcb1!important;margin-top:45px}.buyer-guide a:focus-visible,.buyer-guide summary:focus-visible,.buyer-guide button:focus-visible{outline:2px solid #afdcca;outline-offset:6px}.buyer-guide .reveal{transition:opacity .8s ease,transform .8s ease}
@media(max-width:1050px){.guide-hero-title,.guide-heading{grid-template-columns:1.2fr .8fr;gap:35px}.guide-split,.guide-quality-top{gap:35px}.guide-process-list{grid-template-columns:1fr 1fr}.guide-compare{grid-template-columns:1fr 1fr;gap:25px}.guide-vs{display:none}.guide-three{gap:25px}.guide-visibility-title{display:block}.guide-visibility-title p{max-width:45em;margin-top:30px}}
@media(max-width:700px){.guide-section,.guide-hero{padding:70px 22px}.guide-hero{padding-top:130px}.guide-label{font-size:9px;line-height:1.7;margin-bottom:35px}.guide-label span:last-child{text-align:right;max-width:40%}.guide-hero-title,.guide-heading,.guide-split,.guide-quality-top,.guide-watch-bottom,.guide-fit-intro,.guide-commitments,.guide-last{display:block}.buyer-guide h1{font-size:clamp(55px,13vw,85px)}.buyer-guide h2{font-size:clamp(40px,10vw,64px)}.guide-hero-title>div{margin-top:30px}.guide-butterfly{width:calc(100% + 30px);margin:30px -15px 0;border-radius:0}.guide-under-art{width:100%;display:block;margin-top:15px}.guide-under-art p{font-size:16px}.guide-under-art button{margin-top:15px}.guide-jumps{font-size:14px;gap:12px 20px}.guide-heading>p{margin-top:30px}.guide-compare{display:block}.guide-compare article+article{margin-top:22px}.guide-compare article:last-child{margin-top:22px}.guide-compare h3{font-size:38px}.guide-compare li{font-size:16px;padding:17px 0}.guide-pull{text-align:left;font-size:28px}.guide-portrait{margin-bottom:40px}.guide-three{display:block;margin:50px 0}.guide-three article{margin:32px 0}.guide-three h3{font-size:30px;margin:18px 0}.guide-watch-art{margin-left:-12px;margin-right:-12px;border-radius:16px}.guide-watch-art figcaption{font-size:7px;left:10px;bottom:10px;padding:5px}.guide-watch-bottom .guide-lead{font-size:40px;margin-bottom:30px}.guide-orbit{display:block}.guide-orbit-center{width:100%;margin:40px 0 55px;padding:45px 25px}.guide-orbit article{margin:30px 0}.guide-orbit-center strong{font-size:50px}.guide-device-stage{margin-top:40px}.guide-desktop{border-radius:12px}.guide-desktop img{border-radius:7px}.guide-phone{border-radius:13px}.guide-phone img{border-radius:10px}.guide-fit-intro{margin:35px 0}.guide-commitments article{margin:25px 0}.guide-process-list{gap:25px;margin-top:40px}.guide-process-list p{font-size:15px}.guide-process-list h3{font-size:25px}.guide-final-questions{margin-top:55px}.guide-detail summary,.guide-final-questions summary{font-size:18px}.guide-reading{font-size:16px}.guide-search-words{font-size:clamp(45px,12vw,82px)}.guide-source-note{margin-top:50px}.guide-under-art strong{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){.buyer-guide .reveal{opacity:1!important;transform:none!important;transition:none!important}.guide-button{transition:none}.guide-butterfly video{display:none}}.no-motion .buyer-guide .reveal{opacity:1!important;transform:none!important;transition:none!important}
/* astra1 2026-11-02 — opposing arrivals and staggered details, once per section. */
.buyer-guide .reveal{transition:opacity .85s ease,transform 1.05s cubic-bezier(.16,1,.3,1);transition-delay:var(--arrival-delay,0ms);will-change:auto}
.buyer-guide .guide-from-left:not(.visible){transform:translateX(-65px);opacity:0}
.buyer-guide .guide-from-right:not(.visible){transform:translateX(65px);opacity:0}
.buyer-guide .guide-rise:not(.visible){transform:translateY(45px);opacity:0}
.buyer-guide .reveal.visible{transform:none;opacity:1}
@media(max-width:700px){.buyer-guide .guide-from-left:not(.visible){transform:translateX(-25px)}.buyer-guide .guide-from-right:not(.visible){transform:translateX(25px)}}
@media(prefers-reduced-motion:reduce){.buyer-guide .reveal{opacity:1!important;transform:none!important;transition:none!important}}.no-motion .buyer-guide .reveal{opacity:1!important;transform:none!important;transition:none!important}

/* Content stays visible when JavaScript is unavailable. */
.buyer-guide:not(.guide-motion-ready) .reveal{opacity:1;transform:none}
/* astra1 2026-11-02 — butterfly light passes over the returning navigation. */
.buyer-guide .guide-hero{isolation:auto}
.buyer-guide .guide-butterfly{z-index:101;pointer-events:none;mix-blend-mode:screen}
/* astra1 2026-11-02 — preserve wing tips on compact layouts; no upper fade. */
.guide-butterfly:after{background:linear-gradient(0deg,#06110c,transparent 8%)}
@media(max-width:1050px){.buyer-guide .guide-butterfly{width:100%;margin-left:0;margin-right:0;aspect-ratio:16/10;overflow:visible;border-radius:0;background:transparent}.buyer-guide .guide-butterfly img,.buyer-guide .guide-butterfly video{object-fit:contain;object-position:center}}
/* astra1 2026-11-02 — connected-world film, contained at every size. */
.guide-network{aspect-ratio:3/2!important;align-self:center;isolation:isolate}
.guide-network video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s}
.guide-network.film-playing video{opacity:1}.guide-network figcaption{position:absolute;bottom:12px;left:16px;font-size:8px;letter-spacing:.12em;background:#06110cbd;padding:7px 10px;color:#dfe8e2;z-index:2}
.guide-copy .bloom-replay{display:block;margin-top:20px;background:none;border:0;border-bottom:1px solid #ff2424;padding:10px 0;color:inherit;font:inherit;cursor:pointer}
.buyer-guide .guide-reading strong,.buyer-guide .guide-copy strong,.buyer-guide .guide-watch-bottom strong{color:#ff393e;font-weight:500}
.guide-reading .reading-image{float:right;width:clamp(120px,24%,220px);aspect-ratio:4/3;object-fit:cover;border-radius:18px;margin:8px 0 24px 30px}.guide-reading:after{content:'';display:block;clear:both}
@media(prefers-reduced-motion:reduce){.guide-network video{display:none}}
/* astra1 2026-11-02 — give the web of sites the space its story needs. */
.guide-threat-intro .guide-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:8vw;align-items:start;margin-bottom:60px}.guide-threat-intro h2{grid-column:1;grid-row:1/7}.guide-threat-intro .guide-copy>p,.guide-threat-intro .guide-copy>a,.guide-threat-intro .guide-copy>button{grid-column:2}.guide-threat-intro .guide-copy>p:first-of-type{margin-top:0}.guide-threat-intro .guide-link{justify-self:start}.buyer-guide .guide-network{aspect-ratio:1672/941!important;width:100%;margin:0;max-height:none}.buyer-guide .guide-network img,.buyer-guide .guide-network video{object-fit:contain}.guide-network:after{content:'';position:absolute;inset:auto 0 0;height:12%;background:linear-gradient(transparent,#06110c);pointer-events:none}
@media(max-width:750px){.guide-threat-intro .guide-copy{display:block;margin-bottom:35px}.guide-threat-intro h2{margin-bottom:30px}.guide-threat-intro .guide-copy>p:first-of-type{margin-top:24px}.guide-network figcaption{font-size:6px;bottom:5px;left:5px;padding:4px}.buyer-guide .guide-network{border-radius:14px}}

/* astra1 2026-11-03: Dave rejected brown; opaque forest surfaces prevent red/green muddy mixing. */
/* astra1 2026-11-03 — live-text responsive example, exclusive to this guide. */
.guide-example-site{background:#0b251c;color:#d3e6da;overflow:hidden;border-radius:10px;container-type:inline-size}.guide-example-nav{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:5%;font-size:clamp(8px,1.7cqw,19px);border-bottom:1px solid #ffffff20}.guide-example-nav b{letter-spacing:.1em;font-weight:500}.guide-example-nav span{font-size:.8em}.guide-example-hero{display:grid;grid-template-columns:1fr 1fr;padding:10% 6%;gap:6%;align-items:center}.guide-example-hero small{font-size:1.4cqw;letter-spacing:.12em}.guide-example-hero strong{display:block;font-size:6cqw!important;line-height:1.08;color:#d1e7d8;margin:14px 0}.guide-example-hero em{color:#ff2424}.guide-example-hero p{font-size:1.8cqw!important;line-height:1.5!important}.guide-example-cta{display:inline-block;border:1px solid #ff242466;border-radius:30px;padding:8px 14px;margin-top:20px;font-size:1.4cqw}.guide-example-building{position:relative;height:26cqw;background:radial-gradient(ellipse at 60% 90%,#ff242444,transparent 65%)}.guide-example-building i{position:absolute;width:55%;height:75%;border:1px solid #a5d8c277;transform:skewY(-12deg);background:repeating-linear-gradient(90deg,transparent 0 19%,#bfedd12a 20% 21%),linear-gradient(135deg,#78bea560,#051b13);box-shadow:inset -3px -3px #ff242488,18px 25px 40px #0007;left:8%;bottom:5%}.guide-example-building i:nth-child(2){left:35%;bottom:20%;height:70%;opacity:.8}.guide-example-building i:nth-child(3){left:15%;bottom:0;height:20%;width:80%;background:#789d8b}.guide-example-bottom{display:flex;flex-direction:column;gap:10px;padding:6%;background:#163c2e;border-top:1px solid #d4ffdc22;font-size:2.1cqw}.guide-example-bottom span{font-size:1.5cqw;color:#acc8b8}.guide-phone .guide-example-nav{padding:9%;font-size:4cqw}.guide-phone .guide-example-nav span{display:none}.guide-phone .guide-example-hero{display:block;padding:12% 9%}.guide-phone .guide-example-hero small{font-size:3cqw}.guide-phone .guide-example-hero strong{font-size:11cqw!important}.guide-phone .guide-example-hero p{font-size:4cqw!important}.guide-phone .guide-example-cta{font-size:3cqw;padding:7px 9px;margin-top:14px}.guide-phone .guide-example-building{height:45cqw;margin-top:25px}.guide-phone .guide-example-bottom{font-size:5cqw}.guide-phone .guide-example-bottom span{font-size:3.5cqw}