@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/poppins-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/poppins-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-ext-700-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-latin-700-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/poppins-latin-ext-800-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/poppins-latin-800-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-ext-600-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Poppins';font-style:italic;font-weight:600;font-display:swap;src:url(../fonts/poppins-latin-600-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --bg:#07040F; --bg2:#0F0828; --ink:#EDEDF1; --muted:#A59FBF; --line:rgba(168,85,247,.22);
  --primary:#7B3FF2; --accent:#A855F7; --glow:#C084FC; --rose:#F0ABFC;
  --ok:#7EE0A8; --warn:#FFC36B; --bad:#FF8A9B;
  --f:'Poppins',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --hh:68px; --fh:78px;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-padding-top:84px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;
  background-image:radial-gradient(900px 600px at 82% 6%,rgba(123,63,242,.26),transparent 60%),radial-gradient(700px 520px at 0% 70%,rgba(168,85,247,.10),transparent 60%);background-repeat:no-repeat;background-attachment:fixed}
a{color:inherit}h1,h2,h3{margin:0;line-height:1.15;text-wrap:balance;font-weight:700}p{margin:0}
.wrap{max-width:1180px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
:focus-visible{outline:2px solid var(--rose);outline-offset:3px;border-radius:8px}
.skip{position:absolute;left:12px;top:-60px;z-index:100;background:var(--accent);color:#fff;padding:10px 16px;border-radius:10px;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
[hidden]{display:none!important}

/* üst çubuk */
header.top{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:rgba(7,4,15,.7)}
.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;height:var(--hh)}
.navr{justify-self:end}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:24px;letter-spacing:-.01em;justify-self:start}
.brand svg{width:44px;height:auto}.brand b{color:var(--accent)}
.tabs{position:relative;display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(15,8,40,.55)}
.tabs a{position:relative;z-index:1;padding:9px 18px;border-radius:999px;font-size:14px;color:var(--muted);text-decoration:none;white-space:nowrap;transition:color .2s}
.tabs a:hover,.tabs a[aria-current]{color:#fff}
.ind{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:linear-gradient(90deg,rgba(109,50,232,.6),rgba(168,85,247,.5));box-shadow:0 0 26px rgba(123,63,242,.5);opacity:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),width .5s cubic-bezier(.2,.8,.2,1),opacity .3s}
.tabs.has .ind{opacity:1}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:15px 28px;font:600 15px/1 var(--f);cursor:pointer;text-decoration:none;color:#fff;
  background:linear-gradient(90deg,#6D32E8,#A855F7);box-shadow:0 10px 30px rgba(123,63,242,.4);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(123,63,242,.55)}
.btn.s{padding:11px 22px;font-size:14px}
.btn.ghost{background:transparent;border:1.5px solid var(--primary);box-shadow:none;color:#EDE3FF}
.btn.ghost:hover{background:rgba(123,63,242,.14)}
.btn[aria-disabled="true"],.btn.dis{cursor:default;opacity:.85}
.btn.dis:hover{transform:none;box-shadow:0 10px 30px rgba(123,63,242,.4)}
.btn small{font-weight:500;opacity:.8;font-size:12px}

/* sahne: tek ekran */
.stagebox{position:relative;z-index:1;overflow-x:clip}
.pn>.wrap{min-height:100%;padding-block:24px}
h2{font-size:clamp(28px,3.6vw,44px);letter-spacing:-.02em}
.intro{color:var(--muted);margin-top:14px;max-width:36em;font-size:16px}
.intro a{color:var(--glow)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
.kicker{font-size:13px;color:var(--glow);font-weight:600}

/* ana */
.hero{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,4vw,60px);align-items:center}
.chip{display:inline-flex;gap:10px;align-items:center;font-size:13px;color:#D9C9FF;border:1px solid var(--line);background:rgba(123,63,242,.12);padding:7px 15px;border-radius:999px}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px rgba(126,224,168,.16)}
h1{font-size:clamp(40px,min(5.6vw,10.5dvh),78px);margin-top:22px;font-weight:800;letter-spacing:-.035em;line-height:1.03}
.lead{margin-top:22px;font-size:18px;color:var(--muted);max-width:27em}
.meta{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px 26px;color:var(--muted);font-size:13px}
.meta li{display:inline-flex;gap:8px;align-items:center}
.meta svg{width:16px;height:16px;stroke:var(--glow);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stage{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;min-width:0}
.stage::before{content:"";position:absolute;inset:6% 8% 24%;background:radial-gradient(closest-side,rgba(168,85,247,.5),transparent 70%);filter:blur(36px);z-index:0}
.bigmask{position:absolute;left:50%;top:44%;width:150%;max-width:none;height:auto;z-index:0;pointer-events:none;transform:translate(calc(-50% + var(--px,0)*1px),calc(-50% + var(--py,0)*1px));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.cap{position:relative;z-index:1;text-align:center;max-width:340px;min-height:62px}
.cap b{display:block;font-size:17px}
.cap span{display:block;font-size:14px;color:var(--muted);margin-top:2px}
.dots{position:relative;z-index:1;display:flex;gap:8px}
.dots button{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#3a3150;cursor:pointer;transition:all .25s}
.dots button[aria-current="true"]{width:26px;background:var(--accent)}
.cf{--w:max(150px,min(clamp(190px,21vw,300px),calc((100dvh - var(--hh) - var(--fh) - 170px)/1.5)));position:relative;z-index:1;width:100%;max-width:600px;height:calc(var(--w)*1.5 + 28px);overflow:hidden;touch-action:pan-y;border-radius:28px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.cf-i{position:absolute;left:50%;top:14px;width:var(--w);margin:0;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .6s,filter .5s;will-change:transform;cursor:pointer}
.cf-i img{display:block;width:100%;height:auto;border-radius:24px;border:1px solid rgba(168,85,247,.35);box-shadow:0 24px 60px rgba(0,0,0,.55),0 0 50px rgba(123,63,242,.35);user-select:none;-webkit-user-drag:none}
.cf-i.c{cursor:zoom-in}
.cf-b{position:absolute;top:50%;transform:translateY(-50%);z-index:30;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(15,8,40,.9);color:#fff;font-size:28px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.cf-b:hover{background:var(--accent)}.cf-b.prev{left:6px}.cf-b.next{right:6px}
dialog#lb{border:0;background:transparent;padding:0;max-width:none;max-height:none;width:100vw;height:100vh;margin:0;display:none;place-items:center}
dialog#lb[open]{display:grid}
dialog#lb::backdrop{background:rgba(3,1,10,.88);backdrop-filter:blur(6px)}
dialog#lb img{max-height:92vh;max-width:92vw;width:auto;height:auto;border-radius:20px;box-shadow:0 30px 90px rgba(123,63,242,.4)}
.lbx{position:fixed;top:18px;right:20px;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(15,8,40,.9);color:#fff;font-size:26px;cursor:pointer}

/* özellikler */
.split{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(28px,6vw,100px);align-items:center}
.fcol{max-width:520px}
.ftabs{margin-top:28px;display:grid;border-left:1px solid var(--line)}
.ftabs button{position:relative;display:flex;gap:16px;align-items:flex-start;text-align:left;width:100%;background:none;border:0;padding:13px 16px 13px 22px;color:var(--muted);cursor:pointer;font:inherit;transition:color .2s,background .3s}
.ftabs button::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:var(--glow);transform:scaleY(0);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.ftabs button[aria-selected="true"]{color:#fff;background:linear-gradient(90deg,rgba(123,63,242,.16),transparent)}
.ftabs button[aria-selected="true"]::before{transform:none}
.ftabs button:hover{color:#fff}
.ftabs .ic{flex:none;width:36px;height:36px;border-radius:12px;background:rgba(123,63,242,.2);display:grid;place-items:center}
.ic svg{width:19px;height:19px;stroke:var(--rose);fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.ftabs b{display:block;font-size:16px;font-weight:600}
.ftabs small{display:block;font-size:13.5px;line-height:1.5;margin-top:2px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .3s}
.ftabs button[aria-selected="true"] small{max-height:5em;opacity:1;color:var(--muted)}
.fview{--ph:clamp(320px,calc(100dvh - var(--hh) - var(--fh) - 70px),580px);position:relative;width:calc(var(--ph)/1.5);height:var(--ph)}
.fview::before{content:"";position:absolute;inset:8%;background:radial-gradient(closest-side,rgba(168,85,247,.5),transparent 70%);filter:blur(34px)}
.fp{position:absolute;inset:0;margin:0;opacity:0;transform:translateY(16px) scale(.97);transition:opacity .45s,transform .6s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.fp.on{opacity:1;transform:none}
.fp img{display:block;width:100%;height:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(168,85,247,.35);box-shadow:0 24px 60px rgba(0,0,0,.55)}
.plus{position:absolute;left:50%;bottom:-14px;transform:translateX(-50%);white-space:nowrap;font-size:12px;font-weight:600;color:#FFD98A;border:1px solid rgba(245,185,74,.45);background:#1A1030;border-radius:999px;padding:4px 12px}

/* ortalı paneller */
.mid{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.mid.left{align-items:stretch;text-align:left}
.mid .intro{margin-inline:auto}.mid.left .intro{margin-inline:0}

/* nasıl çalışır */
.path{list-style:none;margin:60px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;width:100%;max-width:960px}
.path::before,.path::after{content:"";position:absolute;left:16.6%;right:16.6%;top:27px;height:2px;border-radius:2px}
.path::before{background:var(--line)}
.path::after{background:linear-gradient(90deg,var(--primary),var(--glow));transform:scaleX(0);transform-origin:left}
.pn.on .path::after{transform:scaleX(1);transition:transform 1.2s .35s cubic-bezier(.4,0,.2,1)}
.path li{position:relative;z-index:1}
.node{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 18px;border-radius:50%;border:2px solid var(--primary);background:#0F0828;font-weight:800;font-size:20px;color:#fff;box-shadow:0 0 30px rgba(123,63,242,.4)}
.path h3{font-size:19px;font-weight:600}.path p{color:var(--muted);font-size:14.5px;margin-top:8px;max-width:19em;margin-inline:auto}

/* premium */
.seg{display:inline-flex;gap:2px;padding:4px;margin-top:26px;border:1px solid var(--line);border-radius:999px;background:rgba(15,8,40,.55)}
.seg button{position:relative;border:0;background:none;color:var(--muted);font:600 14px var(--f);padding:9px 20px;border-radius:999px;cursor:pointer;transition:color .2s,background .3s;display:inline-flex;gap:8px;align-items:center}
.seg button:hover{color:#fff}
.seg button[aria-checked="true"]{color:#fff;background:linear-gradient(90deg,rgba(109,50,232,.7),rgba(168,85,247,.6));box-shadow:0 0 22px rgba(123,63,242,.4)}
.seg em{font-style:normal;font-size:11px;font-weight:600;color:#7EE0A8}
.seg button[aria-checked="true"] em{color:#D8FFE8}
.price{display:flex;align-items:baseline;gap:6px;margin-top:16px}
.price b{font-size:clamp(34px,4vw,44px);font-weight:800;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}
.price span{font-weight:700;font-size:18px;color:#DCD3F5}.price small{color:var(--muted);font-size:14px}
.save{margin-top:6px;font-size:12.5px;color:var(--ok);min-height:1.5em}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:26px;align-items:stretch;width:100%;max-width:1020px;text-align:left}
.plan{position:relative;padding:24px 26px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,10,51,.8),rgba(10,5,32,.8))}
.plan h3{font-size:22px;font-weight:700}.plan .pd{color:var(--muted);font-size:14px;margin-top:4px}
.plan.hot{border-color:rgba(168,85,247,.7);background:radial-gradient(400px 200px at 50% 0,rgba(168,85,247,.28),transparent 70%),linear-gradient(180deg,#1B0F44,#0C0628);box-shadow:0 20px 60px rgba(123,63,242,.3)}
.badge{position:absolute;top:-12px;right:22px;background:linear-gradient(135deg,#7B3FF2,#A855F7);color:#fff;font:700 12px var(--f);padding:5px 12px;border-radius:999px}
.fine{margin-top:20px;font-size:13px;color:var(--muted);max-width:46em}
.flist{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.flist li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#DCD8EC}
.plan .flist{gap:7px}.plan .flist li{font-size:13.5px;line-height:1.35}
.flist svg{flex:none;width:20px;height:20px;stroke:var(--ok);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:1px}

/* güvenlik */
.split2{display:grid;grid-template-columns:.95fr 1.05fr;gap:clamp(28px,6vw,90px);align-items:center}
.tips{margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.tips h3{font-size:16px;font-weight:600}.tips .flist{margin-top:12px;font-size:14px;gap:8px}
.rows{display:grid}
.row{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}
.row:first-child{border-top:1px solid var(--line)}
.row svg{flex:none;width:24px;height:24px;stroke:var(--ok);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;margin-top:2px}
.row h3{font-size:16px;font-weight:600}.row p{color:var(--muted);font-size:14px;margin-top:3px}.row a{color:var(--glow)}

/* sss */
.faq{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin-top:30px;align-items:start}
details{border-bottom:1px solid var(--line);padding:16px 2px}
summary{cursor:pointer;font-weight:600;font-size:15.5px;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--glow);font-size:22px;line-height:1;transition:transform .25s}
details[open] summary::after{transform:rotate(45deg)}
details p{color:var(--muted);margin-top:10px;font-size:14.5px}details p a{color:var(--glow)}

/* indir */
.dl .dlogo svg{width:120px;height:auto;filter:drop-shadow(0 0 40px rgba(168,85,247,.8))}
.dl h2{margin-top:22px;max-width:16em}.dl .cta{justify-content:center}

body.home header.top{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
.after{margin-top:34px}
/* alt bilgi */
.foot{position:relative;z-index:2;border-top:1px solid var(--line);padding-block:11px 12px;background:rgba(7,4,15,.6)}
.frow{display:flex;justify-content:space-between;gap:8px 28px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}
.flinks{display:flex;flex-wrap:wrap;gap:4px 20px}
.flinks a{text-decoration:none}.flinks a:hover{color:#fff}
.legal{margin-top:6px;font-size:11.5px;color:#7D7894}

/* alt sekme çubuğu (mobil) */
.bar{display:none}
body::after{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(420px circle at var(--mx,70%) var(--my,30%),rgba(168,85,247,.12),transparent 70%);opacity:0;transition:opacity .4s}
html.hov body::after{opacity:1}

/* geçişler */
@keyframes pnIn{from{opacity:0;transform:translateX(var(--dx,24px))}to{opacity:1;transform:none}}
@media(min-width:901px){
  .js .pn{position:absolute;inset:0;overflow-y:auto;display:none;scrollbar-width:thin}
  .js .pn.on{display:block;animation:pnIn .55s cubic-bezier(.2,.8,.2,1) both}
  html.js body.home{height:100dvh;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto}
}
@media(min-width:901px) and (max-height:720px){.fcol .intro,.tips{display:none}.ftabs{margin-top:20px}.ftabs button{padding-block:8px}.lead{margin-top:14px}.cta{margin-top:22px}.meta{margin-top:20px}.row{padding-block:11px}.path{margin-top:36px}.plans{margin-top:28px}.faq{margin-top:20px}}
@media(min-width:901px) and (max-height:860px){#p-premium .intro{margin-top:8px}.seg{margin-top:16px}.plans{margin-top:18px}.plan{padding:20px 24px}.price{margin-top:10px}.flist{margin-top:12px;gap:6px}.fine{margin-top:14px}.pn>.wrap{padding-block:14px}}
@media(min-width:901px) and (max-height:720px){#p-premium .intro{display:none}.plan .pd{display:none}.save{min-height:0}#p-premium h2{font-size:28px}.plan{padding:16px 22px}.flist li{font-size:13.5px}.flist{gap:4px;margin-top:10px}.price b{font-size:32px}.seg{margin-top:12px}.seg button{padding:7px 16px}.plans{margin-top:14px}}
@media(max-width:1060px){.tabs a{padding:9px 13px;font-size:13px}}
@media(max-width:900px){
  :root{--hh:58px}
  .nav{grid-template-columns:1fr auto}.tabs{display:none}.brand svg{width:38px}.brand{font-size:21px}
  body{padding-bottom:calc(66px + env(safe-area-inset-bottom))}
  .js .pn{display:none}.js .pn.on{display:block;animation:pnIn .5s cubic-bezier(.2,.8,.2,1) both}
  .stagebox{min-height:calc(100dvh - var(--hh) - 66px)}
  .pn.on>.wrap{min-height:calc(100dvh - var(--hh) - 66px)}
  .hero{align-content:center}
  .hero{grid-template-columns:1fr;gap:26px}
  .hcopy{text-align:left}
  h1{font-size:clamp(40px,11vw,56px)}
  .cf{--w:max(130px,min(52vw,230px,calc((100dvh - 590px)/1.5)))}.cf-b{display:none}
  .meta{display:none}.lead{font-size:16px;margin-top:16px}.cta{margin-top:20px}h1{margin-top:16px}
  .cap{min-height:26px}.cap span{display:none}.stage{gap:10px}
  .split,.split2{grid-template-columns:1fr;gap:30px}
  .fview{order:-1;margin:0 auto;--ph:min(440px,calc(100vw*.78))}
  .path{grid-template-columns:1fr;gap:26px;margin-top:36px;max-width:420px}
  .path::before,.path::after{left:27px;right:auto;width:2px;top:30px;bottom:30px;height:auto}
  .path::after{transform:scaleY(0);transform-origin:top}.pn.on .path::after{transform:scaleY(1)}
  .path li{display:grid;grid-template-columns:56px 1fr;column-gap:18px;text-align:left}
  .node{grid-row:span 2;margin:0}.path p{margin:4px 0 0}
  .plans{grid-template-columns:1fr;margin-top:22px}
  .faq{grid-template-columns:1fr}
  .frow{font-size:12px}
  .bar{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(10,5,28,.92);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .bar a{display:grid;justify-items:center;gap:3px;padding:6px 0 5px;font-size:10.5px;line-height:1.2;color:var(--muted);text-decoration:none;border-radius:12px;transition:background .2s,color .2s}
  .bar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .bar a[aria-current]{color:#fff;background:rgba(123,63,242,.22)}.bar a[aria-current] svg{stroke:var(--glow)}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{
  :root{--bg:#fff;--ink:#000;--muted:#333;--line:#bbb}
  body{background:#fff!important;color:#000}
  header.top,.foot .flinks,.bar,.skip,.cta,.btn{display:none!important}
  .page h1,.page h2,.page h3,.page p,.page li{color:#000!important}.page a{color:#000;text-decoration:underline}
}

/* inner pages */
.page{padding-block:56px 40px;max-width:820px}
.page h1{font-size:clamp(32px,5vw,48px);margin-top:12px}
.page .upd{color:var(--muted);font-size:13px;margin-top:10px}
.page h2{font-size:22px;margin-top:40px;letter-spacing:-.01em}
.page p,.page li{color:#C9C5DA;font-size:15.5px}.page p{margin-top:12px}
.page ul{margin:12px 0 0;padding-left:20px;display:grid;gap:6px}
.page a:not(.btn){color:var(--glow)}
.page a.btn{color:#fff}
.note{margin-top:26px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(123,63,242,.1);font-size:14.5px;color:#DCD3F5}
.panel{max-width:460px;margin:56px auto;padding:34px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(180deg,rgba(123,63,242,.14),rgba(15,8,40,.7));box-shadow:0 30px 80px rgba(0,0,0,.45)}
.panel h1{font-size:28px;margin-top:0}.panel .sub{color:var(--muted);font-size:14.5px;margin-top:10px}
label{display:block;font-size:13px;font-weight:600;margin:22px 0 8px;color:#DCD3F5}
input[type=email],input[type=password],input[type=text]{width:100%;background:#15102B;border:1.5px solid #2E2552;border-radius:14px;padding:14px 16px;color:#fff;font:400 16px var(--f)}
input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px rgba(168,85,247,.2)}
.panel .btn{width:100%;margin-top:22px}
.msg{margin-top:18px;padding:13px 15px;border-radius:14px;font-size:14px;display:none}
.msg.on{display:block}.msg.ok{background:rgba(126,224,168,.12);color:var(--ok);border:1px solid rgba(126,224,168,.3)}
.msg.err{background:rgba(255,138,155,.1);color:var(--bad);border:1px solid rgba(255,138,155,.3)}
.msg.info{background:rgba(123,63,242,.14);color:#DCD3F5;border:1px solid var(--line)}
.hint{font-size:12.5px;color:var(--muted);margin-top:8px}
.show{background:none;border:0;color:var(--glow);font:600 12px var(--f);cursor:pointer;padding:0;margin-top:8px}
.back{display:block;text-align:center;margin-top:22px;font-size:14px;color:var(--muted);text-decoration:none}.back:hover{color:#fff}
[hidden]{display:none!important}
.mail{display:inline-flex;gap:10px;align-items:center;padding:14px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(15,8,40,.6);font-weight:600;word-break:break-all}
@media(min-width:901px) and (max-height:960px){#p-premium .intro{display:none}}
@media(min-width:901px) and (max-height:860px){.plan .pd{display:none}.plan .flist{gap:5px}.plan .flist li{font-size:13px;line-height:1.3}.plan{padding:18px 22px}.price b{font-size:36px}}