:root{--bg:#08090a;--ink:#f3f6f6;--mut:#97a2a2;--tl:#5fe3cf;--am:#f5b454;--vi:#a78bfa;--gl:rgba(255,255,255,.06);--ed:rgba(255,255,255,.1);
  --serif:"Instrument Serif",Georgia,serif;--sans:Inter,system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit}
.room{position:fixed;inset:0;z-index:-1;background:
  radial-gradient(900px 600px at 85% -5%,rgba(245,180,84,.18),transparent 60%),
  radial-gradient(800px 600px at 5% 105%,rgba(95,227,207,.12),transparent 60%),
  radial-gradient(600px 500px at 50% 40%,rgba(167,139,250,.07),transparent 70%),var(--bg)}
.room::after{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(ellipse at 50% 20%,#000,transparent 70%)}
.wrap{max-width:1180px;margin:0 auto;padding:0 max(20px,env(safe-area-inset-left))}
.glass{background:linear-gradient(150deg,rgba(255,255,255,.08),rgba(255,255,255,.015) 55%),rgba(20,22,24,.5);border:1px solid var(--ed);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 30px 60px -36px #000;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
/* nav */
.nav{position:sticky;top:12px;z-index:20;margin:12px auto 0;max-width:1180px;padding:0 16px}
.nav .in{display:flex;align-items:center;gap:14px;padding:10px 12px 10px 16px;border-radius:999px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
.brand .lgw{width:32px}
.brand b{font:700 .9rem/1 var(--sans);letter-spacing:.32em}
.nav a.l{color:var(--mut);text-decoration:none;font-size:.9rem;font-weight:500}.nav a.l:hover{color:#fff}
.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:999px;border:1px solid var(--ed);background:var(--gl);color:#fff;font:600 .92rem/1 var(--sans);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .35s cubic-bezier(.34,1.56,.64,1),box-shadow .3s}
.btn:hover{transform:translateY(-2px)}
.btn.am{background:linear-gradient(135deg,#f7c06a,#e8913a);color:#1d1307;border-color:transparent;box-shadow:0 14px 34px -14px var(--am)}
.btn.sm{padding:9px 15px;font-size:.84rem}
/* hero */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:48px;align-items:center;padding:80px 0 60px}
.kick{display:inline-flex;align-items:center;gap:8px;font:500 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tl);padding:7px 12px;border-radius:999px;border:1px solid rgba(95,227,207,.25);background:rgba(95,227,207,.06)}
.kick i{width:7px;height:7px;border-radius:50%;background:var(--tl);box-shadow:0 0 10px var(--tl);animation:pulse 2s infinite}
@keyframes pulse{50%{opacity:.35}}
h1{font:400 clamp(3rem,6.4vw,5.6rem)/.98 var(--serif);letter-spacing:-.015em;margin:20px 0 18px}
h1 em{font-style:italic;color:var(--am)}
.lede{color:#c3cbcb;font-size:1.12rem;max-width:34rem;margin:0 0 28px}
.cta{display:flex;gap:10px;flex-wrap:wrap}
.proof{display:flex;gap:22px;margin-top:30px;color:var(--mut);font-size:.86rem;flex-wrap:wrap}
.proof b{display:block;color:#fff;font:700 1.3rem/1.1 var(--sans)}
/* dashboard mock */
.live{position:relative;border-radius:24px;padding:10px;min-width:0}
.live-bar{display:flex;align-items:center;gap:12px;padding:4px 6px 10px;font-size:.8rem}
.live-bar .dots{display:flex;gap:6px}.live-bar .dots i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.16)}
.live-tag{display:inline-flex;align-items:center;gap:7px;color:#cfe0ff;letter-spacing:.04em}
.live-tag i{width:8px;height:8px;border-radius:50%;background:#5fe3cf;box-shadow:0 0 10px #5fe3cf;animation:livePulse 1.8s ease-in-out infinite}
@keyframes livePulse{50%{opacity:.35}}
.live-full{margin-left:auto;color:#9cc0ff;text-decoration:none;white-space:nowrap}
.live-full:hover{text-decoration:underline}
.live-view{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:#05070f;aspect-ratio:16/10}
.live-view iframe{position:absolute;left:0;top:0;border:0;transform-origin:0 0;background:#05070f}
.live-note{margin:10px 6px 2px;font-size:.78rem;color:var(--mu,#9aa3b2)}
@media (max-width:620px){.live-view{aspect-ratio:auto;height:640px}}
@media (prefers-reduced-motion:reduce){.live-tag i{animation:none}}
.mock{position:relative;border-radius:28px;padding:16px;transform:perspective(1600px) rotateY(-9deg) rotateX(4deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mock:hover{transform:perspective(1600px) rotateY(-3deg) rotateX(2deg)}
.m-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.m-top .hi{margin-right:auto}.m-top small{display:block;color:var(--mut);font-size:.7rem}.m-top b{font:400 1.5rem/1 var(--serif)}
.m-search{flex:0 1 200px;height:30px;border-radius:999px;background:var(--gl);border:1px solid var(--ed)}
.m-k{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px}
.m-k div{padding:11px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07)}
.m-k div:first-child{background:radial-gradient(120% 90% at 0 0,rgba(245,180,84,.5),transparent 60%),rgba(40,28,14,.5);border-color:rgba(245,180,84,.35)}
.m-k span{font-size:.66rem;color:#c3cbcb}.m-k b{display:block;font:700 1.35rem/1.1 var(--sans);letter-spacing:-.02em}
.m-g{display:grid;grid-template-columns:1.5fr 1fr;gap:8px}
.m-p{padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.m-p h4{margin:0 0 8px;font:400 1.15rem/1 var(--serif)}
.row{display:grid;grid-template-columns:24px 1fr 60px 64px;gap:8px;align-items:center;padding:6px 4px;font-size:.72rem}
.av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font:700 .66rem var(--sans);color:#0b0d0e;background:radial-gradient(circle at 30% 25%,#fff8,transparent 55%),var(--c)}
.row b{font-weight:600;font-size:.74rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar{height:5px;border-radius:9px;background:rgba(255,255,255,.08);overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#4f8dff,var(--tl))}
.pill{justify-self:start;font:600 .6rem/1 var(--sans);padding:4px 7px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 15%,transparent);border:1px solid color-mix(in srgb,var(--c) 30%,transparent)}
.tubes{display:flex;align-items:flex-end;gap:5px;height:110px}
.tubes i{flex:1;max-width:11px;border-radius:9px;background:linear-gradient(#fff,rgba(255,255,255,.15));box-shadow:0 0 10px rgba(255,255,255,.2);transform-origin:bottom;animation:grow 1.2s cubic-bezier(.34,1.4,.64,1) both}
.tubes i:last-child{background:linear-gradient(#ffe2b0,var(--am));box-shadow:0 0 18px rgba(245,180,84,.7)}
@keyframes grow{from{transform:scaleY(0)}}
.ask{position:absolute;right:-14px;bottom:-18px;display:flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;font:600 .8rem var(--sans);background:linear-gradient(135deg,rgba(95,227,207,.3),rgba(167,139,250,.3)),rgba(14,16,18,.85);border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 30px -12px var(--tl)}
.ask i{width:10px;height:10px;border-radius:50%;background:conic-gradient(var(--tl),var(--vi),var(--am),var(--tl));animation:spin 2.5s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
/* sections */
section{padding:70px 0}
.sh{max-width:40rem;margin:0 0 34px}
.sh .k{font:500 .72rem/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--tl)}
h2{font:400 clamp(2.2rem,4.4vw,3.4rem)/1.02 var(--serif);margin:12px 0 10px;letter-spacing:-.01em}
.sh p{color:#b8c2c2;margin:0}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.step{padding:22px;border-radius:24px;position:relative;overflow:hidden;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.step:hover{transform:translateY(-5px)}
.step em{font:500 .72rem/1 var(--mono);color:var(--c);font-style:normal}
.step h3{font:600 1.15rem/1.2 var(--sans);margin:14px 0 6px}
.step p{color:var(--mut);font-size:.9rem;margin:0}
.step::after{content:"";position:absolute;right:-40px;top:-40px;width:120px;height:120px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 40%,transparent),transparent)}
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.cell{padding:24px;border-radius:26px;display:flex;flex-direction:column;gap:8px;min-height:210px;transition:transform .45s cubic-bezier(.34,1.56,.64,1)}
.cell:hover{transform:translateY(-4px)}
.cell h3{font:400 1.7rem/1.05 var(--serif);margin:0}
.cell p{color:var(--mut);font-size:.92rem;margin:0}
.cell .tag{align-self:flex-start;font:600 .66rem/1 var(--mono);letter-spacing:.06em;padding:5px 9px;border-radius:999px;color:var(--c);background:color-mix(in srgb,var(--c) 12%,transparent);border:1px solid color-mix(in srgb,var(--c) 28%,transparent)}
.c4{grid-column:span 4}.c2{grid-column:span 2}.c3{grid-column:span 3}
.viz{margin-top:auto}
.sites{display:flex;gap:10px;perspective:900px}
.sites span{flex:1;height:92px;border-radius:12px;border:1px solid rgba(255,255,255,.12);transform:rotateY(18deg);background:var(--g)}
.sites span:nth-child(2){transform:translateZ(30px)}.sites span:nth-child(3){transform:rotateY(-18deg)}
.ring{width:96px;height:96px;border-radius:50%;background:conic-gradient(var(--am) 0 72%,rgba(255,255,255,.08) 0);display:grid;place-items:center;margin-top:auto}
.ring b{width:76px;height:76px;border-radius:50%;background:#15171a;display:grid;place-items:center;font:700 1.1rem var(--sans)}
.lines{display:grid;gap:7px;margin-top:auto}
.lines i{display:block;height:9px;border-radius:9px;background:rgba(255,255,255,.08)}.lines i:first-child{width:80%;background:var(--c)}.lines i:nth-child(2){width:62%}.lines i:nth-child(3){width:70%}
/* pricing */
.price{display:grid;grid-template-columns:1.1fr 1fr;gap:16px;align-items:stretch}
.plan{padding:30px;border-radius:30px;position:relative;overflow:hidden}
.plan.hot{background:radial-gradient(110% 80% at 0 0,rgba(245,180,84,.38),transparent 60%),linear-gradient(150deg,rgba(255,255,255,.09),rgba(255,255,255,.02)),rgba(30,22,12,.55);border-color:rgba(245,180,84,.32)}
.amt{font:700 4rem/1 var(--sans);letter-spacing:-.04em;margin:14px 0 4px}.amt small{font-size:1rem;font-weight:500;color:var(--mut);letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:10px}
.plan li{display:flex;gap:10px;font-size:.95rem}.plan li::before{content:"✓";color:var(--am);font-weight:700}
.plan .note{color:var(--mut);font-size:.82rem;margin-top:12px}
.faq{display:grid;gap:10px}
details{border-radius:20px;padding:4px 20px}
summary{cursor:pointer;list-style:none;padding:16px 0;font-weight:600;display:flex;justify-content:space-between;gap:12px}
summary::after{content:"+";color:var(--tl);font-size:1.2rem}details[open] summary::after{content:"–"}
details p{color:#b8c2c2;margin:0 0 16px}
.final{text-align:center;padding:60px 24px;border-radius:34px}
.final h2{margin-top:0}
footer{padding:40px 0 60px;color:var(--mut);font-size:.85rem;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
/* logo */
.lg{position:relative;width:100%;aspect-ratio:1;perspective:900px}
.lg>svg{position:absolute;inset:0;width:100%;height:100%}
.lg .spin{position:absolute;inset:0;transform-style:preserve-3d;animation:lgSpin 9s cubic-bezier(.45,0,.55,1) infinite}
.lg .spin svg{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 18px rgba(120,150,255,.35))}
.lg .halo{animation:lgHalo 4.5s ease-in-out infinite}
@keyframes lgSpin{0%{transform:rotateY(0)}45%,55%{transform:rotateY(180deg)}100%{transform:rotateY(360deg)}}
@keyframes lgHalo{50%{opacity:.45}}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.2,.8,.2,1),transform .8s cubic-bezier(.2,.8,.2,1)}
.reveal.on{opacity:1;transform:none}
.nojs .reveal{opacity:1;transform:none}
@media (max-width:980px){.hero{grid-template-columns:1fr;padding-top:50px}.mock{transform:none}.steps{grid-template-columns:repeat(2,1fr)}.bento{grid-template-columns:1fr 1fr}.c4,.c2,.c3{grid-column:span 2}.price{grid-template-columns:1fr}.nav a.l{display:none}}
@media (max-width:560px){.nav .in{gap:8px;padding:8px 8px 8px 12px}.brand b{display:none}.nav .btn.sm{padding:9px 12px;font-size:.8rem}.steps{grid-template-columns:1fr}.m-g{grid-template-columns:1fr}.ask{right:8px}.row{grid-template-columns:24px 1fr 64px}.row .bar{display:none}h1{font-size:3rem}.amt{font-size:3.2rem}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
@media (prefers-reduced-transparency:reduce){.glass{background:#15171a;backdrop-filter:none}}


/* ARKHE MULTI-PAGE SITE: one compact home screen, visual page links */
html{scroll-behavior:smooth}
.page-space{min-height:calc(100svh - 158px)}
.page-shell{padding:48px 0 48px}
.page-intro{max-width:800px;margin-bottom:28px}
.page-intro h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.99;margin:18px 0 16px}
.page-intro h1 em{color:var(--am)}
.page-intro p{max-width:650px;color:#b8c7c4;font-size:1.08rem}
.page-intro .return{color:var(--tl);font-size:.85rem;text-decoration:none;display:inline-flex;gap:8px;align-items:center;margin-bottom:16px}
.page-intro .return:hover{text-decoration:underline}
.nav .in{gap:18px}
.nav a.l[aria-current="page"]{color:var(--am)}
.brand{min-width:0}
.brand:focus-visible,.nav a:focus-visible,.site-menu summary:focus-visible,.nav-card:focus-visible,.btn:focus-visible{outline:3px solid var(--tl);outline-offset:4px}
.site-menu{display:none;position:relative}
.site-menu summary{cursor:pointer;list-style:none;padding:9px 14px;color:#fff;font-size:.85rem;font-weight:600;border:1px solid var(--ed);border-radius:999px;background:var(--gl)}
.site-menu summary::-webkit-details-marker{display:none}
.site-menu[open] .site-menu-panel{display:grid}
.site-menu-panel{position:absolute;top:calc(100% + 10px);right:0;min-width:210px;z-index:25;background:#121717;border:1px solid rgba(255,255,255,.19);box-shadow:0 18px 40px rgba(0,0,0,.5);padding:8px;border-radius:18px;display:none}
.site-menu-panel a{padding:11px 13px;border-radius:11px;text-decoration:none;font-size:.91rem}
.site-menu-panel a:hover{background:rgba(255,255,255,.09)}
.home-grid-wrap{min-height:calc(100svh - 164px);display:flex;flex-direction:column;justify-content:center;padding:34px 0 14px}
.home-head{text-align:center;margin:0 auto 25px;max-width:930px}
.home-head .kick{font-size:.68rem}
.home-head h1{font-size:clamp(3.2rem,6.5vw,6rem);margin:16px 0 12px}
.home-head .lede{font-size:clamp(.96rem,1.6vw,1.12rem);max-width:690px;margin:0 auto 18px}
.home-head .cta{justify-content:center}
.nav-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.nav-card{--c:var(--tl);position:relative;display:flex;flex-direction:column;min-width:0;min-height:272px;padding:22px;border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.12));border-radius:27px;background:radial-gradient(190px 150px at 80% 4%,color-mix(in srgb,var(--c) 17%,transparent),transparent),linear-gradient(146deg,rgba(255,255,255,.075),rgba(255,255,255,.02));text-decoration:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;isolation:isolate}
.nav-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--c) 65%,white);box-shadow:0 24px 55px -28px color-mix(in srgb,var(--c) 50%,black)}
.nav-card .nav-eyebrow{font:600 .65rem/1.3 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--c)}
.nav-card h2{font:400 clamp(1.7rem,2.8vw,2.2rem)/1 var(--serif);margin:8px 0}
.nav-card p{font-size:.82rem;line-height:1.55;color:#bec5c3;margin:0;max-width:22ch}
.nav-card .go{display:flex;align-items:center;gap:8px;color:#fff;font-size:.8rem;font-weight:600;margin-top:auto;padding-top:12px}
.nav-card .go .arrow{font-size:1.2rem;color:var(--c);transition:transform .2s}
.nav-card:hover .arrow{transform:translateX(5px)}
.nav-art{height:83px;margin:11px 0 9px;display:flex;align-items:center;justify-content:center;position:relative}
.art-flow{display:flex;gap:7px;align-items:center}
.art-flow span{width:37px;height:42px;border-radius:12px;border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:rgba(255,255,255,.04);display:grid;place-items:center;font:700 .76rem var(--mono);color:var(--c);box-shadow:0 0 20px -12px var(--c)}
.art-flow i{display:block;width:12px;height:2px;background:var(--c);opacity:.7}
.art-dashboard{display:grid;grid-template-columns:28px 115px;gap:7px;transform:rotate(-5deg);filter:drop-shadow(0 9px 15px rgba(0,0,0,.5))}
.art-dashboard .rail{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:8px;display:grid;gap:5px;padding:7px}
.art-dashboard .rail i{width:12px;height:8px;border-radius:3px;background:var(--c);opacity:.7}
.art-dashboard .screen{height:77px;background:rgba(10,18,24,.8);border:1px solid color-mix(in srgb,var(--c) 38%,transparent);border-radius:9px;padding:9px}
.art-dashboard .screen b{display:block;height:13px;width:70%;background:linear-gradient(90deg,var(--c),transparent);border-radius:4px}
.art-dashboard .screen i{display:block;background:rgba(255,255,255,.14);height:5px;width:85%;border-radius:4px;margin-top:9px}
.art-dashboard .screen i:last-child{width:53%}
.art-pricing{display:flex;align-items:flex-end;gap:8px;height:76px}
.art-pricing span{width:29px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 20%,transparent));border:1px solid color-mix(in srgb,var(--c) 38%,transparent)}
.art-pricing span:nth-child(1){height:30px;opacity:.4}.art-pricing span:nth-child(2){height:44px;opacity:.55}.art-pricing span:nth-child(3){height:58px;opacity:.72}.art-pricing span:nth-child(4){height:76px}
.art-demo{width:144px;height:81px;border:1px solid color-mix(in srgb,var(--c) 50%,white);border-radius:12px;background:#0c1820;padding:11px;box-shadow:0 18px 30px -18px var(--c);transform:rotate(4deg)}
.art-demo .topdots{display:flex;gap:4px}
.art-demo .topdots i{width:5px;height:5px;border-radius:100%;background:var(--c)}
.art-demo .play{border-radius:50%;margin:6px auto;display:grid;place-items:center;width:35px;height:35px;color:#001b20;background:var(--c);font-weight:900;font-size:.93rem}
.home-end{display:flex;justify-content:center;gap:16px;padding:20px 0 8px;color:var(--mut);font-size:.77rem;flex-wrap:wrap}
.home-end a{color:#d5dfdc;text-decoration:none}
.home-end a:hover{text-decoration:underline}
.page-body .sh{margin-bottom:16px}
.page-body .steps,.page-body .bento{margin-bottom:28px}
.page-body .price{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))!important;gap:14px}
.page-body .plan{padding:22px;min-width:0}
.page-body .plan .amt{font-size:2.75rem}
.page-body section{padding-top:0;margin-bottom:36px}
.page-body .faq{max-width:880px}
.page-body .faq details{margin-bottom:6px}
.page-body .live{max-width:1120px;margin:auto}
.page-body .live-view{height:min(71vh,800px)}
.page-body .page-notice{font-size:.85rem;color:var(--mut);line-height:1.65;max-width:850px}
.site-footer{padding:12px 0 25px;border-top:1px solid rgba(255,255,255,.08);font-size:.78rem;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;color:var(--mut)}
.site-footer nav{display:flex;gap:16px;flex-wrap:wrap}
.site-footer a{color:inherit;text-decoration:none}
.site-footer a:hover{color:white}
@media(min-width:1060px) and (min-height:750px){.home-grid-wrap{min-height:calc(100svh - 156px)}.nav-card{min-height:296px}.nav-art{height:101px}}
@media(max-width:1080px){.nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nav-card{min-height:224px}.nav-art{height:70px}.home-grid-wrap{min-height:auto;padding-top:40px}.home-head h1{font-size:clamp(3rem,7vw,5rem)}}
@media(max-width:980px){.site-menu{display:block}.nav a.l{display:none}}
@media(max-width:650px){.nav-grid{gap:11px}.nav-card{padding:16px;min-height:210px;border-radius:20px}.nav-card h2{font-size:1.65rem}.nav-card p{font-size:.77rem}.nav-art{height:65px;margin:6px 0}.art-flow span{width:27px;height:32px;font-size:.65rem}.art-flow i{width:6px}.art-dashboard{transform:scale(.82) rotate(-5deg)}.art-demo{transform:scale(.78) rotate(4deg)}.art-pricing{transform:scale(.8);transform-origin:bottom center}.home-head{text-align:left}.home-head .cta{justify-content:flex-start}.home-head .lede{margin:0 0 16px}.home-head h1{font-size:3.3rem}.nav .in{gap:8px}.nav .btn.sm.am{display:none}.page-shell{padding-top:35px}.page-body .price{grid-template-columns:1fr 1fr!important}.page-body .plan{padding:16px}.page-body .plan .amt{font-size:2.25rem}.page-body .plan ul{font-size:.8rem}}
@media(max-width:370px){.nav-grid,.page-body .price{grid-template-columns:1fr!important}.nav-card{min-height:160px}.nav-art{height:55px}}
@media(prefers-reduced-motion:reduce){.nav-card:hover{transform:none}}


/* ──────────────────────────────────────────────────────────────────────────
   ARKHE: THE LUXURY FUTURIST ART DIRECTION
   Bespoke vector environment, metallic orb, precision HUD, dark glass.
   The visual remains decorative; every graphic destination is a real link.
   ────────────────────────────────────────────────────────────────────────── */
:root{--bg:#06080e;--ink:#f4f4ef;--mut:#a0abb9;--tl:#afd5dd;--am:#edc18c;--vi:#bba8dc;--gl:rgba(15,23,35,.65);--ed:rgba(194,211,221,.13)}
body{background:#070911}
body .room{background:
 linear-gradient(90deg,rgba(6,8,14,.92) 0%,rgba(6,9,16,.62) 48%,rgba(7,9,16,.43) 100%),
 url('/assets/arkhe-atmosphere.svg') center top/cover no-repeat,
 radial-gradient(ellipse at 66% 28%,rgba(37,77,99,.18),transparent 58%),#06080e}
body .room::after{opacity:.1;background-size:80px 80px}
.glass{background:linear-gradient(150deg,rgba(245,250,255,.08),rgba(220,236,248,.012) 55%),rgba(12,17,25,.64);border-color:rgba(190,211,227,.16);box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 32px 78px -50px #000}
.nav{margin-top:14px;max-width:1370px;padding:0 22px}
.nav .in{background:rgba(13,18,28,.76);box-shadow:0 14px 46px -34px #000, inset 0 1px 0 rgba(244,228,194,.13);border:1px solid rgba(242,213,171,.2);padding:10px 16px}
.brand b{color:#f5ede0;letter-spacing:.39em;font-size:.94rem}
.nav .brand .lgw{filter:drop-shadow(0 0 7px rgba(235,199,151,.3))}
.nav a.l{font-size:.8rem;letter-spacing:.025em}
.nav a.l:hover{color:#f5d9b4}
.nav .btn.sm.am{background:linear-gradient(135deg,#f5e7cb 0%,#dfb682 50%,#a77b48 100%);box-shadow:0 9px 32px -17px rgba(233,195,143,.85);color:#131015}
.btn{border-color:rgba(195,220,235,.22);background:rgba(19,29,41,.55)}
.btn.am{background:linear-gradient(127deg,#fff1d3,#edc18d 47%,#bb8958);box-shadow:0 18px 46px -24px rgba(248,199,133,.75);color:#121012}
.btn:hover{box-shadow:0 18px 34px -24px #fff}
.arkhe-luxe .home-grid-wrap{padding:18px 0 10px;min-height:calc(100svh - 122px);justify-content:flex-start}
.home-immersive{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.03fr;align-items:center;min-height:clamp(405px,50svh,620px);padding:54px 16px 45px;border-bottom:1px solid rgba(232,205,161,.16)}
.home-immersive::before{content:"";pointer-events:none;position:absolute;inset:0;z-index:-2;
background:radial-gradient(ellipse 43% 66% at 73% 52%,rgba(97,129,157,.14),transparent 72%),
linear-gradient(90deg,rgba(6,9,15,.84) 0%,rgba(6,9,15,.53) 50%,transparent 100%)}
.home-immersive::after{content:"";pointer-events:none;position:absolute;inset:20px 0;z-index:-1;
background:
linear-gradient(to right,rgba(225,188,139,.24) 0,rgba(225,188,139,.24) 1px,transparent 1px) 0 0/100% 100% no-repeat,
linear-gradient(to right,rgba(225,188,139,.14) 0,rgba(225,188,139,.14) 1px,transparent 1px) 100% 0/100% 100% no-repeat;
opacity:.3}
.home-hud-top{position:absolute;top:18px;left:19px;right:19px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#a3b8c4;font:500 .6rem/1.5 var(--mono);letter-spacing:.14em}
.home-hud-top>span{display:inline-flex;align-items:center;gap:9px}
.status-pulse{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e8bb87;box-shadow:0 0 12px #edbf85;animation:pulse 3s ease-in-out infinite}
.home-hud-index{opacity:.72}
.arkhe-luxe .home-head{margin:0;max-width:600px;text-align:left;position:relative;z-index:4;padding:16px 0 0 20px}
.arkhe-luxe .home-head .kick{font-size:.59rem;letter-spacing:.19em;border-color:rgba(246,211,165,.27);background:rgba(230,189,143,.06);color:#eccda8}
.arkhe-luxe .home-head .kick i{background:#edca97;box-shadow:0 0 11px #edbb84}
.arkhe-luxe .home-head h1{font-family:var(--serif);font-size:clamp(3.85rem,6.3vw,7rem);line-height:.89;letter-spacing:-.025em;font-weight:400;color:#f4f0eb;margin:20px 0 20px;text-wrap:balance;text-shadow:0 8px 40px rgba(0,0,0,.3)}
.arkhe-luxe .home-head h1 em{font-style:italic;color:#eaca9b;text-shadow:0 0 42px rgba(229,194,141,.21)}
.arkhe-luxe .home-head .lede{color:#bdc9d0;font-size:clamp(.9rem,1.24vw,1.07rem);line-height:1.7;max-width:31rem;margin:0 0 24px}
.arkhe-luxe .home-head .lede strong{color:#f8e4c8;font-weight:600}
.arkhe-luxe .home-head .cta{justify-content:flex-start;gap:10px}
.arkhe-luxe .home-head .cta .btn{font-size:.85rem;letter-spacing:.02em;padding:15px 21px}
.hero-metrics{display:flex;align-items:center;gap:13px;margin-top:39px;color:#91a4b6;font:.63rem/1.3 var(--mono);letter-spacing:.015em;flex-wrap:wrap}
.hero-metrics b{color:#edcda1;font-weight:600;font-size:.73rem;margin-right:3px}
.hero-metrics i{height:13px;width:1px;background:rgba(234,202,162,.3)}
.hero-vision{position:relative;grid-column:2;grid-row:1;height:clamp(365px,44svh,595px);pointer-events:none;z-index:2;transform:translateX(-1%)}
.hero-vision-glow{position:absolute;inset:1%;border-radius:50%;background:radial-gradient(ellipse,rgba(85,129,154,.27),rgba(25,42,63,.12) 49%,transparent 73%);filter:blur(35px);animation:corePulse 7s ease-in-out infinite alternate}
.hero-core-image{position:absolute;inset:-11% -5%;background:url('/assets/arkhe-core.svg') center center/contain no-repeat;filter:drop-shadow(0 14px 46px rgba(1,3,8,.65));animation:coreHover 10s ease-in-out infinite}
.hero-orbit{position:absolute;inset:17%;border:1px solid rgba(239,199,143,.14);border-radius:50%;box-shadow:inset 0 0 37px -34px #f9e0b3;transform:rotateX(60deg) rotate(-26deg)}
.hero-orbit-b{inset:9%;border-color:rgba(175,217,237,.16);transform:rotateX(74deg) rotate(49deg);animation:orbitShift 18s linear infinite}
.hero-scanline{position:absolute;top:20%;bottom:10%;left:48%;width:1px;background:linear-gradient(transparent,rgba(182,226,239,.4),transparent);opacity:.23}
.hero-datum{position:absolute;display:flex;align-items:center;gap:10px;font:.57rem/1.3 var(--mono);letter-spacing:.15em;color:#b3c2d1}
.hero-datum b{color:#f1d5a9;font-weight:600}
.hero-datum-top{top:12%;right:6%}
.hero-datum-bottom{bottom:9%;right:6%;font-size:.51rem}
.hero-active-dot{color:#87dcc6;font-size:.6rem}
.hero-label{position:absolute;display:flex;align-items:center;gap:10px;font:.52rem/1.48 var(--mono);letter-spacing:.14em;color:#afc2d0;background:rgba(9,18,27,.45);padding:8px 10px;border:1px solid rgba(176,215,237,.14);border-radius:9px;backdrop-filter:blur(7px)}
.hero-label i{width:6px;height:6px;background:#e0bd8d;border-radius:50%;box-shadow:0 0 9px #e2b77e}
.hero-label-one{left:3%;top:22%}
.hero-label-two{right:0;top:62%}
.hero-rail{position:absolute;bottom:13px;left:20px;right:20px;display:flex;justify-content:space-between;gap:15px;color:#718294;font:500 .56rem/1.2 var(--mono);letter-spacing:.14em}
.home-section-rule{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 17px 13px;font:.61rem/1.3 var(--mono);letter-spacing:.18em;color:#d1b88f}
.home-section-rule span:last-child{color:#77899a}
.arkhe-luxe .nav-grid{gap:13px}
.arkhe-luxe .nav-card{min-height:215px;padding:20px 19px 15px;border-radius:22px;border:1px solid rgba(227,216,196,.18);
background:radial-gradient(ellipse at 78% -18%,color-mix(in srgb,var(--c) 19%,transparent),transparent 61%),
linear-gradient(154deg,rgba(223,233,247,.073),rgba(9,15,25,.67) 58%,rgba(12,20,28,.92));
box-shadow:inset 0 1px 0 rgba(239,236,226,.15),0 26px 32px -30px #000;transition:transform .35s ease,box-shadow .35s,border-color .3s}
.arkhe-luxe .nav-card::before{content:"";position:absolute;top:0;left:14%;width:72%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--c) 45%,#fff),transparent);opacity:.4}
.arkhe-luxe .nav-card::after{content:"";position:absolute;bottom:-40%;right:-8%;width:190px;height:190px;background:radial-gradient(circle,color-mix(in srgb,var(--c) 11%,transparent),transparent 72%);border-radius:50%;pointer-events:none}
.arkhe-luxe .nav-card:hover{transform:translateY(-7px);border-color:color-mix(in srgb,var(--c) 55%,#c7c0b7);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 30px 50px -26px color-mix(in srgb,var(--c) 23%,#000)}
.arkhe-luxe .nav-card .nav-eyebrow{font-size:.55rem;letter-spacing:.17em;color:color-mix(in srgb,var(--c) 60%,#fff)}
.arkhe-luxe .nav-card h2{font:400 1.9rem/1 var(--serif);color:#f8f4eb;margin:6px 0 6px}
.arkhe-luxe .nav-card p{font-size:.75rem;color:#a9b8c4;max-width:27ch}
.arkhe-luxe .nav-card .go{font-size:.7rem;color:#e7d8c0;letter-spacing:.03em}
.arkhe-luxe .nav-card .nav-art{height:72px;margin:5px 0 8px;filter:drop-shadow(0 9px 9px rgba(0,0,0,.35))}
.arkhe-luxe .nav-card .nav-art span{border-color:color-mix(in srgb,var(--c) 65%,#566778)}
.arkhe-luxe .home-end{font-size:.68rem;color:#8093a3;padding-top:13px}
@keyframes coreHover{0%,100%{transform:translateY(-6px) rotate(-1deg)}50%{transform:translateY(6px) rotate(1deg)}}
@keyframes corePulse{from{opacity:.67;transform:scale(.94)}to{opacity:1;transform:scale(1.08)}}
@keyframes orbitShift{to{transform:rotateX(74deg) rotate(409deg)}}
@media(min-width:1150px) and (max-height:850px){
.arkhe-luxe .home-grid-wrap{padding-top:5px}
.home-immersive{min-height:430px;padding-top:44px;padding-bottom:29px}
.hero-vision{height:435px}.arkhe-luxe .nav-card{min-height:170px;padding:15px 18px 11px}
.arkhe-luxe .nav-card .nav-art{height:48px;margin:2px 0}.arkhe-luxe .nav-card h2{font-size:1.65rem}
.arkhe-luxe .home-end{padding:8px 0}
}
@media(max-width:1080px){
.home-immersive{min-height:410px;padding:45px 0 36px}
.arkhe-luxe .home-head{padding-left:14px}
.arkhe-luxe .home-head h1{font-size:clamp(3.45rem,6.2vw,5.5rem)}
.hero-metrics{margin-top:25px;gap:8px}
.hero-vision{height:390px}
.arkhe-luxe .nav-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.arkhe-luxe .nav-card{min-height:187px;padding:16px}
.arkhe-luxe .nav-card h2{font-size:1.62rem}
.arkhe-luxe .nav-card .nav-art{height:54px}
.arkhe-luxe .nav-card p{font-size:.71rem}
}
@media(max-width:810px){
.home-immersive{grid-template-columns:1fr;min-height:610px;align-content:end}
.arkhe-luxe .home-head{max-width:600px;padding:0 7px 13px;align-self:end}
.hero-vision{position:absolute;inset:-15px -16% auto 25%;height:400px;z-index:0;opacity:.62}
.home-immersive::before{z-index:1;background:linear-gradient(0deg,#050811 2%,rgba(5,8,16,.95) 29%,rgba(7,9,17,.4) 65%,rgba(7,9,17,.05))}
.home-immersive::after{display:none}
.home-head{z-index:3}
.home-hud-top{z-index:3}
.hero-rail{z-index:3}
.arkhe-luxe .home-head h1{font-size:clamp(4rem,9.3vw,6.8rem)}
.arkhe-luxe .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.arkhe-luxe .nav-card{min-height:198px}
.arkhe-luxe .home-grid-wrap{min-height:auto}
.hero-label{display:none}
}
@media(max-width:600px){
.home-immersive{min-height:610px;padding:42px 2px 35px}
.hero-vision{height:390px;inset:-36px -28% auto 5%;opacity:.54}
.arkhe-luxe .home-head{padding:0 5px 14px}
.arkhe-luxe .home-head h1{font-size:clamp(3.45rem,12vw,5.2rem);line-height:.93;margin:13px 0}
.arkhe-luxe .home-head .lede{font-size:.88rem;margin-bottom:16px;max-width:29rem}
.arkhe-luxe .home-head .cta .btn{padding:12px 15px;font-size:.78rem}
.arkhe-luxe .home-head .kick{font-size:.52rem;letter-spacing:.08em}
.hero-metrics{margin-top:20px;font-size:.53rem;gap:8px}
.hero-metrics b{font-size:.64rem}
.hero-datum{display:none}
.home-hud-top{font-size:.48rem;letter-spacing:.08em;left:7px;right:7px}
.home-hud-index{display:none!important}
.hero-rail{font-size:.46rem;left:8px;right:8px}
.arkhe-luxe .nav-card{min-height:191px;padding:14px;border-radius:17px}
.arkhe-luxe .nav-card .nav-art{height:55px}
.arkhe-luxe .nav-card h2{font-size:1.54rem}
.arkhe-luxe .nav-card p{font-size:.7rem;line-height:1.4}
.arkhe-luxe .nav-card .go{font-size:.68rem}
.arkhe-luxe .home-end{padding:14px 4px 5px}
.home-section-rule{padding:14px 4px;font-size:.54rem}
}
@media(max-width:390px){
.arkhe-luxe .nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.arkhe-luxe .nav-card{min-height:180px}
.arkhe-luxe .nav-card .nav-art{height:45px}
.arkhe-luxe .nav-card p{font-size:.65rem}
}
@media(prefers-reduced-motion:reduce){.hero-core-image,.hero-vision-glow,.hero-orbit,.status-pulse{animation:none!important}}


/* Matching high-end visual language across destination pages */
.page-shell{position:relative;isolation:isolate}
.page-intro{position:relative;max-width:none;min-height:290px;margin:0 0 32px;padding:24px 40% 44px 10px;border-bottom:1px solid rgba(225,197,153,.19);isolation:isolate}
.page-intro::before{content:"";position:absolute;right:-25px;top:-90px;width:min(52vw,490px);height:385px;z-index:-1;background:url('/assets/arkhe-core.svg') center/contain no-repeat;opacity:.49;filter:drop-shadow(0 0 25px rgba(178,210,237,.1));pointer-events:none}
.page-intro::after{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse 38% 85% at 72% 43%,rgba(46,77,95,.21),transparent 90%)}
.page-intro .return{font:600 .68rem/1.5 var(--mono);letter-spacing:.09em;color:#e0bd8f}
.page-intro .kick{font:.63rem var(--mono);border-color:rgba(218,191,153,.3);color:#ebca9f;background:rgba(195,153,100,.07)}
.page-intro .kick i{background:#eec68d}
.page-intro h1{font-size:clamp(3.6rem,6.6vw,6.4rem);max-width:730px;text-shadow:0 6px 30px #000}
.page-intro h1 em{color:#edc89d}
.page-intro p{font-size:1rem;max-width:570px;color:#b9c8d2}
.page-body .cell,.page-body .step,.page-body .plan{border-color:rgba(209,205,190,.17);background:linear-gradient(145deg,rgba(213,233,243,.075),rgba(13,24,37,.53) 65%),rgba(11,15,26,.59)}
.page-body .cell::before,.page-body .step::before,.page-body .plan::before{content:"";display:block;position:absolute;top:0;left:17%;width:66%;height:1px;background:linear-gradient(90deg,transparent,rgba(244,222,189,.4),transparent);pointer-events:none}
.page-body .cell{position:relative}
.page-body .cell .tag{font-size:.62rem}
.page-body .step h3{color:#f7eee1}
.page-body .plan.hot{background:radial-gradient(ellipse at 10% 0%,rgba(227,181,117,.24),transparent 67%),linear-gradient(160deg,rgba(230,208,175,.085),rgba(10,18,29,.76)),#0b111c;border-color:rgba(228,184,123,.4)}
.page-body .plan a.btn{padding:12px 15px;justify-content:center;white-space:normal}
.page-body .plan .amt{color:#faecda}
.page-body .faq details{background:rgba(16,25,38,.73);border-color:rgba(209,216,233,.14)}
.page-body .live{background:linear-gradient(147deg,rgba(236,219,184,.09),rgba(10,18,33,.9))}
.site-footer{border-top-color:rgba(225,201,166,.15);color:#8092a2}
.site-footer a:hover{color:#ead0aa}
@media(max-width:810px){
.page-intro{padding-right:27%;min-height:270px}
.page-intro::before{right:-12%;top:-3%;width:62vw;height:340px;opacity:.3}
}
@media(max-width:600px){
.page-intro{padding:20px 0 31px;min-height:auto}
.page-intro::before{width:79vw;height:240px;right:-40%;top:-35px;opacity:.17}
.page-intro h1{font-size:clamp(3.4rem,12vw,4.8rem)}
.page-intro p{font-size:.92rem}
}


/* ARKHE EXPERIENCE — embedded product showcase, not a static mockup */
.experience-showcase{position:relative;isolation:isolate;padding:20px 12px 34px;margin:12px 0 8px}
.experience-showcase::before{content:"";position:absolute;inset:0 -4% 2%;z-index:-1;background:
 radial-gradient(ellipse 48% 42% at 72% 48%,rgba(170,201,225,.15),transparent 85%),
 radial-gradient(ellipse 45% 25% at 25% 15%,rgba(229,183,128,.09),transparent 87%);
 filter:blur(24px);pointer-events:none}
.experience-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}
.experience-heading>div:first-child{max-width:670px}
.experience-kicker{display:flex;align-items:center;gap:12px;color:#d5b688;font:600 .63rem/1.5 var(--mono);letter-spacing:.13em}
.experience-indicator,.experience-status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#84dcca;box-shadow:0 0 13px rgba(132,220,202,.62);flex:none}
.experience-kicker-line{height:1px;width:32px;background:linear-gradient(90deg,#d9b98b,transparent)}
.experience-heading h2{font:400 clamp(2.7rem,5.4vw,5rem)/.96 var(--serif);letter-spacing:-.018em;color:#f4f2eb;margin:12px 0 10px}
.experience-heading h2 em{color:#e8c195}
.experience-heading p{color:#abbac5;font-size:.91rem;line-height:1.65;max-width:650px;margin:0}
.experience-heading p strong{color:#eee1c7;font-weight:600}
.experience-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;justify-content:flex-end;padding-bottom:8px}
.experience-actions .btn{font-size:.76rem;padding:12px 15px;border-radius:12px;white-space:nowrap}
.experience-actions .btn:focus-visible{outline:3px solid #b8e4ed;outline-offset:3px}
.experience-expand{font:600 .76rem var(--sans)}
.experience-machine{position:relative;isolation:isolate;overflow:hidden;padding:10px 10px 0;background:
 linear-gradient(164deg,rgba(215,223,224,.16),transparent 20%,rgba(227,198,155,.04) 51%,rgba(33,50,65,.18)),
 linear-gradient(120deg,#17212d,#0a0e17 44%,#151c28 80%,#10141b);
 border:1px solid rgba(238,209,165,.38);
 border-top-color:rgba(244,220,190,.61);
 border-radius:24px;box-shadow:0 50px 90px -65px rgba(0,0,0,.94),0 0 75px -55px rgba(210,176,132,.5),
 inset 0 1px 0 rgba(255,255,255,.21),inset 0 -2px 12px rgba(2,6,12,.7)}
.experience-machine::before{content:"";pointer-events:none;position:absolute;top:0;left:8%;right:8%;height:1px;background:linear-gradient(90deg,transparent,rgba(250,222,179,.75),transparent)}
.experience-machine::after{content:"";pointer-events:none;position:absolute;inset:10px;z-index:-1;border-radius:18px;background:radial-gradient(ellipse at 70% 20%,rgba(151,203,223,.1),transparent 68%)}
.experience-ambient{pointer-events:none;position:absolute;z-index:-2;inset:0;background:url('/assets/arkhe-atmosphere.svg') center/cover no-repeat;opacity:.18}
.experience-topbar{display:flex;align-items:center;gap:16px;min-height:43px;padding:0 14px 9px;color:#cfdfe7;font:500 .65rem var(--mono);letter-spacing:.1em}
.experience-os-brand{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.experience-diamond{color:#e8c396;font-size:1.1rem;line-height:.8}
.experience-os-brand b{color:#e6c296;font-weight:600}
.experience-os-brand small{font-size:.58rem;color:#849cb0;letter-spacing:.15em;margin-left:7px}
.experience-top-status{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;color:#a2c4c7;font-size:.55rem;white-space:nowrap}
.experience-top-status .experience-status-dot{width:6px;height:6px}
.experience-version{color:#7992a7}
.experience-icon-link{display:grid;place-items:center;width:28px;height:28px;min-width:28px;border-radius:7px;border:1px solid rgba(213,224,234,.17);background:rgba(255,255,255,.03);color:#f2d2a3;text-decoration:none;font-size:1.05rem}
.experience-icon-link:hover{background:rgba(232,194,141,.1);border-color:rgba(232,194,141,.42)}
.experience-viewport{position:relative;overflow:hidden;background:#050b18;height:clamp(430px,57vw,700px);border-radius:14px;border:1px solid rgba(198,212,231,.21);box-shadow:inset 0 0 20px #03070d,0 0 0 1px rgba(0,0,0,.4)}
.experience-viewport::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 38px rgba(4,9,18,.2);pointer-events:none}
.experience-viewport iframe{position:absolute;inset:0;border:0;transform-origin:top left;background:#061023}
.experience-bottom{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 9px;color:#829aab;font:500 .58rem var(--mono);letter-spacing:.05em}
.experience-bottom>div{display:inline-flex;align-items:center;gap:7px}
.experience-bottom b{color:#d8dfde;font-weight:600}
.experience-bottom-action{color:#bda47f;letter-spacing:.14em}
.experience-machine:fullscreen{width:100vw;height:100dvh;border-radius:0;padding:8px;background:#080c14;border:0;display:flex;flex-direction:column}
.experience-machine:fullscreen .experience-viewport{flex:1;height:auto;min-height:0}
.experience-machine:fullscreen .experience-topbar{flex:none}
.experience-machine:fullscreen .experience-bottom{flex:none}
.experience-machine:fullscreen iframe{transform-origin:top left}
.experience-machine:-webkit-full-screen{width:100vw;height:100vh;border-radius:0;padding:8px;display:flex;flex-direction:column}
.experience-machine:-webkit-full-screen .experience-viewport{flex:1;height:auto;min-height:0}
.experience-machine:-webkit-full-screen .experience-topbar,.experience-machine:-webkit-full-screen .experience-bottom{flex:none}
@media(max-width:1024px){
 .experience-heading{align-items:start;flex-direction:column;gap:16px}
 .experience-actions{justify-content:flex-start}
 .experience-viewport{height:clamp(400px,69vw,650px)}
}
@media(max-width:650px){
 .experience-showcase{padding:12px 1px 22px;margin-top:0}
 .experience-heading{gap:11px;margin-bottom:15px}
 .experience-heading h2{font-size:clamp(2.65rem,11vw,4rem);margin:9px 0}
 .experience-heading p{font-size:.81rem}
 .experience-kicker{font-size:.51rem;letter-spacing:.06em;gap:7px}
 .experience-actions{gap:7px;width:100%}
 .experience-actions .btn{font-size:.72rem;padding:11px 12px;flex:1;justify-content:center}
 .experience-machine{border-radius:17px;padding:5px 5px 0}
 .experience-viewport{height:470px;border-radius:10px}
 .experience-topbar{min-height:34px;padding:0 7px 5px;gap:8px}
 .experience-os-brand{font-size:.55rem;gap:5px}
 .experience-os-brand small,.experience-version{display:none}
 .experience-top-status{font-size:.47rem;gap:5px}
 .experience-icon-link{width:23px;height:23px;min-width:23px}
 .experience-bottom{font-size:.48rem;padding:8px 6px;min-height:32px;gap:6px}
 .experience-bottom-action{display:none}
}
@media(max-width:365px){.experience-top-status{font-size:.42rem}.experience-viewport{height:420px}}
@media(prefers-reduced-motion:reduce){.experience-showcase *{scroll-behavior:auto}}

.experience-exit{display:none;background:rgba(234,196,146,.12);border:1px solid rgba(234,196,146,.35);border-radius:8px;padding:6px 11px;color:#f6dec1;font:600 .68rem var(--sans);cursor:pointer;white-space:nowrap}
.experience-machine:fullscreen .experience-exit,.experience-machine:-webkit-full-screen .experience-exit{display:inline-flex;margin-left:10px}
.experience-exit:focus-visible{outline:3px solid #badce3;outline-offset:2px}


/* Fifth homepage destination — wide luxury Profit Calculator centerpiece */
.arkhe-luxe .nav-grid .nav-profit-feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,.52fr);gap:26px;align-items:center;min-height:184px;padding:22px 30px;
background:radial-gradient(ellipse 37% 100% at 84% 64%,rgba(240,191,119,.17),transparent 78%),linear-gradient(120deg,#1b2025,#0c1118 60%,#182127);border:1px solid rgba(245,215,168,.38);
box-shadow:inset 0 1px 0 rgba(255,232,195,.3),0 22px 48px -39px rgba(232,199,136,.35);position:relative}
.arkhe-luxe .nav-profit-feature::before{left:12%;width:76%;background:linear-gradient(90deg,transparent,rgba(253,220,166,.64),transparent)}
.nav-profit-copy{display:flex;flex-direction:column;align-items:flex-start;gap:5px;position:relative;z-index:2}
.nav-profit-copy .nav-eyebrow{font-size:.59rem}
.arkhe-luxe .nav-profit-copy h2{font:400 clamp(2rem,3.4vw,3.25rem)/.98 var(--serif);margin:6px 0;color:#f9ecd9}
.arkhe-luxe .nav-profit-copy h2 em{color:#e8bc83}
.arkhe-luxe .nav-profit-copy p{max-width:670px;color:#bdc8cb;font-size:.82rem;line-height:1.55}
.nav-profit-copy .go{margin:2px 0 0!important;padding-top:8px!important;color:#f3d09b!important;font-size:.74rem!important}
.nav-profit-art{position:relative;min-height:145px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(244,211,170,.14);border-radius:18px;background:
radial-gradient(ellipse at 42% 70%,rgba(230,183,113,.14),transparent 72%),
linear-gradient(145deg,rgba(250,210,143,.04),rgba(18,27,36,.76));isolation:isolate}
.nav-profit-art::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.7%,rgba(201,177,138,.08) 50%,transparent 50.3%),
linear-gradient(0deg,transparent 49.7%,rgba(201,177,138,.08) 50%,transparent 50.3%);background-size:35px 35px;opacity:.53}
.nav-profit-coins{position:absolute;bottom:14px;left:12%;display:flex;align-items:flex-end;gap:5px}
.nav-profit-coins span{display:block;width:27px;height:10px;border:1px solid #f0dcb7;border-radius:50%/35%;background:linear-gradient(175deg,#f7e6c6,#a57c49);box-shadow:0 -2px 0 #9c7745,0 -5px 0 #e2c28e,0 -7px 0 #a37747}
.nav-profit-coins span:nth-child(2){height:16px;transform:translateY(-6px)}
.nav-profit-coins span:nth-child(3){height:23px;transform:translateY(-12px)}
.nav-profit-curve{position:absolute;inset:13% 7% 11%;display:grid;place-items:center}
.nav-profit-curve svg{height:100%;max-width:100%;filter:drop-shadow(0 0 7px rgba(244,200,142,.26))}
.nav-profit-label{position:absolute;top:13px;left:13px;display:flex;justify-content:space-between;align-items:center;gap:10px;right:13px;font:500 .56rem/1.4 var(--mono);letter-spacing:.1em;color:#d4bb94}
.nav-profit-label b{font:700 .85rem/1 var(--mono);color:#fbe0b4;white-space:nowrap}
@media(max-width:800px){
.arkhe-luxe .nav-grid .nav-profit-feature{grid-template-columns:minmax(0,1fr) minmax(130px,.56fr);padding:19px;gap:12px}
.nav-profit-art{min-height:154px}
}
@media(max-width:600px){
.arkhe-luxe .nav-grid .nav-profit-feature{grid-template-columns:1fr;min-height:0;padding:19px}
.nav-profit-art{min-height:135px;width:100%}
.arkhe-luxe .nav-profit-copy h2{font-size:2.4rem}
}
@media(prefers-reduced-motion:reduce){.nav-profit-curve svg{animation:none}}

/* ---------- Features: detailed profit report + mini website previews ---------- */
.pl .pl-card{margin-top:auto;padding:16px;border-radius:18px;background:rgba(8,11,18,.6);border:1px solid rgba(245,180,84,.2)}
.pl-biz{display:flex;align-items:center;gap:10px}.pl-biz b{display:block;font:600 .95rem/1.2 var(--sans);color:#fff}.pl-biz small{color:var(--mut);font-size:.74rem}
.pl-av{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:700 .9rem var(--sans);color:#1a1206;background:linear-gradient(135deg,#ffd58f,var(--am))}
.pl-k{display:block;font:600 .62rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#d4ae76}
.pl-gap{margin-top:16px}
.pl-big{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap}
.pl-big b{display:block;margin-top:6px;font:400 2.6rem/1 var(--serif);color:#fff;font-variant-numeric:tabular-nums}.pl-big b small{font:500 .8rem var(--sans);color:var(--mut);margin-left:4px}
.pl-yr{text-align:right}.pl-yr b{font-size:1.5rem;color:var(--am)}
.pl-row{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(60px,1fr) auto auto;align-items:center;gap:10px;margin-top:9px;font-size:.8rem;color:#d7dcdc}
.pl-row.two{grid-template-columns:minmax(0,1.5fr) minmax(60px,1fr) 2.6em}
.pl-row b{font:600 .85rem var(--sans);color:#fff;text-align:right;font-variant-numeric:tabular-nums}.pl-row small{color:var(--mut);font-size:.72rem;min-width:4.4em;text-align:right}
.pl-bar{height:8px;border-radius:8px;background:rgba(255,255,255,.07);overflow:hidden}
.pl-bar i{display:block;height:100%;width:0;border-radius:8px;background:linear-gradient(90deg,#ff8a5c,var(--am));transition:width 1.4s cubic-bezier(.2,.8,.2,1) .2s}
.pl-bar.dim i{background:rgba(255,255,255,.35)}
.pl.counted .pl-bar i,.pl.static .pl-bar i{width:var(--w)}
.pl-foot{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.pl-chip{font:500 .72rem/1 var(--sans);padding:6px 9px;border-radius:999px;border:1px solid rgba(255,255,255,.12);color:#d7dcdc}
.pl-chip.ok{color:#7ff0c8;border-color:rgba(127,240,200,.3);background:rgba(127,240,200,.07)}
.sites span{min-width:0;height:250px;border-radius:14px;border:1px solid rgba(255,255,255,.14);transform:rotateY(14deg);background:linear-gradient(180deg,rgba(8,9,10,.15),rgba(8,9,10,.55)),var(--g);display:flex;flex-direction:column;gap:9px;padding:12px;box-shadow:0 20px 40px -20px #000;overflow:hidden}
.sites span:nth-child(3){transform:rotateY(-14deg)}
.sites em{font-style:normal;display:block}
.sites .sn{display:flex;align-items:center;gap:6px;font:700 .62rem/1 var(--sans);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sites .sn i{flex:none;width:12px;height:12px;border-radius:4px;background:var(--a)}
.sites .sh{font:400 1.05rem/1.1 var(--serif);color:#fff;margin-top:8px}
.sites .sb{display:flex;gap:5px;flex-wrap:wrap}.sites .sb i{font:600 .55rem/1 var(--sans);font-style:normal;padding:5px 7px;border-radius:999px;background:var(--a);color:#0b0d10}.sites .sb i.o{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.4)}
.sites .sp{flex:1;border-radius:9px;background:linear-gradient(160deg,rgba(255,255,255,.22),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.12)}
.sites .ss{font:600 .6rem/1 var(--sans);color:#ffd58f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sites .ss small{color:rgba(255,255,255,.75);font-weight:500}
@media (max-width:560px){.pl-yr{text-align:left}.pl-row{grid-template-columns:minmax(0,1fr) auto auto}.pl-row .pl-bar{grid-column:1/-1;grid-row:2}.pl-row.two{grid-template-columns:minmax(0,1fr) auto}.pl-big b{font-size:2.2rem}.sites span{height:190px;padding:9px}.sites .sh{font-size:.85rem}}
@media (prefers-reduced-motion:reduce){.pl-bar i{transition:none}}

/* ---------- Phone polish: no sideways scrolling, real side margins, clean menu ---------- */
body{overflow-x:clip}
.page-intro{overflow-x:clip}
.page-shell.wrap{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
.site-menu summary::after{content:none}
@media (max-width:560px){.brand b{display:inline;font-size:.74rem;letter-spacing:.24em}}
/* Phones: one plan per row so prices and features read cleanly. */
@media (max-width:560px){.page-body .price{grid-template-columns:1fr!important}.page-body .plan{padding:20px}}