@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --accent:#0b0c0e;
  --accent-deep:#262a30;
  --brand:#d71920;
  --live:#0f8a4d;
  --font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-display:var(--font-sans);
  --maxw:1280px;
  --gutter:clamp(24px,5.5vw,80px);
  --mono:"IBM Plex Mono",ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --ruler:#d4d8dd;
  --surface:#fafbfc;
}

html{scrollbar-gutter:stable}
body{overflow-x:hidden;font-family:var(--font-sans);font-size:14px;line-height:1.55;background:#fff}
[hidden]{display:none!important}
.shell,.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}
header{border-bottom:1px solid #eceef0}
.nav{padding-top:15px;padding-bottom:14px}
.brand{gap:8px;font-family:var(--font-sans);font-size:13px;font-weight:800;letter-spacing:.14em}
.brand img{width:18px;height:18px}
.navlinks{gap:22px;font-size:12.5px}
.navlinks .btn{padding:8px 12px}
.eyebrow{color:var(--brand);font-family:var(--font-sans);font-size:10.5px;font-weight:750;letter-spacing:.14em}
.display{font-family:var(--font-sans);font-weight:760;letter-spacing:-.055em;line-height:.98;text-transform:none}
.btn{border-radius:7px;padding:10px 15px;font-family:var(--font-sans);font-size:12.5px;font-weight:700}
.btn-dark{background:var(--ink);border-color:var(--ink);color:#fff}
.btn-ghost{background:#fff;border-color:#d9dde1}
.btn-light{background:#fff;border-color:#fff;color:#0b0c0e}
.btn-light:hover{background:#eef0f3;border-color:#eef0f3}
.text-link{display:inline-flex;gap:8px;align-items:center;color:var(--ink);font-size:12px;font-weight:700;white-space:nowrap}
.text-link:hover{color:var(--brand)}

.hero{padding-top:58px;padding-bottom:58px}
.hero-inner{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:62px;align-items:center}
.hero-copy{padding:18px 0}
.hero h1.display{max-width:760px;margin:14px 0 0;font-size:clamp(42px,5.9vw,76px)}
.hero .sub{max-width:54ch;margin-top:22px;color:#3f454d;font-size:16px;line-height:1.65}
.hero-ctas{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.preview-line{max-width:52ch;margin-top:18px;color:#888f98;font-size:10.5px}
.hero-carousel{min-width:0;overflow:hidden;background:#fff}
.hero-carousel-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f4f5f6}
.hero-slide{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .35s ease,visibility .35s ease}
.hero-slide.is-active{z-index:1;opacity:1;visibility:visible}
.hero-slide video{display:block;width:100%;height:100%;object-fit:cover;background:#fff}
.hero-carousel-footer{display:flex;min-height:62px;align-items:stretch;justify-content:space-between;background:#fff}
.hero-carousel-detail{display:flex;min-width:0;flex:1;align-items:center;justify-content:space-between;gap:20px;padding:12px 15px}
.hero-carousel-detail>span{display:flex;min-width:0;flex-direction:column}.hero-carousel-detail small{overflow:hidden;color:#777f88;font:8px var(--mono);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hero-carousel-detail strong{font-size:12px;font-weight:650}.hero-carousel-detail em{color:#667085;font:normal 8px var(--mono);text-transform:uppercase;white-space:nowrap}.hero-carousel-detail:hover em{color:var(--ink)}
.hero-dots{display:flex;align-items:center;padding:0 9px}.hero-dot{position:relative;width:22px;height:40px;border:0;background:transparent;cursor:pointer}.hero-dot:before{content:"";position:absolute;top:50%;left:50%;width:5px;height:5px;border:1px solid #98a2b3;border-radius:50%;background:#fff;transform:translate(-50%,-50%);transition:transform .18s ease,background .18s ease,border-color .18s ease}.hero-dot.is-active:before{border-color:#101828;background:#101828;transform:translate(-50%,-50%) scale(1.35)}.hero-dot:focus-visible{outline:2px solid #344054;outline-offset:-4px}

.plan-strip{padding:0;background:#0b0c0e;color:#fff}
.plan-strip-inner{display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:stretch}
.plan-strip-inner>div{display:flex;min-height:104px;flex-direction:column;justify-content:center;padding:18px 24px;border-right:1px solid #2b2f35}
.plan-strip-inner small{color:#858d98;font:9px var(--mono);text-transform:uppercase}.plan-strip-inner strong{margin-top:4px;font-size:16px}.plan-strip-inner span{margin-top:2px;color:#a3aab3;font-size:9.5px}
.plan-strip-inner>a{display:flex;gap:10px;align-items:center;padding:18px 24px;color:#fff;font-size:11.5px;font-weight:700}.plan-strip-inner>a:hover{background:#16191f}

.catalog,.how{padding-top:100px;padding-bottom:92px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end}
.section-head h2,.care h2,.privacy h2,.continuity h2{margin:9px 0 0;font-size:clamp(31px,4vw,49px);line-height:1.02;letter-spacing:-.05em}
.section-sub{max-width:72ch;margin-top:14px;color:var(--muted);font-size:13.5px}
.body-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:34px}
.body-card{display:flex;min-height:485px;flex-direction:column;padding:14px;border:1px solid #e0e3e7;border-radius:14px;background:#fff;transition:transform .16s,border-color .16s,box-shadow .16s}
.body-card:hover{transform:translateY(-2px);border-color:#b8c0ca;box-shadow:0 14px 38px rgba(12,15,18,.07)}
.body-media{display:block;height:230px;overflow:hidden;border-radius:10px;background:#fff}
.body-media img{width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .2s}.body-card:hover .body-media img{transform:scale(1.02)}
.body-card-top{display:flex;justify-content:space-between;gap:8px;margin-top:16px;color:var(--faint);font:9px var(--mono);letter-spacing:.04em;text-transform:uppercase}
.review{color:#8a5b00}.body-name{margin-top:16px}.body-name small{display:block;color:var(--faint);font:9.5px var(--mono);text-transform:uppercase}.body-name h3{margin:5px 0 0;font-size:25px;line-height:1.02;letter-spacing:-.045em}
.body-price{margin-top:18px;font-size:21px;font-weight:750;letter-spacing:-.04em}.body-price small{font-size:9px;font-weight:500;color:var(--muted)}
.body-alt{margin-top:3px;color:var(--muted);font-size:10.5px}
.plan-status{display:flex;justify-content:space-between;gap:12px;margin-top:15px;padding:10px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:9px var(--mono);text-transform:uppercase}.plan-status span{color:var(--faint)}.plan-status strong{color:#8b3a2e}
.body-card .body-link{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid var(--line);font-size:11.5px;font-weight:700}.body-card .body-link:hover{color:var(--brand)}
.catalog-note{margin-top:16px;color:var(--faint);font-size:10.5px}

.brain{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr);gap:84px;align-items:center;max-width:none;padding:100px max(var(--gutter),calc((100vw - var(--maxw))/2 + var(--gutter)));background:#0b0d11;color:#fff}
.brain-copy h2{margin:10px 0 0;max-width:13ch;font-size:clamp(38px,5.4vw,66px);line-height:.98;letter-spacing:-.055em}
.brain-copy>p:not(.eyebrow):not(.boundary){max-width:59ch;margin-top:22px;color:#aeb4bd;font-size:14px;line-height:1.72}
.plan-includes{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.plan-includes span{padding:7px 10px;border:1px solid #343942;border-radius:99px;background:#11141a;color:#c3c8d0;font:9px var(--mono);text-transform:uppercase}
.brain .boundary{margin-top:20px;color:#747d89;font-size:10.5px}
.plan-card{padding:30px;border:1px solid #313640;border-radius:15px;background:#15181e}
.plan-label{color:#ef6f6f;font:9px var(--mono);letter-spacing:.1em;text-transform:uppercase}.plan-card h3{margin:10px 0 0;font-size:21px}.plan-price{display:flex;gap:10px;align-items:center;margin-top:22px}.plan-price strong{font-size:44px;letter-spacing:-.055em}.plan-price span{color:#8d96a3;font-size:10px;line-height:1.35}.plan-card ul{margin:24px 0 0;padding:18px 0 0;list-style:none;border-top:1px solid #303640}.plan-card li{position:relative;margin:8px 0;padding-left:15px;color:#bbc1ca;font-size:11.5px}.plan-card li:before{content:"";position:absolute;left:0;top:.58em;width:5px;height:5px;border-radius:50%;background:#747d89}.plan-card .btn{width:100%;justify-content:center;margin-top:22px}.plan-card>small{display:block;margin-top:13px;color:#737c88;font-size:9.5px;line-height:1.5}

.how{border-bottom:1px solid var(--line)}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:34px;border:1px solid var(--line);border-radius:14px;background:var(--line);overflow:hidden}
.how-grid article{display:flex;min-height:290px;flex-direction:column;padding:30px;background:#fff}.how-grid>article>span{display:grid;width:26px;height:26px;place-items:center;border:1px solid #d7dbe0;border-radius:50%;color:var(--brand);font:9px var(--mono)}.how-grid h3{margin:54px 0 0;font-size:22px;letter-spacing:-.025em}.how-grid p{max-width:35ch;margin-top:10px;color:var(--muted);font-size:12.5px}.how-grid a{margin-top:auto;padding-top:24px;font-size:11.5px;font-weight:700}.how-grid a:hover{color:var(--brand)}

.continuity{display:grid;grid-template-columns:1.06fr .94fr;gap:70px;padding-top:100px;padding-bottom:92px}
.continuity-copy>p:last-child{max-width:54ch;margin-top:20px;color:var(--muted);font-size:14px;line-height:1.7}
.being-card{display:flex;min-height:330px;flex-direction:column;padding:32px;border:1px solid #dfe3e7;border-radius:14px;background:#fafbfc}.being-card small{color:var(--brand);font:9px var(--mono);text-transform:uppercase}.being-card h3{max-width:12ch;margin:64px 0 0;font-size:28px;line-height:1.05;letter-spacing:-.04em}.being-card p{margin-top:14px;color:var(--muted);font-size:12.5px;line-height:1.65}.being-card a{display:flex;justify-content:space-between;margin-top:auto;padding-top:18px;border-top:1px solid #dde1e5;font-size:11.5px;font-weight:700}.being-card a:hover{color:var(--brand)}
.continuity-line{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:-32px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font:11px var(--mono);text-transform:uppercase}.continuity-line b:nth-child(2){text-align:center}.continuity-line b:nth-child(3){text-align:right}

.care{display:grid;grid-template-columns:.84fr 1.16fr;gap:76px;align-items:center;padding-top:98px;padding-bottom:98px;border-top:1px solid var(--line)}
.care-copy p:not(.eyebrow){max-width:45ch;margin-top:18px;color:var(--muted);line-height:1.7}.care-copy .text-link{margin-top:22px}
.care-steps{border:1px solid #dfe2e6;border-radius:14px;overflow:hidden}.care-steps div{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;padding:17px 18px;border-bottom:1px solid var(--line)}.care-steps div:last-child{border-bottom:0}.care-steps span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #d4d8de;border-radius:50%;font:9px var(--mono)}.care-steps b{font-size:12.5px}.care-steps small{color:var(--faint);font:9.5px var(--mono)}.care-steps .care-result{background:#0b0c0e;color:#fff}.care-result span{border-color:#454b55}.care-result small{color:#858e9a}.care-fine{grid-column:1/-1;margin-top:-54px;color:var(--faint);font-size:10px}

.privacy{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:88px;padding-bottom:88px;border-top:1px solid var(--line)}
.privacy p{max-width:52ch;color:var(--muted);font-size:14px;line-height:1.7}.privacy small{display:block;margin-top:14px;color:var(--faint);font-size:10px}
.closing{padding-top:112px;padding-bottom:120px;text-align:center}.closing img{margin:0 auto 18px}.closing .display{margin:12px auto 26px;font-size:clamp(36px,5vw,60px)}.closing-ctas{justify-content:center}
footer{padding-top:62px}.foot .brand{font-size:13px}.foot .tag{font-size:12px}

html.mo [data-rv]{opacity:0;transform:translateY(14px);filter:blur(4px);transition:opacity .7s cubic-bezier(.16,1,.3,1) var(--delay,0ms),transform .7s cubic-bezier(.16,1,.3,1) var(--delay,0ms),filter .7s cubic-bezier(.16,1,.3,1) var(--delay,0ms)}
html.mo [data-rv].rv-in{opacity:1;transform:none;filter:none}

@media(max-width:960px){
  .navlinks>a:not(.btn){display:none}.hero-inner{grid-template-columns:1fr}.plan-strip-inner{grid-template-columns:repeat(2,1fr)}.plan-strip-inner>a{grid-column:1/-1;justify-content:center;border-top:1px solid #2b2f35}.body-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brain,.care,.privacy,.continuity{grid-template-columns:1fr}.brain{gap:44px}.continuity-line{margin-top:0}.care-fine{margin-top:0}.privacy{gap:30px}
}
@media(max-width:620px){
  .hero{padding-top:34px}.hero h1.display{font-size:42px}.plan-strip-inner{grid-template-columns:1fr}.plan-strip-inner>div{min-height:84px;border-right:0;border-bottom:1px solid #2b2f35}.body-grid{grid-template-columns:1fr}.body-card{min-height:470px}.section-head{align-items:start;flex-direction:column}.brain{padding-left:20px;padding-right:20px}.how-grid{grid-template-columns:1fr}.how-grid article{min-height:240px}.continuity-line{grid-template-columns:1fr;gap:8px}.continuity-line b:nth-child(n){text-align:left}.care-steps div{grid-template-columns:30px 1fr}.care-steps small{grid-column:2}.foot .cols{gap:26px}
}
@media(prefers-reduced-motion:reduce){[data-rv]{opacity:1;transform:none;filter:none;transition:none}}

/* Spun/Daemon-inspired editorial ruler system. */
body{font-size:14px;line-height:1.6;background:var(--surface);color:#111827}
.shell,.wrap{width:calc(100% - 80px);max-width:var(--maxw);padding-left:var(--gutter);padding-right:var(--gutter);border-right:1px solid var(--ruler);border-left:1px solid var(--ruler);background:#fff}
header{border:0;background:var(--surface)}
.nav{min-height:57px;padding-top:0;padding-bottom:0;border-bottom:1px solid var(--ruler)}
.brand{font-size:12px;font-weight:700;letter-spacing:.08em}
.navlinks{gap:28px;font-size:12px}
.navlinks .btn{padding:8px 13px}
.eyebrow{font-family:var(--mono);font-size:9px;font-weight:600;letter-spacing:.16em}
.display{font-weight:700;letter-spacing:-.045em;line-height:1.04}
.btn{min-height:40px;padding:9px 16px;border-radius:5px;font-size:12px;font-weight:600}
.text-link{font-size:11.5px;font-weight:600}

main>.shell,.plan-strip-inner,.product-plan-inner,.service-band-inner{position:relative}
main>.shell:before,.plan-strip-inner:before,.product-plan-inner:before,.service-band-inner:before,
main>.shell:after,.plan-strip-inner:after,.product-plan-inner:after,.service-band-inner:after{content:"";position:absolute;z-index:3;top:-5px;width:9px;height:9px;background:linear-gradient(var(--ruler),var(--ruler)) center/1px 9px no-repeat,linear-gradient(90deg,var(--ruler),var(--ruler)) center/9px 1px no-repeat;pointer-events:none}
main>.shell:before,.plan-strip-inner:before,.product-plan-inner:before,.service-band-inner:before{left:-5px}
main>.shell:after,.plan-strip-inner:after,.product-plan-inner:after,.service-band-inner:after{right:-5px}

.hero{padding-top:70px;padding-bottom:70px;border-bottom:1px solid var(--ruler)}
.hero-inner{grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr);gap:68px}
.hero-copy{padding:8px 0}
.hero h1.display{max-width:600px;margin-top:16px;font-size:clamp(36px,4.2vw,52px)}
.hero .sub{max-width:51ch;margin-top:22px;color:#667085;font-size:15px;line-height:1.7}
.hero-ctas{margin-top:30px;gap:10px}
.hero-carousel{border:1px solid var(--ruler)}
.hero-carousel-footer{border-top:1px solid var(--ruler)}
.hero-dots{border-left:1px solid var(--ruler)}

.plan-strip{background:var(--surface)}
.plan-strip-inner{background:#111827;border-color:#344054}
.plan-strip-inner>div{min-height:94px;padding:16px 20px;border-color:#344054}
.plan-strip-inner small{font-size:8px}.plan-strip-inner strong{font-size:14px;font-weight:600}.plan-strip-inner span{font-size:9px}
.plan-strip-inner>a{padding:16px 20px;font-size:11px}

.catalog,.how{padding-top:78px;padding-bottom:78px;border-bottom:1px solid var(--ruler)}
.section-head h2,.care h2,.privacy h2,.continuity h2{font-size:clamp(28px,3.2vw,40px);line-height:1.08;letter-spacing:-.04em}
.section-sub{max-width:58ch;font-size:13px;line-height:1.7;color:#667085}
.body-grid{display:flex;flex-wrap:wrap;gap:0;margin-top:32px;border-top:1px solid var(--ruler);border-left:1px solid var(--ruler);background:#fff}
.body-card{flex:0 0 25%;min-width:0;min-height:450px;padding:16px;border:0;border-right:1px solid var(--ruler);border-bottom:1px solid var(--ruler);border-radius:0;box-shadow:none}
.body-card:hover{transform:none;border:0;background:#fafbfc;box-shadow:none}
.body-media{height:220px;border:0;border-radius:0}
.body-card-top{font-size:8px}.body-name small{font-size:8.5px}.body-name h3{font-size:21px;font-weight:600;letter-spacing:-.035em}
.body-price{font-size:18px;font-weight:600}.body-alt{font-size:10px}
.plan-status{font-size:8px}.plan-status strong{color:#344054}.body-card .body-link{font-size:11px;font-weight:600}

.brain{max-width:var(--maxw);margin:0 auto;padding:82px var(--gutter);border-right:1px solid #344054;border-left:1px solid #344054;background:#111827}
.brain-copy h2{max-width:15ch;font-size:clamp(32px,4vw,48px);line-height:1.04;letter-spacing:-.045em}
.brain-copy>p:not(.eyebrow):not(.boundary){font-size:13px;line-height:1.75}
.plan-includes span{border-radius:3px;font-size:8px}
.plan-card{padding:28px;border-radius:0;background:#182230}.plan-label{font-size:8px}.plan-card h3{font-size:19px}.plan-price strong{font-size:38px}.plan-card li{font-size:11px}

.how-grid{border-color:var(--ruler);border-radius:0;background:var(--ruler)}
.how-grid article{min-height:260px;padding:28px}.how-grid>article>span{border-radius:3px}.how-grid h3{margin-top:48px;font-size:19px}.how-grid p{font-size:12px;line-height:1.7}.how-grid a{font-size:11px}
.continuity{gap:72px;padding-top:78px;padding-bottom:78px;border-bottom:1px solid var(--ruler)}
.continuity-copy>p:last-child{font-size:13px}.being-card{min-height:290px;padding:28px;border-color:var(--ruler);border-radius:0}.being-card h3{margin-top:52px;font-size:24px}.being-card p{font-size:12px}
.care{gap:72px;padding-top:78px;padding-bottom:78px;border-top:0;border-bottom:1px solid var(--ruler)}
.care-copy p:not(.eyebrow){font-size:13px}.care-steps{border-color:var(--ruler);border-radius:0}.care-steps div{padding:15px 17px}.care-steps span{border-radius:3px}
.privacy{padding-top:72px;padding-bottom:72px;border-top:0;border-bottom:1px solid var(--ruler)}.privacy p{font-size:13px}
.closing{padding-top:86px;padding-bottom:88px;border-bottom:1px solid var(--ruler)}.closing .display{font-size:clamp(30px,3.5vw,44px)}
footer{padding:0;border:0;background:var(--surface)}.foot{padding-top:52px;padding-bottom:28px}.foot .brand{display:flex;align-items:center}.copy{margin-top:0;padding-top:20px;padding-bottom:34px;border-top:1px solid var(--ruler)}

@media(max-width:960px){
  .shell,.wrap{width:calc(100% - 80px);--gutter:clamp(28px,5.5vw,56px)}
  .hero-inner{grid-template-columns:1fr}.hero-carousel{max-width:720px}.body-card{flex-basis:50%}
}
@media(max-width:620px){
  .shell,.wrap{width:calc(100% - 24px);--gutter:18px}
  .nav{min-height:54px}.hero{padding-top:50px;padding-bottom:50px}.hero h1.display{font-size:38px}.hero .sub{font-size:14px}
  .hero-carousel-detail{padding-right:10px;padding-left:12px}.hero-carousel-detail em{display:none}.hero-dots{padding:0 5px}.body-card{flex-basis:100%}.brain{padding:62px 30px}.catalog,.how,.continuity,.care{padding-top:58px;padding-bottom:58px}
  .plan-strip-inner>div{min-height:76px}.closing{padding-top:64px;padding-bottom:66px}
}

@media(prefers-reduced-motion:reduce){.hero-slide{transition:none}}
