/* v6: 2026 layer - bento, motion, glass, command palette */
@view-transition{navigation:auto}
:root{--ring:conic-gradient(from 180deg,#1d6bff,#5ac8fa,#a78bfa,#1d6bff)}
body{font-feature-settings:"ss01","cv11";text-rendering:optimizeLegibility}
h1,h2{text-wrap:balance}p{text-wrap:pretty}
::selection{background:#1d6bff;color:#fff}

/* motion */
@media(scripting:enabled) and (prefers-reduced-motion:no-preference){
 .rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
 .rv.in{opacity:1;transform:none}
 .pgrid2 .pc:nth-child(4n+2){transition-delay:.06s}.pgrid2 .pc:nth-child(4n+3){transition-delay:.12s}.pgrid2 .pc:nth-child(4n+4){transition-delay:.18s}
}

/* header: glass pill feel */
.nav{background:rgba(255,255,255,.72);backdrop-filter:saturate(1.8) blur(18px);border-bottom:1px solid #0b1b3a10}
.kbtn{display:none;align-items:center;gap:10px;background:#f1f5fc;border:1px solid var(--line);color:var(--mut);border-radius:999px;padding:9px 12px 9px 14px;font:500 .85rem Inter,sans-serif;cursor:pointer;transition:.2s}
.kbtn:hover{border-color:var(--brand);color:var(--ink);background:#fff}.kbtn .ic{width:16px;height:16px}.kbtn kbd{font:600 .68rem Inter;background:#fff;border:1px solid var(--line);border-radius:6px;padding:2px 6px;color:var(--mut)}
@media(min-width:1021px){.kbtn{display:inline-flex}.nav .navsearch{display:none!important}}

/* hero: living mesh */
.hero{position:relative;isolation:isolate;background:#050e24;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(100deg,#050e24f5 0,#050e24d0 45%,#050e2470 100%),url(/img/hero.jpg) center/cover;filter:saturate(1.1)}
.hero::after{content:"";position:absolute;z-index:-1;inset:-20%;background:radial-gradient(40% 40% at 20% 30%,#1d6bff55,transparent 60%),radial-gradient(35% 35% at 80% 20%,#7c5cff44,transparent 60%),radial-gradient(30% 30% at 60% 90%,#00c2ff33,transparent 60%);animation:drift 18s ease-in-out infinite alternate;pointer-events:none}
@keyframes drift{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.hero h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;letter-spacing:-.04em}
.hero h1 em{background:linear-gradient(90deg,#9fd3ff,#6aa8ff 40%,#b9a4ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .eyebrow{display:inline-flex;align-items:center;gap:8px;background:#ffffff14;border:1px solid #ffffff26;border-radius:999px;padding:6px 14px;backdrop-filter:blur(8px);letter-spacing:.12em;color:#cfe3ff}
.hero .eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:#3ddc97;box-shadow:0 0 0 4px #3ddc9733}
.finder{background:#ffffffe6;backdrop-filter:blur(24px) saturate(1.6);border:1px solid #ffffff99;position:relative}
.finder::before{content:"";position:absolute;inset:-1.5px;border-radius:22px;padding:1.5px;background:var(--ring);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.55;pointer-events:none;animation:spin 8s linear infinite}
@property --a{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes spin{to{filter:hue-rotate(360deg)}}
.btn-gold{background:linear-gradient(135deg,#2a7bff,#1252e8);box-shadow:0 10px 30px #1d6bff55,inset 0 1px 0 #ffffff40}
.btn-gold:hover{background:linear-gradient(135deg,#3a86ff,#1a5cf5)}

/* marquee */
.marquee{overflow:hidden;margin:34px 0 0;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.marquee>div{display:flex;gap:14px;width:max-content;animation:mq 60s linear infinite}.marquee:hover>div{animation-play-state:paused}
.marquee span{white-space:nowrap;font-weight:650;color:var(--mut);font-size:.95rem;padding:8px 18px;border:1px solid var(--line);border-radius:999px;background:#fff}
@keyframes mq{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.marquee>div,.hero::after,.finder::before{animation:none}}

/* bento */
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(170px,auto);gap:16px}
.bt{position:relative;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;transition:box-shadow .3s,border-color .3s}
.bt::before,.pc::before{content:"";position:absolute;inset:0;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),#1d6bff1f,transparent 70%);opacity:0;transition:opacity .3s;pointer-events:none;z-index:1}
.bt:hover::before,.pc:hover::before{opacity:1}.bt:hover{border-color:#bcd3fb;box-shadow:0 20px 50px #0b1b3a1a}
.bt h3{margin:0;font-size:1.15rem}.bt p{margin:0;color:var(--mut);font-size:.92rem}.bt>.ic{width:34px;height:34px;color:var(--brand);margin-bottom:auto}
.bt-photo{grid-column:span 2;grid-row:span 2;color:#fff;justify-content:flex-end;border:0}.bt-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1s}.bt-photo:hover img{transform:scale(1.05)}
.bt-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050e24ee,#050e2400 65%)}.bt-photo div{position:relative;z-index:2}.bt-photo h3{color:#fff;font-size:1.6rem}.bt-photo p{color:#d3e2fa}
.bt-stat,.bt-stat2{justify-content:space-between}.bt b{font-size:clamp(3rem,5vw,4.4rem);letter-spacing:-.05em;line-height:1;background:linear-gradient(135deg,#0b1b3a,#1d6bff);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}.bt b i{font-style:normal}
.bt span{color:var(--mut);font-weight:550;font-size:.92rem}
.bt-wide{grid-column:span 2}.terms{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.terms span{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:700;color:var(--ink2)}
.bt-blue{grid-column:span 2;background:linear-gradient(135deg,#0f4fd6,#1d6bff 55%,#6b8cff);color:#fff;border:0}.bt-blue h3{color:#fff;font-size:1.5rem}.bt-blue p{color:#dbe8ff}.bt-blue>.ic{color:#fff}.bt-blue a{color:#fff;font-weight:700;display:inline-flex;gap:6px;align-items:center;margin-top:8px}.bt-blue a .ic{width:16px;height:16px}
@media(max-width:900px){.bento{grid-template-columns:1fr 1fr}.bt-photo,.bt-wide,.bt-blue{grid-column:span 2}.bt-photo{grid-row:span 1;min-height:260px}}
@media(max-width:560px){.bento{grid-template-columns:1fr}.bt-photo,.bt-wide,.bt-blue{grid-column:auto}}

/* cards v6 */
.pc{border-radius:24px;border-color:#e6ecf7}.pc-img{margin:8px 8px 0;border-radius:18px;aspect-ratio:4/3}.pc-img em{backdrop-filter:blur(10px)}
.pc-body{padding:14px 20px 20px}.pc>*{position:relative;z-index:2}
.pc:hover{transform:translateY(-6px)}
.areas a{border-radius:22px}
.sechead h2{font-size:clamp(1.8rem,3.2vw,2.8rem);letter-spacing:-.035em}
.steps4 li{border-radius:24px;background:linear-gradient(180deg,#f7faff,#fff)}
.trustbar{border-radius:24px}
.ctaband{border-radius:36px;margin:40px 20px 0;max-width:1280px;margin-inline:auto;position:relative;overflow:hidden}
.ctaband::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,#ffffff30,transparent 45%);pointer-events:none}
.ctaband .wrap{position:relative}
.foot{margin-top:60px}

/* command palette */
.kpal{position:fixed;inset:0;z-index:200;background:#050e2499;backdrop-filter:blur(8px);display:none;align-items:flex-start;justify-content:center;padding:12vh 16px}.kpal.open{display:flex;animation:fadein .15s}
@keyframes fadein{from{opacity:0}}
.kbox{width:min(640px,100%);background:#fff;border-radius:22px;box-shadow:0 40px 120px #02081c88;overflow:hidden;animation:pop .2s cubic-bezier(.2,.8,.2,1)}@keyframes pop{from{transform:translateY(10px) scale(.98);opacity:0}}
.kbox input{border:0;border-bottom:1px solid var(--line);border-radius:0;padding:20px 24px;font-size:1.1rem;background:#fff;color:var(--ink)}.kbox input:focus{outline:none}
.klist{max-height:46vh;overflow:auto;padding:8px}.klist a{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 16px;border-radius:12px;color:var(--ink)!important}.klist a b{font-weight:650}.klist a span{color:var(--mut);font-size:.82rem;text-align:right}.klist a em{grid-column:1/3;font-style:normal;color:var(--brand);font-size:.76rem}
.klist a.on,.klist a:hover{background:#eaf2ff;text-decoration:none}.klist p{padding:18px;color:var(--mut)}
.khint{display:flex;gap:16px;padding:10px 20px;background:var(--soft);border-top:1px solid var(--line);font-size:.75rem;color:var(--mut)}

/* controlled notice */
.ctl{display:flex;gap:10px;background:#fff7e6;border:1px solid #f3d38a;color:#6b4a00;border-radius:12px;padding:12px 14px;margin:12px 0;font-size:.85rem}.ctl .ic{flex:none;color:#b7791f}.ctl p{margin:0}

/* product page polish */
.pdp-main{border-radius:28px}.buybox{border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff)}.pdp-tabs{border-radius:0}
.cartrow,.cartsum{border-radius:22px}