*{box-sizing:border-box}
body{margin:0;background:#fff}
.root{color:#16141F;font-family:"Plus Jakarta Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input{font-family:inherit}
.wrap{max-width:1320px;margin:0 auto;padding:0 48px}
.H{font-family:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;font-weight:400;letter-spacing:-0.045em;margin:0}
.it{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-0.035em}
.h1{font-size:clamp(50px,7vw,104px);line-height:.95}
.h2{font-size:clamp(38px,4.9vw,70px);line-height:1}
.h3{font-size:clamp(22px,1.9vw,28px);line-height:1.15;letter-spacing:-.035em}
.lead{font-size:20px;line-height:1.55;margin:0;color:#55516A}
.p{font-size:16.5px;line-height:1.6;margin:0}
.k{font-family:"JetBrains Mono",monospace;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:500}
.mut{color:#9C98AA}
.mutd{color:#6B6779}
.org{color:#FF8A5B}
.orgd{color:#C2410C}
.tl{color:#0C4A44}
.sec{padding:128px 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:54px;padding:0 26px;border-radius:999px;font-size:16px;font-weight:700;border:0;white-space:nowrap;cursor:pointer;transition:transform .25s,background .25s,box-shadow .25s}
.btn:hover{transform:translateY(-2px)}
.b-org{background:#FF6A2B;color:#16141F}
.b-org:hover{background:#FF7D45}
.b-ink{background:#16141F;color:#fff}
.b-ink:hover{background:#2A2638}
.b-wh{background:#fff;color:#16141F}
.b-line{background:transparent;color:#16141F;box-shadow:inset 0 0 0 1.5px rgba(22,20,31,.22)}
.b-line:hover{box-shadow:inset 0 0 0 1.5px #16141F}
.b-gh{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);backdrop-filter:blur(10px)}
.more{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:15.5px}
.more svg{transition:transform .3s}
.more:hover svg,.lift:hover .more svg{transform:translateX(5px)}
.night{background:#16141F;color:#fff}
.sand{background:#F6F3EE}
.tealbg{background:#0C4A44;color:#fff}
/* bento */
.bn{display:grid;gap:16px}
.bc{border-radius:28px;overflow:hidden;position:relative;padding:32px;display:flex;flex-direction:column;min-width:0}
.c-wh{background:#fff;box-shadow:inset 0 0 0 1px #EAE7EF}
.c-sand{background:#F6F3EE}
.c-peach{background:#FFEDE4}
.c-mint{background:#E2F6F1}
.c-sun{background:#FFF1BF}
.c-lav{background:#ECE8FF}
.c-night{background:#16141F;color:#fff}
.c-teal{background:#0C4A44;color:#fff}
.c-org{background:#FF6A2B;color:#16141F}
.lift{transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.lift:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(22,20,31,.35)}
.zm{overflow:hidden}
.zm img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
.zm:hover img,.lift:hover .zm img{transform:scale(1.05)}
.ph{border-radius:22px;object-fit:cover;width:100%;height:100%}
.ring{border-radius:99px;flex:none}
.tg{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;border-radius:99px;padding:5px 10px;background:#F4F3F7;white-space:nowrap}
.tg.ok{background:#E2F5EA;color:#16794A}
.tg.og{background:#FFEDE4;color:#B23E0A}
.tg.tl{background:#E2F6F1;color:#0C4A44}
.ui{background:#fff;color:#16141F;border-radius:20px;box-shadow:0 30px 70px -30px rgba(22,20,31,.45),0 0 0 1px rgba(22,20,31,.05)}
.row{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #F1EFF4;font-size:14px}
.row:first-child{border-top:0}
.av{width:34px;height:34px;border-radius:99px;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.tick{display:flex;gap:12px;align-items:flex-start;font-size:16px;line-height:1.5}
.tick b{flex:none;width:22px;height:22px;border-radius:99px;background:#E2F5EA;color:#16794A;font-size:12px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.chip{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 16px;border-radius:999px;font-size:14px;font-weight:600;background:#fff;box-shadow:inset 0 0 0 1px #E3E0E8;white-space:nowrap}
.chip.on{background:#16141F;color:#fff;box-shadow:none}
.bub{max-width:86%;border-radius:18px;padding:10px 14px;font-size:14px;line-height:1.45}
.bub.in{align-self:flex-start;background:#F2F0F5;border-bottom-left-radius:6px}
.bub.out{align-self:flex-end;background:#16141F;color:#fff;border-bottom-right-radius:6px}
.dots{display:inline-flex;gap:4px;padding:12px 14px;background:#F2F0F5;border-radius:18px;align-self:flex-start}
.dots i{width:7px;height:7px;border-radius:9px;background:#9C98AA;animation:blink 1.2s infinite}
.dots i:nth-child(2){animation-delay:.2s}
.dots i:nth-child(3){animation-delay:.4s}
details summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
/* header + mega */
.hdr{position:relative;z-index:40}
.hdr.ov{position:absolute;left:0;right:0;top:0}
.hbar{display:flex;align-items:center;justify-content:space-between;height:80px;gap:20px}
.hdr.lt{background:#fff;box-shadow:inset 0 -1px 0 #EFEDF2}
.navl{display:flex;align-items:center;gap:6px;font-size:15.5px;font-weight:600;height:80px}
.nv{height:80px;display:flex;align-items:center}
.nv>a{display:inline-flex;align-items:center;gap:4px;padding:9px 14px;border-radius:99px;transition:background .2s}
.hdr.dk .nv:hover>a{background:rgba(255,255,255,.12)}
.hdr.lt .nv:hover>a{background:#F4F3F7}
.nv>a svg{transition:transform .3s}
.nv:hover>a svg{transform:rotate(180deg)}
.mega{position:absolute;left:0;right:0;top:80px;padding-top:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .25s,transform .35s cubic-bezier(.2,.7,.2,1),visibility .25s;color:#16141F;pointer-events:none}
.nv:hover .mega,.mega.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.megain{background:#fff;border-radius:28px;box-shadow:0 0 0 100vmax rgba(22,20,31,.42),0 40px 90px -30px rgba(22,20,31,.55);display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:8px;padding:24px}
.mcol h6{margin:4px 0 8px;padding:0 12px}
.mi{display:flex;gap:14px;align-items:flex-start;padding:12px;border-radius:16px;transition:background .2s}
.mi:hover{background:#F6F5F9}
.mi b{display:block;font-size:15px;font-weight:700}
.mi small{display:block;font-size:13px;color:#6B6779;margin-top:2px;line-height:1.4;font-weight:500}
.ico{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:none}
.mfoot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;background:#F6F5F9;border-radius:16px;padding:14px 18px;font-size:14px;font-weight:500;margin-top:6px}
.mnav{display:none}
/* footer */
.ft{background:#16141F;color:#C9C6D3;overflow:hidden}
.ft a{transition:color .2s}
.ft a:hover{color:#fff}
.fcols{display:grid;grid-template-columns:1.5fr repeat(5,1fr);gap:32px;font-size:14.5px}
.fcols b{color:#fff;font-size:14px;display:block;margin-bottom:6px}
.fcols>div{display:flex;flex-direction:column;gap:12px}
.inp{display:flex;align-items:center;background:rgba(255,255,255,.07);border-radius:999px;padding:6px 6px 6px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.inp input{flex:1;min-width:0;background:transparent;border:0;outline:0;color:#fff;font-size:16px}
.inp input::placeholder{color:#8F8B9C}
.wm{font-family:"Bricolage Grotesque",sans-serif;font-weight:500;letter-spacing:-.06em;font-size:21vw;line-height:.75;text-align:center;background:linear-gradient(180deg,#2B2739 0%,#16141F 92%);-webkit-background-clip:text;background-clip:text;color:transparent;user-select:none;margin-top:40px;white-space:nowrap}
/* tabs */
.tabs input{position:absolute;opacity:0;pointer-events:none}
.tabl{display:flex;flex-direction:column;gap:4px}
.tabl label{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-radius:22px;cursor:pointer;transition:background .3s}
.tabl label:hover{background:rgba(22,20,31,.04)}
.tabl label p{display:none;margin:6px 0 0;font-size:15px;line-height:1.55;color:#5E5A6B}
.tabl label .bar{display:none;height:3px;border-radius:9px;background:#EDEAF0;margin-top:14px;overflow:hidden}
.tabl label .bar i{display:block;height:100%;width:100%;background:#FF6A2B;transform-origin:left;animation:fill 7s linear infinite}
.pan{display:none;animation:fadein .6s both}
#t1:checked~.tabw .l1,#t2:checked~.tabw .l2,#t3:checked~.tabw .l3,#t4:checked~.tabw .l4,#t5:checked~.tabw .l5{background:#fff;box-shadow:0 20px 50px -30px rgba(22,20,31,.35),0 0 0 1px #EDEAF0}
#t1:checked~.tabw .l1 p,#t2:checked~.tabw .l2 p,#t3:checked~.tabw .l3 p,#t4:checked~.tabw .l4 p,#t5:checked~.tabw .l5 p,#t1:checked~.tabw .l1 .bar,#t2:checked~.tabw .l2 .bar,#t3:checked~.tabw .l3 .bar,#t4:checked~.tabw .l4 .bar,#t5:checked~.tabw .l5 .bar{display:block}
#t1:checked~.tabw .p1,#t2:checked~.tabw .p2,#t3:checked~.tabw .p3,#t4:checked~.tabw .p4,#t5:checked~.tabw .p5{display:flex}
/* pricing toggle */
.bill input{position:absolute;opacity:0}
.tog{display:inline-flex;background:#fff;border-radius:99px;padding:5px;box-shadow:inset 0 0 0 1px #E3E0E8}
.tog label{padding:10px 20px;border-radius:99px;font-size:14.5px;font-weight:700;cursor:pointer;transition:background .3s,color .3s}
#bm:checked~.tog .lm,#by:checked~.tog .ly{background:#16141F;color:#fff}
.py{display:none}
#by:checked~.plans .py{display:inline}
#by:checked~.plans .pm{display:none}
/* motion */
@keyframes up{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}
@keyframes rv{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes blink{0%,60%,100%{opacity:.3}30%{opacity:1}}
@keyframes fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes slide{0%{opacity:0;transform:scale(1.1)}4%{opacity:1}33%{opacity:1}38%{opacity:0;transform:scale(1)}100%{opacity:0}}
@keyframes cap{0%{opacity:0;transform:translateY(10px)}5%,32%{opacity:1;transform:none}36%,100%{opacity:0}}
@keyframes prog{0%{transform:scaleX(0)}33.3%{transform:scaleX(1)}33.4%,100%{transform:scaleX(0)}}
@keyframes marq{to{transform:translateX(-50%)}}
@keyframes vmarq{to{transform:translateY(-50%)}}
@keyframes bob{50%{transform:translateY(-10px)}}
@keyframes ping{0%{transform:scale(.6);opacity:.9}100%{transform:scale(2.6);opacity:0}}
@keyframes dash{to{stroke-dashoffset:0}}
@keyframes caret{50%{opacity:0}}
@keyframes flow{0%{left:0}45%,100%{left:calc(100% - 14px)}}
@keyframes glow{50%{box-shadow:0 0 0 10px rgba(255,106,43,0)}}
@keyframes spin{to{transform:rotate(360deg)}}
.up{animation:up 1s cubic-bezier(.2,.7,.2,1) both}
.d1{animation-delay:.12s}
.d2{animation-delay:.24s}
.d3{animation-delay:.36s}
.d4{animation-delay:.5s}
.bob{animation:bob 6s ease-in-out infinite}
.bob2{animation:bob 7s 1s ease-in-out infinite}
.bob3{animation:bob 8s 2s ease-in-out infinite}
.marq{display:flex;width:max-content;animation:marq 60s linear infinite}
.marq.rev{animation-direction:reverse}
.marq:hover{animation-play-state:paused}
.vcol{display:flex;flex-direction:column;gap:14px;animation:vmarq 38s linear infinite}
.vcol.rev{animation-direction:reverse}
.vcol.slow{animation-duration:48s}
.caret{display:inline-block;width:2px;height:1.05em;background:currentColor;vertical-align:-3px;margin-left:2px;animation:caret 1s steps(1) infinite}
.route{stroke-dasharray:6 7;stroke-dashoffset:200;animation:dash 6s linear infinite}
.ping{position:absolute;width:12px;height:12px;border-radius:99px;background:#FF6A2B}
.ping::after{content:"";position:absolute;inset:0;border-radius:99px;background:#FF6A2B;animation:ping 2.2s ease-out infinite}
.sl{position:absolute;inset:0;opacity:0;animation:slide 18s infinite both}
.sl:first-child{opacity:1}
.sl2{animation-delay:6s}
.sl3{animation-delay:12s}
.cp{animation:cap 18s infinite both}
.cp2{animation-delay:6s}
.cp3{animation-delay:12s}
.pg{display:block;height:100%;background:#fff;transform-origin:left;transform:scaleX(0);animation:prog 18s linear infinite}
.pg2{animation-delay:6s}
.pg3{animation-delay:12s}
@media (prefers-reduced-motion:no-preference){
 @supports (animation-timeline:view()){
  .rv{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
  .rvs>*{animation:rv linear both;animation-timeline:view();animation-range:entry 0% cover 24%}
  .rvs>*:nth-child(2){animation-range:entry 6% cover 28%}
  .rvs>*:nth-child(3){animation-range:entry 12% cover 32%}
  .rvs>*:nth-child(4){animation-range:entry 18% cover 36%}
  .grow{animation:growx linear both;animation-timeline:view();animation-range:entry 10% cover 45%}
  .par{animation:par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
 }
}
@keyframes growx{from{transform:scale(.92);border-radius:48px}to{transform:none}}
@keyframes par{from{transform:translateY(-6%) scale(1.12)}to{transform:translateY(6%) scale(1.12)}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.sl:not(:first-child),.cp:not(.cp1){opacity:0 !important}}
@media (max-width:1000px){
 .wrap{padding:0 18px}.sec{padding:80px 0}
 .navl,.hcta{display:none !important}
 .mnav{display:block}
 .g2,.g3,.g4,.g5,.bn,.fcols,.tabw,.split,.plans,.faqg,.ctag,.ftop,.heroin2{grid-template-columns:1fr !important}
 .bn>*{grid-column:auto !important;grid-row:auto !important}
 .g2>*,.g3>*,.g4>*,.bn>*{min-width:0}
 .g4m2{grid-template-columns:1fr 1fr !important}
 .hm{display:none !important}
 .bc{padding:24px;border-radius:24px}
 .hero{min-height:760px !important}
 .heroimg{object-position:var(--mpos,70% 20%) !important;left:0 !important;width:100% !important;-webkit-mask-image:none !important;mask-image:none !important}
 .heroshade{background:linear-gradient(0deg,rgba(14,12,20,.95) 0%,rgba(14,12,20,.7) 45%,rgba(14,12,20,.15) 80%) !important}
 .herotxt{padding-bottom:110px !important}
 .lead{font-size:18px}
 .h1{font-size:50px}
 .tall{height:auto !important;min-height:360px}
 .stack{flex-direction:column;align-items:stretch !important}
 .fcols{gap:28px;grid-template-columns:1fr 1fr !important}.fcols>div:first-child{grid-column:1/-1}
 .ctag{padding:0 22px !important}
 .inp{flex-wrap:wrap;border-radius:22px;padding:12px 12px 12px 18px;gap:10px}.inp input{height:36px}.inp button{width:100%}
 .padm{padding:32px 22px !important}
 .bandsplit{grid-template-columns:1fr !important}.bandsplit>div:first-child{padding:56px 22px !important}.bandsplit>div:last-child{height:420px !important}
 .wm{font-size:26vw}
 .tbl .tr{grid-template-columns:1.4fr 1fr 1fr 1fr !important;font-size:13px;padding:12px 10px !important}
 section{overflow:hidden}
 .mapsvg{position:relative !important;width:100% !important;height:auto !important;right:auto !important;top:auto !important}
 .mob-static{position:relative !important;inset:auto !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:auto !important;margin-top:14px;transform:none !important}
}
.pk{position:absolute;opacity:0}
.pk+span{display:flex;align-items:center;justify-content:center;height:50px;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px #E3E0E8;font-weight:700;font-size:15px;transition:all .2s}
.pk:checked+span{background:#16141F;color:#fff;box-shadow:none}
#sent{position:absolute;opacity:0}
.done{display:none}
#sent:checked~.formw{display:none !important}
#sent:checked~.done{display:flex}
.agree input{width:20px;height:20px;accent-color:#16141F;flex:none;margin-top:2px}
.pl{background:#0E0C14;color:#fff}
.mega-t{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.06em;line-height:.82;text-transform:uppercase;margin:0}
.stk{position:absolute;display:inline-flex;align-items:center;gap:8px;font-family:"Bricolage Grotesque",sans-serif;font-weight:600;text-transform:uppercase;letter-spacing:-.01em;border-radius:99px;padding:10px 18px;font-size:18px;box-shadow:0 14px 30px -12px rgba(0,0,0,.6);white-space:nowrap}
.wob{animation:wob 5s ease-in-out infinite}
.wob2{animation:wob 6s 1s ease-in-out infinite reverse}
@keyframes wob{0%,100%{transform:rotate(var(--r,-6deg)) translateY(0)}50%{transform:rotate(calc(var(--r,-6deg) * -1)) translateY(-8px)}}
@keyframes spinz{to{transform:rotate(360deg)}}
.spinz{animation:spinz 14s linear infinite}
.tape{transform:rotate(-3deg);margin:0 -40px}
.tape2{transform:rotate(2.5deg);margin:-26px -40px 0}
.tape .marq,.tape2 .marq{animation-duration:28s}
.tile{border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden;min-height:440px;min-width:0}
.tile h3{font-family:"Bricolage Grotesque",sans-serif;font-weight:600;letter-spacing:-.045em;line-height:.95;font-size:clamp(32px,3vw,46px);margin:0;text-transform:uppercase}
.pk2{position:absolute;opacity:0}
.pk2+span{display:flex;align-items:center;justify-content:center;height:52px;border-radius:16px;background:#1C1926;box-shadow:inset 0 0 0 1.5px #34303F;font-weight:700;font-size:15px;color:#fff;transition:all .2s}
.pk2:checked+span{background:#D4FF3A;color:#0E0C14;box-shadow:none}
.fd{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#C9C6D3}
.fd .in{display:flex;align-items:center;height:54px;border-radius:16px;background:#1C1926;box-shadow:inset 0 0 0 1.5px #34303F;padding:0 16px}
.fd input{flex:1;min-width:0;border:0;outline:0;font-size:16px;background:transparent;color:#fff}
.fd input::placeholder{color:#6B6779}
.agree2{display:flex;gap:12px;font-size:14px;line-height:1.5;color:#B8B4C4;cursor:pointer}
.agree2 input{width:20px;height:20px;accent-color:#D4FF3A;flex:none;margin-top:2px}
@media (max-width:1000px){.mega-t{font-size:22vw !important}.stk{font-size:14px;padding:8px 14px}.tile{min-height:0}.plugphones{margin-top:24px !important;height:560px !important;transform:scale(.72);transform-origin:top left;width:139% !important}}