.relic img{width:74%;height:74%;object-fit:contain;transition:transform .6s var(--ease);filter:drop-shadow(0 4px 6px rgba(0,0,0,.35))}
.relic:hover{border-color:var(--copper);background:rgba(205,152,100,.1)}
.relic:hover img{transform:scale(1.14) rotate(-6deg)}
.armor{position:relative;height:100vh;min-height:calc(var(--u)*940);overflow:hidden}
.armor-bg{position:absolute;inset:0;background:radial-gradient(55% 70%at 100% 55%,rgba(98,120,144,.55),transparent 70%),radial-gradient(70% 60%at 30% 100%,rgba(66,90,116,.55),transparent 70%),radial-gradient(60% 55%at 50% 100%,rgba(52,78,108,.55),transparent 70%),linear-gradient(95deg,#132840 0,#1b3550 30%,#223e5b 55%,#2c4966 78%,#3b546d 100%)}
.armor-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b1c33 0,rgba(11,28,51,0) 18%)}
.armor-floor{position:absolute;left:50%;top:58%;width:70%;height:46%;transform:translateX(-50%);background:radial-gradient(50% 50%at 50% 50%,rgba(140,164,190,.16),transparent 70%)}
.armor-stage{position:absolute;inset:0}
.armor-title{position:absolute;left:0;right:0;top:calc(50% + var(--u)*(191 - 540) - var(--u)*84*.053);text-align:center;z-index:8;pointer-events:none}
.at-line{--ls:.3;display:block;font:400 calc(var(--u)*84)/.99"Anton",sans-serif;letter-spacing:calc(var(--ls)*1em);margin-right:calc(var(--ls)*-1em)}
.armor-title{transform:scaleX(1.55);transform-origin:50%0}
.card{position:absolute;width:calc(var(--u)*339);height:calc(var(--u)*285);z-index:10;border-radius:calc(var(--u)*42)}
.c-tl{left:calc(var(--u)*35);top:calc(50% + var(--u)*(260 - 540))}
.c-tr{left:calc(var(--u)*1546);top:calc(50% + var(--u)*(260 - 540))}
.c-bl{left:calc(var(--u)*271);top:calc(50% + var(--u)*(634 - 540))}
.c-br{left:calc(var(--u)*1310);top:calc(50% + var(--u)*(634 - 540))}
.card-glass{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(160deg,rgba(255,255,255,.13),rgba(255,255,255,.05) 60%,rgba(255,255,255,.07));backdrop-filter:blur(16px) saturate(1.15);-webkit-backdrop-filter:blur(16px) saturate(1.15);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 30px 60px -30px rgba(3,10,22,.55);overflow:hidden}
.card-glass::after{content:"";position:absolute;inset:0;background:radial-gradient(240px 240px at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.12),transparent 70%);opacity:0;transition:opacity .4s}
.card:hover .card-glass::after{opacity:1}
.card-body{position:absolute;left:calc(var(--u)*29);top:calc(var(--u)*40);width:calc(var(--u)*165)}
.card h3{font-size:calc(var(--u)*27.5);line-height:calc(var(--u)*25.5);font-weight:600;letter-spacing:-.005em}
.card p{text-wrap:balance;margin-top:calc(var(--u)*26);font-size:calc(var(--u)*16.8);line-height:calc(var(--u)*17.2);color:rgba(255,255,255,.86);font-weight:400}
.card-art{position:absolute;pointer-events:none;filter:drop-shadow(0 18px 18px rgba(4,12,26,.45));transition:transform .8s var(--ease)}
.card:hover .card-art{transform:translateY(-6px) rotate(-3deg) scale(1.04)}
.art-signet{right:calc(var(--u)*-46);top:calc(var(--u)*-34);width:calc(var(--u)*262)}
.art-lantern{right:calc(var(--u)*-26);top:calc(var(--u)*-76);width:calc(var(--u)*186)}
.art-shield{right:calc(var(--u)*-30);top:calc(var(--u)*-8);width:calc(var(--u)*200)}
.art-locket{right:calc(var(--u)*-26);top:calc(var(--u)*-30);width:calc(var(--u)*196)}
.card-go{position:absolute;left:calc(var(--u)*248);top:calc(var(--u)*194);width:calc(var(--u)*78);height:calc(var(--u)*78);min-width:40px;min-height:40px;border-radius:50%;background:var(--copper);color:var(--white);display:grid;place-items:center;transition:transform .5s var(--ease),background-color .3s;z-index:2}
.card-go svg{width:34%}
.card-go:hover{transform:scale(1.1);background:var(--copper-l)}
.anatomy{position:relative;height:420vh;background:linear-gradient(180deg,#2b4562 0,#182f4a 7%,#0b1c33 18%,#081629 100%)}
.anat-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.anat-ghost{display:none;position:absolute;left:50%;top:56%;transform:translate(-50%,-50%);font:400 calc(var(--u)*470)/1"Anton";letter-spacing:.04em;color:transparent;-webkit-text-stroke:1px rgba(205,152,100,.07);white-space:nowrap;pointer-events:none}
.anat-head{position:absolute;left:var(--gut);top:calc(var(--u)*150);width:calc(var(--u)*640);z-index:10}
.anat-head .h-stack{font-size:calc(var(--u)*116)}
.anat-lede{margin-top:calc(var(--u)*28);max-width:26em;color:var(--mist);font-size:max(14px,calc(var(--u)*19));line-height:1.45}
.anat-steps{list-style:none;margin:0;padding:0;position:absolute;right:var(--gut);top:50%;transform:translateY(-50%);width:calc(var(--u)*420);z-index:10}
.anat-step{padding:calc(var(--u)*22)0;border-top:1px solid rgba(224,221,212,.14);opacity:.28;transition:opacity .6s var(--ease)}
.anat-step:last-child{border-bottom:1px solid rgba(224,221,212,.14)}
.anat-step em{font-style:normal;font:400 calc(var(--u)*22)"Anton";color:var(--copper)}
.anat-step h4{display:inline-block;margin-left:14px;font:400 calc(var(--u)*40)/1"Anton";text-transform:uppercase;letter-spacing:.02em}
.anat-step p{margin-top:10px;color:var(--mist);font-size:max(13px,calc(var(--u)*17));line-height:1.5;max-height:0;overflow:hidden;transition:max-height .7s var(--ease)}
.anat-step.is-on{opacity:1}
.anat-step.is-on p{max-height:6em}
.anat-progress{position:absolute;left:var(--gut);bottom:calc(var(--u)*56);display:flex;align-items:baseline;gap:6px;font:400 calc(var(--u)*64)/1"Anton";z-index:10}
.anat-progress i{width:calc(var(--u)*180);height:1px;background:rgba(224,221,212,.2);margin-right:18px;position:relative;overflow:hidden;align-self:center}
.anat-progress i::after{content:"";position:absolute;inset:0;background:var(--copper);transform-origin:left;transform:scaleX(var(--p, 0))}
.anat-progress span:last-child{font-size:.42em;color:var(--mist)}
.collection{position:relative;height:380vh;background:#081629}
.col-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.col-head{position:absolute;left:var(--gut);top:calc(var(--u)*150);z-index:2;width:calc(var(--u)*560)}
.col-pin::before{content:"";position:absolute;inset:0 auto 0 0;width:calc(var(--u)*740);z-index:1;pointer-events:none;background:linear-gradient(90deg,#081629 0,#081629 82%,rgba(8,22,41,0) 100%)}
.col-count{position:absolute;left:var(--gut);bottom:calc(var(--u)*92);font:400 calc(var(--u)*22)/1"Anton";color:var(--mist);letter-spacing:.06em;z-index:2}
.col-count b{color:var(--white);font-weight:400;font-size:1.6em}
.shot[data-shot="2"] .shot-mask img{object-position:38% 72%;transform:translateX(var(--par, 0%)) scale(1.18)}
.col-head .h-stack,.faq-head .h-stack,.anat-head .h-stack{white-space:nowrap}
.col-head .h-stack{font-size:calc(var(--u)*112)}
.col-lede{margin-top:calc(var(--u)*26);color:var(--mist);font-size:max(14px,calc(var(--u)*18));line-height:1.5;max-width:22em}
.col-track{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;gap:calc(var(--u)*64);padding-left:calc(var(--u)*760);padding-right:10vw;will-change:transform}
.shot{position:relative;flex:none;margin:0}
.shot.s-wide{width:calc(var(--u)*900)}
.shot.s-tall{width:calc(var(--u)*470)}
.shot.s-wide .shot-mask{aspect-ratio:16/10}
.shot.s-tall .shot-mask{aspect-ratio:470/562}
.shot-mask{position:relative;overflow:hidden;border-radius:calc(var(--u)*28);background:#0e223b;clip-path:inset(0 0 0 0 round calc(var(--u)*28))}
.shot-mask img{position:absolute;top:0;left:-12%;width:124%;max-width:none;height:100%;object-fit:cover;transform:translateX(var(--par, 0%)) scale(1.02);transition:scale 1.2s var(--ease)}
.shot:hover .shot-mask img{scale:1.06}
.shot figcaption{display:flex;align-items:baseline;gap:14px;margin-top:18px}
.shot figcaption em{font:400 18px"Anton";color:var(--copper);font-style:normal}
.shot figcaption b{font:400 calc(var(--u)*30)/1"Anton";text-transform:uppercase;letter-spacing:.02em;font-weight:400}
.shot figcaption span{margin-left:auto;color:var(--mist);font-size:13px;letter-spacing:.1em;text-transform:uppercase}
.col-end{flex:none;width:calc(var(--u)*420);display:grid;gap:26px;justify-items:start;font:400 calc(var(--u)*76)/.9"Anton";text-transform:uppercase}
.col-bar{position:absolute;left:var(--gut);right:var(--gut);bottom:calc(var(--u)*50);height:1px;background:rgba(224,221,212,.14)}
.col-bar i{display:block;height:100%;width:100%;background:var(--copper);transform-origin:left;transform:scaleX(0)}
.protocol{position:relative;padding:calc(var(--u)*190) var(--gut) calc(var(--u)*110);background:linear-gradient(180deg,#081629 0,#0b1d35 40%,#10243e 100%)}
.proto-head{max-width:calc(var(--u)*900);margin:0 auto;text-align:center;display:grid;justify-items:center}
.proto-head .h-stack{align-items:center}
.proto-head .h-stack>span:nth-child(2){padding-left:0}
.proto-lede{margin-top:calc(var(--u)*28);color:var(--mist);font-size:max(14px,calc(var(--u)*19));max-width:30em;line-height:1.5}
.proto-track{position:relative;max-width:calc(var(--u)*1180);margin:calc(var(--u)*170) auto 0;padding:calc(var(--u)*40)0 calc(var(--u)*40)}
.proto-line{position:absolute;left:50%;top:0;bottom:0;width:10px;height:100%;transform:translateX(-50%);overflow:visible}
.proto-line path{fill:none;stroke:rgba(205,152,100,.18);stroke-width:1.5;vector-effect:non-scaling-stroke}
.proto-line path.draw{stroke:var(--copper)}
.proto-item{position:relative;width:50%;padding:calc(var(--u)*34) calc(var(--u)*110);margin-bottom:calc(var(--u)*-40);display:grid;justify-items:start}
.proto-item.p-left{justify-items:end}
.proto-item.p-left>em,.proto-item.p-left>h4,.proto-item.p-left>p{width:min(34ch,100%);text-align:left}
.proto-item.p-right{margin-left:50%}
.proto-item p{max-width:34ch;text-align:left;text-wrap:pretty}
.proto-art{position:absolute;top:calc(var(--u)*10);width:calc(var(--u)*190);height:calc(var(--u)*230);object-fit:contain;filter:drop-shadow(0 22px 26px rgba(2,8,18,.55));pointer-events:none}
.proto-art.round{width:calc(var(--u)*210);height:calc(var(--u)*210);top:calc(var(--u)*20);object-fit:cover;border-radius:50%;box-shadow:0 0 0 1px rgba(205,152,100,.35),0 30px 60px -20px rgba(0,0,0,.6)}
.p-left .proto-art{left:calc(100% + var(--u)*120)}
.p-right .proto-art{right:calc(100% + var(--u)*120)}
.proto-item em{display:block;font:400 calc(var(--u)*22)"Anton";letter-spacing:.14em;color:var(--copper);font-style:normal}
.proto-item h4{font:400 calc(var(--u)*84)/1"Anton";text-transform:uppercase;margin-top:8px}
.proto-item p{margin-top:14px;color:var(--mist);font-size:max(14px,calc(var(--u)*19));line-height:1.5}
.pdot{position:absolute;top:calc(var(--u)*70);width:18px;height:18px;border-radius:50%;border:1.5px solid rgba(205,152,100,.5);background:var(--navy);transition:background-color .5s,box-shadow .5s,transform .5s var(--ease)}
.p-left .pdot{right:-9px}
.p-right .pdot{left:-9px}
.proto-item.is-lit .pdot{background:var(--copper);box-shadow:0 0 0 8px rgba(205,152,100,.14),0 0 30px rgba(205,152,100,.6);transform:scale(1.1)}
.pricing{position:relative;padding:calc(var(--u)*170) var(--gut) calc(var(--u)*200);background:linear-gradient(180deg,#10243e 0,rgba(16,36,62,0) 260px),radial-gradient(70% 60%at 50% 30%,#1b3554 0,#10243e 55%,#0b1c33 100%)}
.price-head{display:grid;grid-template-columns:1fr auto;align-items:end;max-width:calc(var(--u)*1600);margin:0 auto}
.price-head .kicker{grid-column:1/-1}
.billing{position:relative;display:flex;padding:6px;border-radius:99px;border:1px solid rgba(224,221,212,.2);height:58px}
.bill{position:relative;z-index:1;padding:0 26px;font-weight:700;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--mist);transition:color .4s}
.bill i{font-style:normal;color:var(--copper);margin-left:6px;transition:color .4s}
.bill.is-on{color:var(--navy)}
.bill.is-on i{color:var(--navy)}
.bill-knob{position:absolute;top:6px;bottom:6px;left:6px;border-radius:99px;background:var(--white);transition:transform .6s var(--ease),width .6s var(--ease)}
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(var(--u)*34);max-width:calc(var(--u)*1600);margin:calc(var(--u)*150) auto 0;perspective:1400px}
.plan{position:relative;padding:calc(var(--u)*48) calc(var(--u)*46) calc(var(--u)*44);border-radius:calc(var(--u)*42);background:linear-gradient(165deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transform-style:preserve-3d;transition:transform .7s var(--ease),border-color .4s;overflow:hidden;display:flex;flex-direction:column}
.plan-hero{background:linear-gradient(165deg,rgba(205,152,100,.24),rgba(205,152,100,.05) 55%,rgba(255,255,255,.04));border-color:rgba(205,152,100,.55)}
.plan-sheen{position:absolute;inset:0;pointer-events:none;background:radial-gradient(320px 320px at var(--mx, 50%) var(--my, -20%),rgba(255,231,196,.16),transparent 70%);opacity:0;transition:opacity .4s}
.plan:hover .plan-sheen{opacity:1}
.plan-flag{position:absolute;right:calc(var(--u)*36);top:calc(var(--u)*40);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;background:var(--copper);color:var(--navy);padding:8px 12px;border-radius:99px}
.plan h3{font:400 calc(var(--u)*66)/1"Anton";text-transform:uppercase;letter-spacing:.01em}
.plan header p{margin-top:10px;color:var(--mist);font-size:max(14px,calc(var(--u)*17))}
.price{display:flex;align-items:baseline;gap:12px;margin:calc(var(--u)*40)0 calc(var(--u)*30);padding-bottom:calc(var(--u)*30);border-bottom:1px solid rgba(224,221,212,.14)}
.price b{font:400 calc(var(--u)*96)/1"Anton";letter-spacing:-.01em}
.price span{color:var(--mist);font-size:14px}
.price b.is-word{font-size:calc(var(--u)*76)}
.plan ul{list-style:none;padding:0;margin:0 0 calc(var(--u)*44);display:grid;gap:14px;font-size:max(14px,calc(var(--u)*17.5))}
.plan li{display:flex;gap:12px;align-items:center}
.plan li::before{content:"";width:18px;height:18px;flex:none;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f3d3a8,#cd9864 55%,#8c5f37);box-shadow:0 0 0 3px rgba(205,152,100,.14)}
.plan-btn{margin-top:auto;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 8px 0 28px;border-radius:99px;border:1px solid rgba(224,221,212,.3);font-weight:700;font-size:15px;letter-spacing:.1em;text-transform:uppercase;text-decoration:none;transition:background-color .35s,color .35s,border-color .35s}
.plan-btn i{width:48px;height:48px;border-radius:50%;background:var(--copper);color:var(--white);display:grid;place-items:center;transition:transform .5s var(--ease)}
.plan-btn i svg{width:38%}
.plan-btn:hover{background:var(--white);color:var(--navy);border-color:var(--white)}
.plan-btn:hover i{transform:rotate(45deg)}
.plan-btn.is-solid{background:var(--white);color:var(--navy);border-color:var(--white)}
.plan-btn.is-solid:hover{background:var(--copper);border-color:var(--copper)}
.voices{position:relative;padding:calc(var(--u)*170) var(--gut) calc(var(--u)*170);background:linear-gradient(180deg,#0b1c33,#0e223c 50%,#0b1c33)}
.voices-head{max-width:calc(var(--u)*1600);margin:0 auto}
.quote-wrap{position:relative;max-width:calc(var(--u)*1600);margin:calc(var(--u)*90) auto 0;padding-left:calc(var(--u)*420);min-height:calc(var(--u)*420)}
.q-mark{position:absolute;left:0;top:0;width:calc(var(--u)*140);color:var(--copper);opacity:.9}
.quotes{position:relative;min-height:calc(var(--u)*300)}
.quote{position:absolute;inset:0 0 auto 0;margin:0;opacity:0;visibility:hidden}
.quote.is-on{position:relative;opacity:1;visibility:visible}
.quote p{font-size:max(22px,calc(var(--u)*48));line-height:1.22;font-weight:400;letter-spacing:-.01em;text-wrap:balance}
.quote p .w{display:inline-block}
.quote footer{display:flex;align-items:center;gap:16px;margin-top:calc(var(--u)*46);color:var(--mist);font-size:15px}
.quote footer b{color:var(--white);font-weight:700;font-size:17px}
.mono{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;font:400 18px"Anton";letter-spacing:.04em;color:#3a2410;background:radial-gradient(circle at 32% 28%,#ffe9c4 0,#e0aa70 38%,#a56d3c 78%,#6b4220 100%);box-shadow:inset 0 0 0 3px rgba(255,236,205,.45),inset 0-6px 10px rgba(70,38,12,.4),0 10px 22px -8px rgba(0,0,0,.6)}
