:root{--bg:#fbfaff;--ink:#1c1b3a;--mut:#5b5a7a;--v:#6c4cff;--c:#ff6b81;--m:#10c9a0;--s:#ffb534;--sky:#2fa8ff;--card:#fff;--ln:#e8e5f7;--r:18px;color-scheme:light}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{font:17px/1.65 'DM Sans',system-ui,sans-serif;color:var(--ink);background:var(--bg);overflow-x:hidden}
h1,h2,h3,.logo{font-family:'Outfit',system-ui,sans-serif;line-height:1.15}
.wrap{max-width:1140px;margin:auto;padding:0 20px}a{color:var(--v)}
.hdr{position:sticky;top:0;z-index:50;background:rgba(251,250,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--ln)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:66px}
.logo{font-size:1.4rem;font-weight:500;text-decoration:none;color:var(--ink);display:flex;gap:8px;align-items:center}.logo b{color:var(--v)}
.nav{display:flex;gap:22px;align-items:center}.nav a{text-decoration:none;color:var(--mut);font-weight:500}.nav a:hover{color:var(--v)}
.btn{display:inline-block;border:0;cursor:pointer;font:600 1rem 'DM Sans',sans-serif;color:#fff!important;background:linear-gradient(135deg,var(--v),var(--c));padding:14px 26px;border-radius:999px;text-decoration:none;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 22px rgba(108,76,255,.3)}
.btn:hover{transform:translateY(-2px)}.btn:disabled{opacity:.6}.btn-sm{padding:9px 18px}
.btn.ghost{background:#fff;color:var(--v)!important;border:2px solid var(--ln);box-shadow:none;padding:10px 18px}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}.burger span{display:block;width:24px;height:2px;background:var(--ink);margin:5px 0}
section{padding:84px 0}h2{font-size:clamp(1.8rem,4vw,2.6rem);margin-bottom:14px}.lead{color:var(--mut);max-width:640px;margin-bottom:40px}
.hero{padding:56px 0 80px;background:radial-gradient(600px 300px at 90% 0,#ffe3ea,transparent),radial-gradient(600px 400px at 0 20%,#e2dcff,transparent),radial-gradient(500px 300px at 60% 100%,#d4fbf0,transparent)}
.hero-g{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
h1{font-size:clamp(2.3rem,5.5vw,3.9rem);margin-bottom:18px}.hero p.lead{margin-bottom:26px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chips span{background:#fff;border:1px solid var(--ln);padding:6px 14px;border-radius:99px;font-size:.9rem;color:var(--mut)}
.card{background:var(--card);border:1px solid var(--ln);border-radius:var(--r);padding:26px;box-shadow:0 18px 50px rgba(108,76,255,.12)}
.rcard{position:relative;text-align:center;overflow:hidden}.ph{width:92px;height:168px;margin:0 auto 18px;border:5px solid var(--ink);border-radius:20px;position:relative;background:linear-gradient(160deg,#efe9ff,#ffe9ee);overflow:hidden}
.ph::before{content:"";position:absolute;top:6px;left:50%;width:26px;height:5px;border-radius:9px;background:var(--ink);transform:translateX(-50%)}
.ph::after{content:"";position:absolute;left:0;right:0;height:46px;top:-46px;background:linear-gradient(transparent,rgba(16,201,160,.55));opacity:0}
.scanning .ph::after{opacity:1;animation:sweep 1.1s linear infinite}@keyframes sweep{to{top:168px}}
#status{color:var(--m);font-weight:600;font-size:.95rem}.scanning #status{color:var(--v)}
#r-model{font-size:1.7rem;margin:4px 0}#r-meta{color:var(--mut)}#r-note{color:var(--c);font-size:.9rem;min-height:1.4em;margin-top:6px}
.done #r-model{animation:pop .5s cubic-bezier(.2,1.4,.4,1)}@keyframes pop{from{transform:scale(.85);opacity:0}}
.acts{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.tool{margin-top:46px;display:grid;grid-template-columns:1.2fr .8fr;gap:24px}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--ln);font-size:.97rem}th{color:var(--mut);font-weight:500;width:42%}td{font-weight:600;word-break:break-word}
.tbl{max-height:520px;overflow:auto}
form.m{display:grid;gap:12px}select,input{font:inherit;padding:12px 14px;border:2px solid var(--ln);border-radius:12px;width:100%;background:#fff}select:focus,input:focus{outline:3px solid #cfc6ff;border-color:var(--v)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.grid .card{padding:24px;box-shadow:none;transition:border-color .2s}
.grid .card:hover{border-color:var(--v)}.ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;font-size:1.4rem;margin-bottom:14px}
.c1{background:#ebe6ff}.c2{background:#ffe3e9}.c3{background:#d6f8ee}.c4{background:#fff0cf}.c5{background:#dcf0ff}
.alt{background:#fff;border-block:1px solid var(--ln)}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;counter-reset:s}.steps .card{counter-increment:s;box-shadow:none}.steps .card::before{content:counter(s);display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--v);color:#fff;font-weight:700;margin-bottom:12px}
.brand-row{display:flex;flex-wrap:wrap;gap:12px}.brand-row span{padding:12px 22px;border-radius:99px;font-weight:600;background:#fff;border:2px solid var(--ln)}.brand-row span:nth-child(5n+1){border-color:var(--v)}.brand-row span:nth-child(5n+2){border-color:var(--c)}.brand-row span:nth-child(5n+3){border-color:var(--m)}.brand-row span:nth-child(5n+4){border-color:var(--s)}.brand-row span:nth-child(5n){border-color:var(--sky)}
details{background:#fff;border:1px solid var(--ln);border-radius:14px;padding:16px 20px;margin-bottom:12px}summary{cursor:pointer;font-weight:600;font-family:'Outfit',sans-serif;font-size:1.1rem}details p{margin-top:10px;color:var(--mut)}
.cta{background:linear-gradient(135deg,var(--v),var(--c));color:#fff;text-align:center;border-radius:28px;padding:56px 24px}.cta h2{color:#fff}.cta .btn{background:#fff;color:var(--v)!important;box-shadow:none;margin-top:14px}
.ftr{background:#fff;border-top:1px solid var(--ln);padding-top:44px}.ftr-in{display:grid;grid-template-columns:2fr 1fr 1fr;gap:28px}.ftr a:not(.logo){display:block;color:var(--mut);text-decoration:none;margin:6px 0}.ftr h3{font-size:1rem;margin-bottom:8px}.ftr p{color:var(--mut);margin-top:10px;max-width:320px}.ftr-bot{padding:26px 20px;color:var(--mut);font-size:.9rem}
.rv{opacity:0;transform:translateY(16px);transition:.6s}.rv.in{opacity:1;transform:none}
:focus-visible{outline:3px solid var(--v);outline-offset:2px}
@media(max-width:860px){.hero-g,.tool{grid-template-columns:1fr}.ftr-in{grid-template-columns:1fr}section{padding:60px 0}.burger{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:#fff;flex-direction:column;padding:18px;border-bottom:1px solid var(--ln);align-items:flex-start}.nav.open{display:flex}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
.list{padding-left:22px}.list li{margin:10px 0}.links{display:flex;flex-wrap:wrap;gap:12px}.hero .btn{margin-top:6px}