:root{--bg:#101111;--panel:#1b1d1d;--ink:#f8f8f3;--muted:#acb0ad;--yellow:#ffd400;--line:#343737;--light:#f3f4ef;--dark:#151817}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Pretendard,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:16px;line-height:1.65;word-break:keep-all;overflow-wrap:break-word}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ac8600;outline-offset:5px}.wrap{width:min(1180px,calc(100% - 80px));margin:auto}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:var(--yellow);color:#000;padding:10px}.skip:focus{top:10px}header{position:sticky;top:0;z-index:50;background:#101111f2;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{height:86px;display:flex;align-items:center;gap:36px}.brand{display:flex;gap:12px;align-items:center;font-size:23px;font-weight:800;line-height:1.2;flex-shrink:0}.brand img{height:43px;width:34px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:.16em;margin-top:6px;color:var(--yellow)}nav{margin-left:auto;display:flex;gap:30px;font-size:15px;color:#c1c4c1}nav a:hover,.text-link:hover{color:var(--yellow)}.nav-start{padding:10px 18px;border:1px solid #575b57;border-radius:6px;font-size:14px}.menu-toggle{display:none;border:0;background:none;color:white;font-size:25px}.hero{padding:72px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:40px}.eyebrow{display:block;color:var(--yellow);font-size:14px;font-weight:650;letter-spacing:.05em;margin-bottom:24px}h1{font-size:clamp(42px,4.8vw,66px);font-weight:780;line-height:1.18;letter-spacing:-.045em}.hero-sub{font-size:24px!important;color:var(--ink)!important;margin:28px 0 14px!important}.hero-sub strong{color:var(--yellow)}.hero-copy>p{color:var(--muted);font-size:17px}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 24px;font-size:16px;font-weight:700;border-radius:6px;border:1px solid transparent;transition:background .2s,transform .2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--yellow);color:#121510}.primary:hover{background:#ffe257}.secondary{border-color:#535753;background:transparent;color:var(--ink)}.secondary:hover{background:#2c302c}.dark{background:#151817;color:white}.hero-tags{display:flex;flex-wrap:wrap;gap:0;margin-top:25px;font-size:13px;color:#a8aca9}.hero-tags span+span{border-left:1px solid #4f5350;margin-left:13px;padding-left:13px}.hero-visual{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c3922 0%,#1a1d19 35%,transparent 70%)}.visual-word{position:absolute;top:5%;left:0;font-size:clamp(54px,6vw,82px);line-height:.98;font-weight:850;letter-spacing:-.06em;color:#36392d;transform:rotate(-7deg)}.phone{position:relative;width:260px;height:413px;object-fit:contain;transform:rotate(8deg);filter:drop-shadow(14px 25px 20px #0008)}.visual-note{position:absolute;right:-10px;bottom:0;border-left:3px solid var(--yellow);padding:12px 22px;background:#1c1f1eee}.visual-note span{display:block;color:#babeb9;font-size:13px}.visual-note b{font-size:16px}.trust-strip{background:#191c19;border-block:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:29px 0}.trust-grid>div{display:flex;align-items:center;gap:18px;justify-content:center;border-right:1px solid #383d37}.trust-grid>div:last-child{border:0}.trust-grid b{font-size:33px;line-height:1.3;letter-spacing:-.04em;white-space:nowrap}.trust-grid b span{color:var(--yellow)}.trust-grid small{font-size:17px;margin-left:4px}.trust-grid>div>span{font-size:13px;max-width:84px;color:#c0c5bc}section:not(.hero){padding:100px 0}.light{background:var(--light);color:var(--dark)}.light .eyebrow{color:#686d55}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:46px}h2{font-size:clamp(32px,3.5vw,46px);line-height:1.25;font-weight:760;letter-spacing:-.035em}.section-heading p{color:var(--muted);max-width:450px}.light .section-heading p{color:#62695e}.feature-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:50px}.feature-main{background:var(--yellow);padding:38px;display:flex;flex-direction:column;border-radius:8px}.feature-number{font-size:14px;font-weight:700;margin-bottom:40px}.feature-main h3{font-size:30px;line-height:1.35;letter-spacing:-.03em}.feature-main p{margin-top:20px;color:#454c30}.feature-main a{margin-top:40px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.feature-list article{display:flex;gap:25px;padding:21px 0;border-bottom:1px solid #d4d9cf}.feature-list article:first-child{padding-top:0}.feature-list article>span{font-size:14px;color:#7c8374;padding-top:3px}.feature-list h3{font-size:21px;letter-spacing:-.025em}.feature-list p{color:#646b60;margin-top:5px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan{background:var(--panel);padding:30px;border:1px solid #373d37;border-radius:9px}.plan.featured{border-color:var(--yellow);background:#24271e}.plan-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.plan-top>span:last-child{color:#a5ad9d;font-size:14px}.badge{background:var(--yellow);color:#151817;padding:5px 10px;border-radius:4px;font-size:13px;font-weight:750}.badge.outline{background:transparent;border:1px solid #666d58;color:#dedfce}.plan h3{font-size:23px;letter-spacing:-.025em}.plan-description{color:#b0b5a9;font-size:14px;margin-top:7px}.price{font-size:41px;font-weight:800;letter-spacing:-.04em;margin:23px 0}.price small{font-size:14px;letter-spacing:0;font-weight:450;color:#bdc1b9;margin-left:7px}dl{margin:0 0 28px;padding-top:18px;border-top:1px solid #3c4339}dl>div{display:flex;justify-content:space-between;margin:10px 0;font-size:15px}dt{color:#aeb5a6}dd{margin:0;font-weight:650}.plan .btn{width:100%;font-size:15px;padding-inline:10px}.plan-foot{display:flex;justify-content:space-between;gap:20px;margin-top:23px;font-size:14px;color:#aab19f}.plan-foot a{color:#e2e5dc;white-space:nowrap}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.how-card{background:#fff;border:1px solid #d7dbd1;border-radius:8px;padding:35px}.how-title{border-bottom:1px solid #dce0d6;padding-bottom:22px}.how-title>span{font-size:13px;font-weight:700;letter-spacing:.1em;color:#778063}.how-title h3{font-size:28px;margin-top:9px}.how-title p{color:#6b7364;margin-top:5px}.how-card ol{padding:0;list-style:none;counter-reset:step;margin:28px 0}.how-card li{counter-increment:step;position:relative;padding-left:44px;margin-bottom:24px}.how-card li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:3px;font-size:13px;color:#737c63;font-weight:700}.how-card li p{font-size:15px;color:#697161;margin-top:4px}.how-card .btn{width:100%}.how-note{text-align:center;margin-top:25px;color:#6b7364;font-size:15px}.how-note a{color:#222a1d;text-decoration:underline;text-underline-offset:4px}.founder-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;align-items:center}.portrait{position:relative;align-self:stretch;min-height:360px;background:#23281f;border-radius:8px;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.portrait>span{position:absolute;top:35px;left:25px;font-size:63px;font-weight:850;line-height:1;letter-spacing:-.04em;color:#434a38}.portrait img{position:relative;width:280px;max-height:390px;object-fit:contain;object-position:bottom}.founder-copy p{color:#b5bcae;margin-top:23px}.signature{display:flex;gap:13px;align-items:center;margin-top:28px}.signature strong{font-size:24px}.signature span{font-size:14px;color:#b2b9a9}.founder-copy .text-link{display:inline-block;margin-top:18px;color:var(--yellow)}.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-grid>div>p{color:#6e7568;font-size:15px;margin-top:22px}.faq-list details{border-bottom:1px solid #cdd3c7;padding:20px 0}.faq-list details:first-child{padding-top:0}.faq-list summary{font-size:18px;font-weight:650;cursor:pointer;list-style:none;padding-right:30px;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;color:#69775a;font-size:24px;line-height:1}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:15px;color:#626d59;margin-top:14px;padding-right:25px}.compact{margin-bottom:12px}.text-link{font-size:15px}.video-intro{color:#aeb6a4;font-size:15px;margin-bottom:28px}.videos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.video-card{min-width:0}.video-card img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#252a21;border-radius:6px}.video-card span{display:block;margin-top:12px;font-size:15px;color:#d7ddce}.more-videos{margin-top:24px}.more-videos>summary{cursor:pointer;color:#d6dbce;font-size:14px;text-align:center;padding:12px;border:1px solid #41493a;border-radius:6px}.more-videos .videos{margin-top:24px}.business{background:#21271e;border-block:1px solid #424c38}.business-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:65px}.business-grid>div>p{color:#b9c2af;margin-top:24px}.business-types{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.business-types span{font-size:13px;border:1px solid #59634d;padding:6px 12px;border-radius:4px}.business-email{font-size:14px;color:#d1d9c6}form{background:#151a12;border:1px solid #4a543e;border-radius:8px;padding:30px}form h3{font-size:21px;margin-bottom:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:14px;color:#d4ddc8;margin-bottom:15px}input,textarea{display:block;width:100%;background:#252b21;border:1px solid #505a45;border-radius:4px;color:white;padding:12px;margin-top:7px;font-size:14px}input:focus,textarea:focus{outline:2px solid var(--yellow);outline-offset:2px}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#a5af98}.form-note{font-size:12px;color:#aeb8a1;margin:2px 0 20px}.form-note a{text-decoration:underline}form .btn{width:100%}button:disabled{opacity:.6;cursor:wait}#form-status{font-size:14px;margin-top:12px;color:#d1dbbd}#form-status:empty{display:none}.closing{text-align:center}.closing h2{font-size:clamp(40px,4.6vw,62px)}.closing p{color:#aeb8a4;margin-top:18px}.closing .actions{justify-content:center}.closing .eyebrow{font-size:12px;letter-spacing:.16em}footer{border-top:1px solid #343d2b;padding:40px 0 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:center;margin-bottom:30px}.footer-links{display:flex;gap:24px;font-size:13px;color:#c0c9b6}footer p{font-size:12px;color:#929e84;margin-top:14px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#a6b199;border-top:1px solid #313929;margin-top:28px;padding-top:20px}.mobile-actions{display:none}@media(min-width:1500px){.hero{padding:90px 0}.hero-visual{min-height:510px}}@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.nav{gap:20px}nav{gap:18px}.hero-grid{gap:15px}.hero h1{font-size:47px}.hero-visual{min-height:430px}.phone{width:225px;height:357px}.hero .btn{font-size:14px;padding:12px 18px;gap:10px}.hero-tags{font-size:12px}.trust-grid>div{flex-direction:column;gap:5px}.trust-grid>div>span{max-width:none}.feature-layout{gap:25px}.plan{padding:23px}.price{font-size:34px}.price small{font-size:12px}.founder-grid{gap:45px}.business-grid{gap:30px}.form-row{grid-template-columns:1fr}.faq-grid{gap:35px}.visual-note{right:0}.section-heading p{max-width:370px;font-size:15px}}@media(max-width:720px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.nav{height:72px;gap:15px}.brand{font-size:20px}.brand img{width:28px;height:36px}.brand small{font-size:9px}.nav-start{margin-left:auto;font-size:12px;padding:8px 11px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#141714;padding:24px;flex-direction:column;border-bottom:1px solid #41483a}nav.open{display:flex}.hero{padding:47px 0 35px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero h1{font-size:clamp(38px,9.6vw,58px)}.eyebrow{font-size:12px;margin-bottom:19px}.hero-copy>p{font-size:16px}.hero-sub{font-size:21px!important;margin-top:23px!important}.hero .actions{gap:9px}.hero .btn{flex:1;font-size:14px;padding:13px 10px;gap:8px}.hero-tags{margin-top:21px;font-size:11px}.hero-tags span+span{margin-left:10px;padding-left:10px}.hero-visual{min-height:280px;margin-top:15px}.visual-word{font-size:70px;left:7%;top:8%}.phone{width:170px;height:270px;transform:rotate(10deg) translateX(35px)}.visual-note{right:0;bottom:5px;padding:9px 15px}.visual-note span{font-size:11px}.visual-note b{font-size:13px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:22px 0;padding:25px 0}.trust-grid>div:nth-child(2){border:0}.trust-grid b{font-size:29px}.trust-grid>div>span{font-size:12px}section:not(.hero){padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:20px;max-width:none;font-size:15px}h2{font-size:34px}.feature-layout{grid-template-columns:1fr;gap:30px}.feature-main{padding:28px}.feature-number{margin-bottom:25px}.feature-main h3{font-size:28px}.feature-main a{margin-top:25px}.feature-list h3{font-size:19px}.feature-list p{font-size:15px}.plan-grid{grid-template-columns:1fr;gap:18px}.plan{padding:28px}.plan-top{margin-bottom:23px}.plan h3{font-size:25px}.price{font-size:42px;margin:18px 0}.price small{font-size:14px}.plan-foot{display:block;font-size:13px}.plan-foot a{display:inline-block;margin-top:16px}.how-grid{grid-template-columns:1fr;gap:18px}.how-card{padding:27px}.how-note{font-size:14px}.founder-grid{grid-template-columns:1fr;gap:30px}.portrait{min-height:300px;max-width:430px;width:100%;margin:auto}.portrait img{max-height:310px;width:240px}.founder-copy p{font-size:15px}.founder-copy h2{font-size:30px}.faq-grid{grid-template-columns:1fr;gap:35px}.faq-list summary{font-size:16px}.videos{grid-template-columns:1fr;gap:25px}.video-card span{font-size:14px}.compact .text-link{display:inline-block;margin-top:20px}.business-grid{grid-template-columns:1fr;gap:32px}.business-grid>div>p{font-size:15px}.business-email{font-size:13px}form{padding:24px}.closing .actions .btn{font-size:14px;padding:13px 15px}.closing h2{font-size:39px}.footer-top{display:block}.footer-links{margin-top:25px;gap:16px;flex-wrap:wrap}.footer-bottom{flex-direction:column;gap:8px}footer{padding-bottom:94px}.mobile-actions{position:fixed;bottom:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr 1.6fr;gap:8px;background:#11170feb;padding:10px 16px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #465239;backdrop-filter:blur(12px)}.mobile-actions a{display:flex;align-items:center;justify-content:center;min-height:46px;font-size:15px;font-weight:700;background:#293222;border-radius:5px}.mobile-actions a:last-child{background:var(--yellow);color:#171c12}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Closing: left handset, opposite tilt to the opening hero. */
.closing{overflow:hidden;text-align:left}
.closing-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}
.closing-visual{min-height:410px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#3c3922 0%,#1a1d19 35%,transparent 70%)}
.closing-phone{width:245px;height:auto;transform:rotate(-8deg);filter:drop-shadow(-14px 25px 20px #0008)}
.closing .actions{justify-content:flex-start}
@media(max-width:1000px){.closing-grid{gap:32px}.closing h2{font-size:44px}.closing .btn{font-size:14px;padding:13px 18px}.closing-phone{width:215px}}
@media(max-width:720px){.closing-grid{grid-template-columns:1fr;gap:30px}.closing-visual{min-height:285px}.closing-phone{width:170px;transform:rotate(-10deg)}.closing-copy{text-align:center}.closing .actions{justify-content:center}.closing h2{font-size:39px}}

/* Move the recommendation spotlight to the card being explored. */
.plan{position:relative;transition:border-color .25s ease,background .25s ease,box-shadow .3s ease,transform .25s ease}
.plan-grid:where(:has(.plan:focus-within)) .plan.featured{border-color:#373d37;background:var(--panel)}
.plan-grid .plan:focus-within{border-color:var(--yellow);background:#24271e;box-shadow:0 0 30px #ffd40026,0 0 65px #ffd40012;transform:translateY(-5px);z-index:1}
@media(hover:hover) and (pointer:fine){
 .plan-grid:where(:has(.plan:hover)) .plan.featured{border-color:#373d37;background:var(--panel)}
 .plan-grid .plan:hover{border-color:var(--yellow);background:#24271e;box-shadow:0 0 30px #ffd40026,0 0 65px #ffd40012;transform:translateY(-5px);z-index:1}
 .plan-grid .plan.featured:hover,.plan-grid .plan.featured:focus-within{border-color:var(--yellow);background:#24271e}
}
@media(prefers-reduced-motion:reduce){.plan-grid .plan:hover,.plan-grid .plan:focus-within{transform:none}}

/* Online activation guide and carrier handoff. */
.hero-copy>p.carrier-hint,.closing p.carrier-hint{font-size:13px;color:#aeb6a4;margin-top:13px}
.how-card .guide-trigger{background:#fff9d9;border:1px solid #a58d24;color:#353019;margin-bottom:18px;gap:12px}
.carrier-explainer{padding:18px;background:#f3f4ef;border-radius:6px;margin-bottom:20px}
.carrier-explainer b{font-size:15px}.carrier-explainer p{font-size:14px;color:#616953;margin-top:7px}
#activation-guide{padding:0;border:1px solid #565b4d;border-radius:12px;background:#171b15;color:#f8f8f3;width:min(800px,calc(100% - 32px));max-width:none;max-height:90vh;max-height:90dvh;overflow:hidden}
#activation-guide[open]{display:flex;flex-direction:column}
#activation-guide::backdrop{background:#000b;backdrop-filter:blur(5px)}
.guide-header{padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;flex-shrink:0}
.guide-header h2{font-size:22px;letter-spacing:-.025em}.guide-header p{font-size:14px;color:#b2bba5;margin-top:7px}
.guide-close{white-space:nowrap;border:1px solid #606953;background:transparent;color:#f8f8f3;border-radius:5px;min-height:44px;padding:8px 12px;font-size:14px}
.guide-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 24px;border-block:1px solid #39432e;flex-shrink:0}
.guide-toolbar button{background:#ffd400;color:#171c12;border:0;border-radius:5px;padding:9px 14px;min-height:44px;font-size:14px;font-weight:650;white-space:nowrap}
.guide-toolbar button:disabled{opacity:.35;cursor:default}
#guide-progress{font-size:14px;text-align:center;line-height:1.4}
.guide-scroll{overflow:auto;overscroll-behavior:contain;padding:20px;min-height:0;text-align:center}
#guide-image{width:100%;height:auto;border-radius:6px;background:#e8f3fe}
.guide-image-note{font-size:13px;color:#b5bea8;margin-top:15px}
#guide-original{display:inline-block;font-size:14px;margin:10px 0;color:#ffe36a;text-decoration:underline;text-underline-offset:4px}
body.guide-open{overflow:hidden}
@media(max-width:720px){#activation-guide{width:calc(100% - 20px);max-height:94vh;max-height:94dvh}.guide-header{padding:16px;gap:10px}.guide-header h2{font-size:19px}.guide-header p{font-size:13px}.guide-toolbar{padding:10px 12px;gap:8px}.guide-toolbar button{padding:9px 10px;font-size:13px}#guide-progress{font-size:12px}.guide-scroll{padding:10px}.closing p.carrier-hint{font-size:12px}}

/* Supplied closing artwork echoes the opening phone. */
.closing-visual{background:none;min-height:0}
.closing-phone{width:100%;max-width:470px;height:auto;transform:none;filter:none;mix-blend-mode:lighten}
@media(max-width:1000px){.closing-phone{width:100%;max-width:410px}}
@media(max-width:720px){.closing-visual{min-height:0}.closing-phone{width:100%;max-width:340px;transform:none}}

/* Pricing buttons follow the card under pointer or keyboard focus. */
.plan .btn{background:transparent;color:var(--ink);border-color:#535753}
.plan-grid .plan:focus-within .btn{background:var(--yellow);color:#121510;border-color:var(--yellow)}
@media(hover:hover) and (pointer:fine){
 .plan-grid:has(.plan:hover) .plan .btn{background:transparent;color:var(--ink);border-color:#535753}
 .plan-grid .plan:hover .btn,.plan-grid:has(.plan:hover) .plan:hover .btn{background:var(--yellow);color:#121510;border-color:var(--yellow)}
}
/* One feature at a time, preserving the existing layout. */
.feature-main{background:#e5e8df;transition:background .55s ease,box-shadow .55s ease}
.feature-list article{padding-left:18px;padding-right:18px;border-radius:7px;transition:background .55s ease,box-shadow .55s ease}
.feature-list article:first-child{padding-top:21px}
.feature-main.feature-active,.feature-list article.feature-active{background:var(--yellow);box-shadow:0 8px 26px #c4a3001a}
.feature-list article.feature-active p,.feature-list article.feature-active>span{color:#454c30}
.online-secondary{text-align:center;margin-top:12px}
.how-card .guide-trigger{display:inline-block;width:auto;min-height:36px;padding:5px 8px;margin:0;background:none;border:0;border-radius:3px;color:#414a35;font-size:14px;font-weight:500;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.carrier-explainer{padding:0;background:none;margin:6px 0 0;border-radius:0}
.carrier-explainer summary{display:list-item;list-style-position:inside;cursor:pointer;font-size:13px;color:#6a735f;padding:7px 4px}
.carrier-explainer p{text-align:left;background:#f3f4ef;padding:15px;border-radius:6px;margin-top:8px;font-size:14px}

/* All pricing badges follow the same spotlight as their card. */
.plan .badge{background:transparent;border:1px solid #666d58;color:#dedfce}
.plan-grid .plan:focus-within .badge{background:var(--yellow);border-color:var(--yellow);color:#151817}
@media(hover:hover) and (pointer:fine){
 .plan-grid:has(.plan:hover) .plan .badge{background:transparent;border-color:#666d58;color:#dedfce}
 .plan-grid:has(.plan:hover) .plan:hover .badge{background:var(--yellow);border-color:var(--yellow);color:#151817}
}
.signature{align-items:baseline}
.carrier-explainer summary{font-size:13px;color:#6a735f;line-height:1.6}
/* Fit the full guide page inside the available screen height. */
#activation-guide{height:90vh;height:90dvh}
.guide-scroll{flex:1;display:grid;grid-template-rows:minmax(0,1fr) auto auto;overflow:hidden;min-height:0;padding:12px 20px}
#guide-image{width:100%;height:100%;min-height:0;object-fit:contain;background:transparent;border-radius:0}
.guide-image-note{margin-top:8px;font-size:12px}
#guide-original{margin:5px 0 0;font-size:13px}
@media(max-width:720px){#activation-guide{height:94vh;height:94dvh}.guide-scroll{padding:8px 10px}.guide-header{padding:12px}.guide-header p{font-size:12px;margin-top:4px}.guide-toolbar{padding:8px 10px}.guide-image-note{font-size:11px}}
@media(max-height:500px){.guide-header{padding:8px 12px}.guide-header h2{font-size:16px}.guide-header p{display:none}.guide-toolbar{padding:4px 12px}.guide-toolbar button,.guide-close{min-height:32px;padding:4px 10px}.guide-image-note{display:none}.guide-scroll{padding:5px 12px}}

/* A single, interaction-triggered entrance, retaining the phone's tilt. */
.hero .phone{opacity:1;translate:0 0;scale:1;transition:opacity 1.05s ease,translate 1.3s cubic-bezier(.16,1,.3,1),scale 1.3s cubic-bezier(.16,1,.3,1)}
.intro-wait .hero .phone{opacity:0;translate:70px 25px;scale:.9}
/* Broad, subtle diagonal silk highlights span the entire closing section. */
.closing{position:relative;isolation:isolate;background:#101111}
.closing:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(112deg,transparent 0%,transparent 11%,#ffffff02 14%,#ffffff09 17%,#ffffff02 20%,transparent 24%,transparent 33%);opacity:.8}
.closing:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(112deg,transparent 8%,#ffffff05 27%,transparent 44%,#d9ba4b04 67%,transparent 86%)}
.closing-phone{mask-image:linear-gradient(to right,transparent,#000 13%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 13%,#000 84%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 89%,transparent);-webkit-mask-composite:source-in}
@media(prefers-reduced-motion:reduce){.intro-wait .hero .phone{opacity:1;translate:0 0;scale:1}}

/* Fade in place; retain the original static angle and dimensions. */
.hero .phone{translate:0 0;scale:1;transition:opacity 2.1s ease-in-out}
.intro-wait .hero .phone{translate:0 0;scale:1;opacity:0}
/* One complete spotlight: 396 by default, the hovered/focused card otherwise. */
.plan-grid .plan{border-color:#373d37;background:var(--panel);box-shadow:none;transform:none;z-index:auto}
.plan-grid .plan .badge{background:transparent;border-color:#666d58;color:#dedfce}
.plan-grid .plan .btn{background:transparent;border-color:#535753;color:var(--ink)}
.plan-grid:where(:not(:has(.plan:focus-within))) .plan.featured,
.plan-grid .plan:focus-within{border-color:var(--yellow);background:#24271e;box-shadow:0 0 30px #ffd40026,0 0 65px #ffd40012}
.plan-grid:where(:not(:has(.plan:focus-within))) .plan.featured .badge,
.plan-grid:where(:not(:has(.plan:focus-within))) .plan.featured .btn,
.plan-grid .plan:focus-within .badge,
.plan-grid .plan:focus-within .btn{background:var(--yellow);border-color:var(--yellow);color:#151817}
@media(hover:hover) and (pointer:fine){
 .plan-grid:has(.plan:hover) .plan{border-color:#373d37;background:var(--panel);box-shadow:none;transform:none;z-index:auto}
 .plan-grid:has(.plan:hover) .plan .badge{background:transparent;border-color:#666d58;color:#dedfce}
 .plan-grid:has(.plan:hover) .plan .btn{background:transparent;border-color:#535753;color:var(--ink)}
 .plan-grid:has(.plan:hover) .plan:hover{border-color:var(--yellow);background:#24271e;box-shadow:0 0 30px #ffd40026,0 0 65px #ffd40012;transform:translateY(-5px);z-index:1}
 .plan-grid:has(.plan:hover) .plan:hover .badge,
 .plan-grid:has(.plan:hover) .plan:hover .btn{background:var(--yellow);border-color:var(--yellow);color:#151817}
}
@media(prefers-reduced-motion:reduce){.intro-wait .hero .phone{opacity:1}.plan-grid:has(.plan:hover) .plan:hover{transform:none}}
