:root{--bg:#07040d;--bg2:#0e0817;--s1:#130c20;--s2:#1b1230;--l1:rgba(255,255,255,.09);--l2:rgba(255,255,255,.16);--tx:#f5f1ff;--mu:#a79fbf;
--paper:#fff;--soft:#f6f3fb;--ink:#120a20;--imu:#5f5774;--iline:#e7e1f2;--v:#7c3aed;--v2:#a78bfa;--v3:#c4b5fd;--deep:#2e1065;
--fd:'Bricolage Grotesque','Inter',system-ui,sans-serif;--fb:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;--fm:'IBM Plex Mono',ui-monospace,Menlo,monospace;
--gut:clamp(1.1rem,4vw,2.5rem);--maxw:1200px;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font:400 clamp(1rem,.96rem + .15vw,1.06rem)/1.65 var(--fb);-webkit-font-smoothing:antialiased;overflow-x:hidden;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4{margin:0;font-family:var(--fd);font-weight:700;letter-spacing:-.035em;line-height:1.02;text-wrap:balance}p{margin:0;text-wrap:pretty}ul{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--v2);outline-offset:3px;border-radius:6px}
.w{width:min(var(--maxw),100% - 2*var(--gut));margin-inline:auto}
.lab,.pill{font:500 .72rem/1 var(--fm);letter-spacing:.14em;text-transform:uppercase}
/* floating nav */
header.top{position:fixed;top:14px;left:0;right:0;z-index:50;pointer-events:none;padding-inline:var(--gut)}
.nb{pointer-events:auto;max-width:var(--maxw);margin-inline:auto;display:flex;align-items:center;gap:.8rem;padding:.5rem .55rem .5rem 1rem;border-radius:999px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(1.6) blur(16px);backdrop-filter:saturate(1.6) blur(16px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 40px -10px rgba(18,10,32,.35);color:var(--ink)}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;font:800 1.15rem var(--fd)}.wm{letter-spacing:.14em;text-transform:uppercase;font-weight:800}.logo svg{width:30px;height:30px}
.nav{display:flex;gap:.1rem;margin-left:auto;margin-right:.4rem}.nav a{text-decoration:none;font-weight:500;font-size:.95rem;padding:.55rem .9rem;border-radius:999px;color:#3b3252}.nav a:hover,.nav a[aria-current]{background:#efe9fb;color:var(--ink)}
.menu{display:none;background:none;border:0;width:42px;height:42px;border-radius:50%;font-size:1.2rem;cursor:pointer}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:3rem;padding:.7rem 1.4rem;border-radius:999px;border:0;background:var(--ink);color:#fff;font:600 .97rem var(--fb);text-decoration:none;cursor:pointer;white-space:nowrap;transition:transform .25s var(--ease),box-shadow .25s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px rgba(124,58,237,.6)}.btn:active{transform:none}.btn.sm{min-height:2.6rem;padding:.45rem 1.15rem;font-size:.92rem}
.btn.v{background:linear-gradient(135deg,#7c3aed,#9d5cf5);box-shadow:0 8px 24px -8px rgba(124,58,237,.7)}.btn.w2{background:#fff;color:var(--ink)}.btn.g{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px var(--l2)}.btn.g:hover{background:rgba(255,255,255,.14)}
.btn.o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--iline)}.btn.o:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}
.row{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}.row.c{justify-content:center}
/* hero */
.hero{position:relative;background:var(--bg);color:var(--tx);overflow:hidden;isolation:isolate;padding:clamp(7rem,13vw,10rem) 0 0;text-align:center}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 50% 0,rgba(124,58,237,.55),transparent 70%),radial-gradient(40% 40% at 85% 30%,rgba(192,132,252,.18),transparent 70%),radial-gradient(40% 40% at 10% 40%,rgba(99,102,241,.18),transparent 70%)}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(var(--l1) 1px,transparent 1px),linear-gradient(90deg,var(--l1) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(70% 60% at 50% 0,#000,transparent);-webkit-mask-image:radial-gradient(70% 60% at 50% 0,#000,transparent);opacity:.7}
.ann{display:inline-flex;align-items:center;gap:.6rem;padding:.4rem .5rem .4rem .95rem;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--l2);font-size:.88rem;text-decoration:none;color:#e6dcff;margin-bottom:1.6rem}
.ann b{background:#fff;color:var(--ink);border-radius:999px;padding:.25rem .7rem;font-weight:600;font-size:.8rem}
.hero h1{font-size:clamp(2.8rem,1.4rem + 6.2vw,6.4rem);max-width:13em;margin:0 auto 1.4rem;font-weight:800;letter-spacing:-.045em}
.hero h1 em{font-style:normal;background:linear-gradient(100deg,#c4b5fd,#f0abfc 60%,#fbcfe8);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lede{font-size:clamp(1.05rem,1rem + .5vw,1.35rem);color:var(--mu);max-width:40rem;margin:0 auto 2.2rem}
.hero .note{font-size:.85rem;color:#7d7497;margin-top:1.1rem}
.stage{position:relative;margin:clamp(2.5rem,6vw,4.5rem) auto 0;max-width:1080px}
.stage::before{content:"";position:absolute;inset:8% 6% -10%;background:radial-gradient(closest-side,rgba(124,58,237,.7),transparent);filter:blur(40px);z-index:-1}
.tagline{position:absolute;right:14px;bottom:-14px;z-index:3;background:var(--v);color:#fff;font:500 .66rem var(--fm);letter-spacing:.14em;text-transform:uppercase;padding:.45rem .7rem;border-radius:999px}
/* app mock (shared) */
.win{border-radius:16px;overflow:hidden;background:#fff;color:var(--ink);box-shadow:0 0 0 1px var(--l2),0 40px 120px -20px rgba(0,0,0,.7);text-align:left;font-size:12px;line-height:1.4}
.win .bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f1edf8;border-bottom:1px solid var(--iline)}.win .bar i{width:10px;height:10px;border-radius:50%;background:#d6cdea}.win .bar span{margin-left:10px;flex:1;max-width:260px;background:#fff;border-radius:6px;padding:3px 10px;font-size:11px;color:#8a82a0}
.app{display:grid;grid-template-columns:168px minmax(0,1fr)}
.app .sb{background:#0c0716;color:#cbbfe6;padding:16px 12px;display:flex;flex-direction:column;gap:2px}
.app .sb b{color:#fff;font:700 14px var(--fd);padding:0 8px 2px}.app .sb small{display:block;padding:0 8px 14px;font:500 8.5px var(--fm);letter-spacing:.14em;text-transform:uppercase;color:#8a8a94}
.app .sb a{display:block;padding:7px 8px;border-radius:7px;color:#cbbfe6;text-decoration:none}.app .sb a.on{background:#6d28d9;color:#fff}
.app .mn{background:#f6f4fa;padding:18px;display:grid;gap:12px;align-content:start;min-width:0}
.app h4{font:700 20px var(--fd);letter-spacing:-.03em}.app .mn>p{color:#6b6480;margin-top:-8px}
.kp{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.kp div{background:#fff;border:1px solid var(--iline);border-radius:10px;padding:10px 12px}.kp div.d{background:#0c0716;color:#fff;border-color:#0c0716}
.kp small{display:block;font:500 8px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:#8a82a0}.kp div.d small{color:#a79fbf}.kp b{font:700 20px var(--fd);letter-spacing:-.03em}
.two2{display:grid;grid-template-columns:1.2fr 1fr;gap:10px}
.cd{background:#fff;border:1px solid var(--iline);border-radius:10px;padding:12px}.cd>small{display:block;font:500 8px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:#8a82a0;margin-bottom:8px}
.bars{display:flex;align-items:flex-end;gap:6px;height:84px}.bars i{flex:1;border-radius:3px 3px 0 0;background:#7c3aed}.bars i:nth-child(even){background:#c4b5fd}
.ln{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--iline)}.ln:first-of-type{border-top:0}.ln .av{width:22px;height:22px;border-radius:50%;background:#ede8fe;color:#5b21b6;display:grid;place-items:center;font:700 8px var(--fb);flex:none}.ln span{flex:1;min-width:0}.ln em{font-style:normal;color:#8a82a0}
.bd{display:inline-block;padding:2px 7px;border-radius:99px;font-size:9.5px;font-weight:600;background:#e3f6ee;color:#0b6b4a}.bd.wr{background:#fdf1d8;color:#8a5200}.bd.p{background:#ede8fe;color:#5b21b6}.bd.r{background:#fde7e8;color:#a31f28}
.prog{height:5px;border-radius:3px;background:#ece7f6;overflow:hidden;margin-top:5px}.prog i{display:block;height:100%;background:#7c3aed}
/* marquee */
.mq{padding:2.2rem 0;background:var(--bg);overflow:hidden;border-top:1px solid var(--l1)}
.mq .t{display:flex;gap:2.8rem;width:max-content;animation:mq 38s linear infinite;color:#8d84a8;font:600 1.15rem var(--fd);letter-spacing:-.02em}.mq .t span{display:inline-flex;align-items:center;gap:2.8rem;white-space:nowrap}.mq .t span::after{content:"";width:6px;height:6px;border-radius:50%;background:var(--v)}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.sec{padding-block:clamp(4rem,8vw,7rem)}.sec.soft{background:var(--soft)}.sec.dark{background:var(--bg);color:var(--tx)}
.hd{max-width:46rem;margin:0 auto clamp(2.2rem,5vw,4rem);text-align:center;display:grid;gap:1rem;justify-items:center}
.pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border-radius:999px;background:#efe9fb;color:#5b21b6}.dark .pill{background:rgba(255,255,255,.07);color:#cdbfff;box-shadow:inset 0 0 0 1px var(--l2)}
.hd h2{font-size:clamp(2.2rem,1.3rem + 3.6vw,4.2rem)}.hd p{font-size:clamp(1.05rem,1rem + .3vw,1.25rem);color:var(--imu);max-width:36rem}.dark .hd p{color:var(--mu)}
/* bento */
.bento{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
.bt{background:#fff;border:1px solid var(--iline);border-radius:24px;padding:clamp(1.3rem,2.4vw,2rem);display:flex;flex-direction:column;gap:1.1rem;overflow:hidden;min-width:0;position:relative;transition:transform .35s var(--ease),box-shadow .35s}
.bt:hover{transform:translateY(-4px);box-shadow:0 24px 50px -24px rgba(91,33,182,.35)}
.bt h3{font-size:1.5rem;letter-spacing:-.03em}.bt p{color:var(--imu);font-size:.98rem;max-width:30rem}
.bt.a{grid-column:span 4}.bt.b{grid-column:span 2}.bt.c{grid-column:span 2}.bt.d{grid-column:span 2}.bt.e{grid-column:span 2}.bt.f{grid-column:span 3}.bt.g2{grid-column:span 3}
.bt.dk{background:linear-gradient(160deg,#1b0f3a,#0e0817);color:#fff;border-color:#2a1d44}.bt.dk p{color:#b5a9d6}
.bt .vis{margin-top:auto;border-radius:14px;background:var(--soft);border:1px solid var(--iline);padding:14px;font-size:12px}
.bt.dk .vis{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#e9e2ff}
.sw{display:flex;gap:8px}.sw i{flex:1;height:44px;border-radius:12px}
.code{display:flex;gap:8px;justify-content:center}.code b{width:34px;height:44px;border-radius:10px;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);display:grid;place-items:center;font:600 1.2rem var(--fm)}
.kn{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.kn div{background:#fff;border:1px solid var(--iline);border-radius:10px;padding:8px;display:grid;gap:6px}.kn small{font:500 8px var(--fm);letter-spacing:.12em;text-transform:uppercase;color:#8a82a0}.kn i{display:block;background:#f1edf8;border-radius:6px;padding:6px 8px;font-style:normal}
/* tabs */
.tabs{display:inline-flex;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07);box-shadow:inset 0 0 0 1px var(--l2);margin:0 auto 2.6rem;flex-wrap:wrap;justify-content:center}
.tabs button{border:0;background:none;color:#cbbfe6;font:600 .95rem var(--fb);padding:.65rem 1.2rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.tabs button[aria-selected=true]{background:#fff;color:var(--ink)}
.pn{display:none;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,4rem);align-items:center;text-align:left}.pn.on{display:grid;animation:fi .5s var(--ease)}
@keyframes fi{from{opacity:0;transform:translateY(12px)}}
.pn h3{font-size:clamp(1.7rem,1.2rem + 1.8vw,2.6rem);margin-bottom:1rem}.pn p{color:var(--mu);margin-bottom:1.2rem}.pn ul{display:grid;gap:.7rem;color:#e0d8f5}.pn li{display:flex;gap:.7rem;align-items:flex-start}.pn li::before{content:"";flex:none;width:1.1rem;height:1.1rem;margin-top:.25rem;border-radius:50%;background:var(--v) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}
.tabwrap{text-align:center}
.pg{display:grid;grid-template-columns:1fr 1fr;min-height:300px}.pg .l{background:#0a0a0a;color:#fff;padding:22px;display:flex;flex-direction:column;justify-content:space-between}.pg .l h5{font:800 24px/1.05 var(--fd);letter-spacing:-.04em;margin:0}.pg .l .m{display:flex;gap:6px;align-items:center;font:700 12px var(--fd)}.pg .l .m i{width:20px;height:20px;background:#7c3aed;display:block}
.pg .r{padding:22px;display:flex;flex-direction:column;justify-content:center;gap:9px}.pg .r h5{font:800 20px var(--fd);letter-spacing:-.03em;margin:0}.pg .in{height:30px;border:1px solid #cfc7e2;background:#fff}.pg .go{height:32px;background:#7c3aed;color:#fff;display:grid;place-items:center;font-weight:600}
/* steps */
.st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.st>div{border-radius:24px;padding:clamp(1.4rem,2.4vw,2rem);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--l1)}
.st b{display:block;font:800 clamp(3rem,5vw,4.4rem)/1 var(--fd);letter-spacing:-.05em;background:linear-gradient(180deg,#c4b5fd,rgba(196,181,253,.15));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1rem}
.st h3{font-size:1.4rem;margin-bottom:.5rem}.st p{color:var(--mu);font-size:.98rem}
/* plans */
.plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.plan{border-radius:24px;padding:clamp(1.5rem,2.6vw,2.2rem);display:flex;flex-direction:column;gap:1.2rem;background:#fff;border:1px solid var(--iline)}
.plan .n{display:flex;justify-content:space-between;align-items:center;font:700 1.15rem var(--fd);letter-spacing:-.02em}.plan .n em{font:500 .66rem var(--fm);letter-spacing:.12em;text-transform:uppercase;font-style:normal;background:#fff;color:var(--ink);padding:.35rem .6rem;border-radius:99px}
.plan .p{font:800 3.4rem/1 var(--fd);letter-spacing:-.05em}.plan .p small{font:500 .9rem var(--fb);letter-spacing:0;color:var(--imu)}
.plan ul{display:grid;gap:.7rem;flex:1;font-size:.98rem}.plan li{display:flex;gap:.7rem}.plan li::before{content:"";flex:none;width:1.05rem;height:1.05rem;margin-top:.28rem;border-radius:50%;background:#ede8fe url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.8' fill='none' stroke='%235b21b6' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100%}
.plan .btn{width:100%}
.plan.hl{background:linear-gradient(165deg,#2a1457,#0e0817 70%);color:#fff;border-color:#4c2d8f;box-shadow:0 30px 80px -30px rgba(124,58,237,.7)}.plan.hl .p small{color:#b5a9d6}.plan.hl li::before{background-color:#7c3aed;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.2l2.3 2.3 4.7-4.8' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* faq */
.faq{display:grid;max-width:50rem;margin:0 auto;gap:10px}.faq details{border-radius:18px;background:#fff;border:1px solid var(--iline);padding:0 1.4rem}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:1.5rem;align-items:center;padding:1.2rem 0;font:600 1.05rem var(--fb)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";font:400 1.5rem var(--fm);color:var(--v);transition:transform .3s}.faq details[open] summary::after{transform:rotate(45deg)}.faq p{padding:0 0 1.3rem;color:var(--imu)}
/* cta */
.cta{position:relative;overflow:hidden;isolation:isolate;border-radius:32px;padding:clamp(3rem,7vw,6rem) clamp(1.4rem,4vw,3rem);text-align:center;color:#fff;background:#0e0817}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(70% 90% at 50% 120%,#8b5cf6,transparent 70%),radial-gradient(50% 60% at 10% 0,rgba(192,132,252,.35),transparent 70%),radial-gradient(40% 60% at 95% 10%,rgba(99,102,241,.35),transparent 70%)}
.cta h2{font-size:clamp(2.4rem,1.3rem + 4.4vw,5rem);max-width:12em;margin:0 auto 1.1rem}.cta p{color:#cfc3ee;max-width:32rem;margin:0 auto 2rem;font-size:1.15rem}
/* inner pages */
.ph{padding:clamp(8rem,13vw,10.5rem) 0 clamp(2.5rem,5vw,4rem);background:var(--soft);text-align:center}.ph .w{display:grid;gap:1.1rem;justify-items:center}.ph h1{font-size:clamp(2.6rem,1.3rem + 5vw,5rem);max-width:13em}.ph p.l{font-size:1.2rem;color:var(--imu);max-width:36rem}
.ph .lab{display:inline-flex;padding:.5rem .8rem;border-radius:999px;background:#efe9fb;color:#5b21b6}.ph .lab b{display:none}
.prose{max-width:46rem;margin-inline:auto}.prose h2{font-size:1.5rem;margin:2.4rem 0 .6rem;letter-spacing:-.02em}.prose p,.prose li{color:#3b3252}.prose p+p{margin-top:.9rem}.prose ul{list-style:disc;padding-left:1.2rem;display:grid;gap:.4rem}
form.f{display:grid;gap:1rem;max-width:40rem;margin-inline:auto;background:#fff;border:1px solid var(--iline);border-radius:24px;padding:clamp(1.3rem,3vw,2rem)}label{font:600 .85rem var(--fb);display:grid;gap:.45rem;color:#3b3252}
input,select,textarea{width:100%;padding:.8rem .95rem;border:1px solid #d9d0ec;border-radius:12px;font:400 1rem var(--fb);background:#fff;color:var(--ink)}input:focus,select:focus,textarea:focus{outline:3px solid #c4b5fd;outline-offset:0;border-color:var(--v)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.msg{padding:.85rem 1rem;border-radius:12px;font-size:.95rem}.msg.ok{background:#e3f6ee;color:#0b5a3d}.msg.bad{background:#fde7e8;color:#8e1b22}
/* footer */
footer{background:var(--bg);color:var(--mu);padding:clamp(3rem,6vw,5rem) 0 1.5rem;position:relative;overflow:hidden}
footer .cols{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:2rem;padding-bottom:2.5rem}footer h4{font:500 .72rem var(--fm);letter-spacing:.14em;text-transform:uppercase;color:#7d7497;margin-bottom:1rem}footer a{display:block;text-decoration:none;padding:.3rem 0}footer a:hover{color:#fff}footer .logo{color:#fff;padding:0}
footer .big{font:800 clamp(5rem,22vw,17rem)/.8 var(--fd);letter-spacing:.02em;background:linear-gradient(180deg,rgba(196,181,253,.28),rgba(196,181,253,0));-webkit-background-clip:text;background-clip:text;color:transparent;text-align:center;margin:1rem 0 .5rem;user-select:none}
footer .small{font-size:.85rem;color:#7d7497;display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--l1);padding-top:1.3rem}
/* motion */
.rv{opacity:0;transform:translateY(24px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.mq .t{animation:none}.btn,.bt{transition:none}.btn:hover,.bt:hover{transform:none}html{scroll-behavior:auto}.pn.on{animation:none}}
@media(max-width:980px){.bento{grid-template-columns:repeat(2,minmax(0,1fr))}.bt.a,.bt.f,.bt.g2{grid-column:span 2}.bt.b,.bt.c,.bt.d,.bt.e{grid-column:span 1}.pn{grid-template-columns:1fr}.plans,.st{grid-template-columns:1fr}.app{grid-template-columns:130px minmax(0,1fr)}}
@media(max-width:820px){.nav{display:none;position:absolute;left:var(--gut);right:var(--gut);top:calc(100% + 8px);background:#fff;border-radius:24px;box-shadow:0 20px 50px -10px rgba(18,10,32,.4);flex-direction:column;padding:.6rem;margin:0}.nav.open{display:flex;pointer-events:auto}.nav a{padding:.9rem 1rem;font-size:1rem}.menu{display:block;margin-left:auto}.nb>.btn{display:none}footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.bento{grid-template-columns:1fr}.bt.a,.bt.b,.bt.c,.bt.d,.bt.e,.bt.f,.bt.g2{grid-column:span 1}.app{grid-template-columns:1fr}.app .sb{display:none}.kp{grid-template-columns:1fr 1fr}.two2{grid-template-columns:1fr}.two{grid-template-columns:1fr}.pg{grid-template-columns:1fr}.pg .l{min-height:140px}footer .cols{grid-template-columns:1fr}.tabs{border-radius:20px}.tabs button{flex:1 1 auto}}