.hero{padding-block:70px 60px}
.hero h1{max-width:980px;margin:26px auto 0}
.demo-top{display:flex;justify-content:center;margin-top:34px}
.demo{display:grid;grid-template-columns:1fr 70px 1.3fr;gap:16px;align-items:stretch;margin-top:26px}
@media (max-width:900px){.demo{grid-template-columns:1fr}
.demo .flow{height:56px}
.demo .flow svg{transform:rotate(90deg)}
}
.panel{position:relative;border-radius:26px;border:1px solid var(--line);background:var(--panel);padding:22px;min-width:0;overflow:hidden;backdrop-filter:blur(8px)}
.ph{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
.ph .dot{display:inline-flex;align-items:center;gap:8px}
.ph .dot::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 10px var(--ok)}
.photo{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;margin-bottom:16px;background:radial-gradient(ellipse at 50% 115%,rgba(255,255,255,.1),transparent 60%),linear-gradient(160deg,#2c2723,#141110)}
.photo svg{position:absolute;left:10%;width:80%;top:22%;transition:opacity .4s,transform .6s var(--ease)}
.photo .scan{position:absolute;left:0;right:0;height:38%;top:-40%;background:linear-gradient(180deg,transparent,rgba(255,90,31,.28),rgba(255,138,76,.9) 98%,transparent);opacity:0;pointer-events:none}
.analyzing .photo .scan{opacity:1;animation:scan 1.1s linear infinite}
@keyframes scan{to{top:105%}
}
.photo .tagp{position:absolute;left:10px;top:10px;font-size:11px;font-weight:700;padding:4px 10px;border-radius:999px;background:rgba(0,0,0,.55);border:1px solid var(--line-2)}
.a-t{font-weight:700;font-size:17px}
.a-p{font:600 30px var(--display);margin:4px 0 6px;letter-spacing:-.01em}
.a-m{color:var(--ink-3);font-size:14px}
.a-q{margin:14px 0 0;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);font-size:14.5px;color:var(--ink-2)}
.a-q mark{background:rgba(255,197,61,.2);color:var(--ink);padding:0 3px;border-radius:4px;box-shadow:inset 0 -2px 0 rgba(255,197,61,.6)}
.flow{display:grid;place-items:center;color:var(--o2)}
.flow svg{overflow:visible}
.flow .dash{stroke-dasharray:6 8;animation:dash 1s linear infinite}
@keyframes dash{to{stroke-dashoffset:-28}
}
.fiche{display:flex;flex-direction:column}
.steps-a{display:none;flex-direction:column;gap:10px;padding:12px 2px}
.analyzing .steps-a{display:flex}
.analyzing .res{display:none}
.sa{display:flex;align-items:center;gap:12px;font-size:15px;color:var(--ink-3);transition:color .3s}
.sa i{flex:none;width:22px;height:22px;border-radius:50%;border:2px solid var(--line-2);display:grid;place-items:center;font-style:normal;font-size:12px}
.sa.run{color:var(--ink)}
.sa.run i{border-color:var(--o);border-top-color:transparent;animation:rot .7s linear infinite}
.sa.ok{color:var(--ink-2)}
.sa.ok i{border-color:var(--ok);background:var(--oksoft);color:var(--ok)}
.sa.ok i::before{content:"\2713"}
.dots{display:inline-flex;gap:4px;margin-left:4px}
.dots b{width:5px;height:5px;border-radius:50%;background:var(--o2);animation:bounce 1s infinite}
.dots b:nth-child(2){animation-delay:.15s}
.dots b:nth-child(3){animation-delay:.3s}
@keyframes bounce{0%,100%,80%{transform:translateY(0);opacity:.4}
40%{transform:translateY(-5px);opacity:1}
}
.res{animation:pop .6s var(--ease)}
.verdict{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.vtag{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:999px;font-size:14px;font-weight:700;border:1px solid}
.vtag.bad{background:var(--badsoft);border-color:var(--badline);color:#ff9a9a}
.vtag.ok{background:var(--oksoft);border-color:var(--okline);color:#7fe0ad}
.vtag.warn{background:var(--warnsoft);border-color:var(--warnline);color:#ffd67a}
.vtxt{font-size:14px;color:var(--ink-2);margin-top:6px}
.rows{display:grid;gap:9px}
.r{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--glass);border:1px solid var(--line);font-size:15px;opacity:0;transform:translateX(14px);animation:rin .5s var(--ease) forwards;animation-delay:calc(var(--i) * 110ms)}
@keyframes rin{to{opacity:1;transform:none}
}
.r small{display:block;color:var(--ink-3);font-size:12.5px;margin-top:2px}
.r .v{font:600 18px var(--display);white-space:nowrap}
.r .v.up{color:#ff9a9a}
.r .v.dn{color:#7fe0ad}
.r.key{background:linear-gradient(120deg,rgba(255,90,31,.2),rgba(255,90,31,.05));border-color:var(--oline)}
.r.key .v{color:var(--o2);font-size:24px}
.bar{height:6px;border-radius:6px;background:rgba(244,241,236,.07);margin-top:8px;overflow:hidden;grid-column:1/-1}
.bar b{display:block;height:100%;width:0;border-radius:6px;background:linear-gradient(90deg,var(--ok),var(--warn),var(--bad));transition:width 1.2s var(--ease)}
.msgs{margin-top:12px;padding:12px 14px;border-radius:14px;border:1px dashed var(--line-2);font-size:14px;color:var(--ink-2);display:flex;gap:12px;align-items:flex-start}
.msgs em{font-style:normal;color:var(--ink)}
.msgs .cp{flex:none;border:1px solid var(--line-2);background:var(--glass);color:var(--ink-2);border-radius:10px;padding:6px 10px;font:600 12px var(--body);cursor:pointer}
.msgs .cp:hover{color:var(--ink);border-color:var(--oline)}
.replay{margin-top:14px;align-self:flex-start;background:0 0;border:0;color:var(--ink-3);font:600 13px var(--body);cursor:pointer;display:inline-flex;gap:8px;align-items:center}
.replay:hover{color:var(--o2)}
.note{font-size:12.5px;color:var(--ink-3);margin-top:16px;text-align:center}
.bento{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:minmax(190px,auto);gap:14px;margin-top:48px}
.bx{position:relative;border-radius:26px;border:1px solid var(--line);background:var(--panel);padding:24px;overflow:hidden;min-width:0;display:flex;flex-direction:column}
.bx h3{font-size:21px}
.bx p{color:var(--ink-2);margin:8px 0 0;font-size:15px}
.bx .k{font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--o2);margin-bottom:10px}
.b1{grid-column:span 4;grid-row:span 2}
.b2{grid-column:span 2}
.b3{grid-column:span 2}
.b4{grid-column:span 2}
.b5{grid-column:span 2}
.b6{grid-column:span 2}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr}
.b1{grid-column:span 2;grid-row:auto}
.b2,.b3,.b4,.b5,.b6{grid-column:span 1}
}
@media (max-width:560px){.bento{grid-template-columns:1fr}
.b1,.b2,.b3,.b4,.b5,.b6{grid-column:auto}
}
.chart{margin-top:auto;padding-top:18px}
.chart svg{width:100%;height:auto;display:block}
.chart .area{fill:url(#ga);opacity:.9}
.chart .ln{fill:none;stroke:var(--o2);stroke-width:2.5;stroke-dasharray:900;stroke-dashoffset:900;transition:stroke-dashoffset 2.2s var(--ease)}
.chart.in .ln{stroke-dashoffset:0}
.chart .you{fill:var(--o);filter:drop-shadow(0 0 6px var(--o));opacity:0;transition:opacity .5s 1.8s}
.chart.in .you{opacity:1}
.chart .lbl{font:600 11px var(--body);fill:var(--ink-2)}
.chart .gridl{stroke:rgba(244,241,236,.07)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--ink-3);margin-top:10px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.hl{margin-top:auto;padding-top:14px;font-size:14px;color:var(--ink-2);line-height:1.9}
.hl span{padding:1px 4px;border-radius:4px;background-size:0 100%;background-repeat:no-repeat;background-image:linear-gradient(rgba(255,90,31,.35),rgba(255,90,31,.35));transition:background-size .8s var(--ease)}
.bx.in .hl span{background-size:100% 100%}
.bx.in .hl span:nth-of-type(2){transition-delay:.4s}
.bx.in .hl span:nth-of-type(3){transition-delay:.8s}
.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:14px}
.chips span{font-size:12.5px;padding:5px 10px;border-radius:999px;border:1px solid var(--line)}
.chips .x{border-color:var(--badline);color:#ff9a9a;background:var(--badsoft)}
.chips .v{border-color:var(--okline);color:#7fe0ad;background:var(--oksoft)}
.ct{list-style:none;margin:auto 0 0;padding:14px 0 0;display:grid;gap:7px;font-size:14px;color:var(--ink-2)}
.ct li{display:flex;gap:8px;align-items:center}
.ct li b{margin-left:auto;font-size:12px;padding:2px 8px;border-radius:999px}
.ct .g{background:var(--oksoft);color:#7fe0ad}
.ct .m{background:var(--warnsoft);color:#ffd67a}
.gauge{margin-top:auto;padding-top:10px;display:flex;align-items:center;gap:14px}
.bubble{margin-top:auto;padding:12px 14px;border-radius:16px 16px 16px 4px;background:rgba(244,241,236,.07);border:1px solid var(--line);font-size:14px;color:var(--ink);min-height:66px}
.bubble .caret{display:inline-block;width:2px;height:1em;background:var(--o2);vertical-align:-2px;animation:blink 1s steps(1) infinite}
.who-tabs{display:flex;justify-content:center;margin-top:34px}
.who-panels{position:relative;margin-top:22px}
.wp{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:center;border-radius:30px;padding:clamp(22px,4vw,44px);border:1px solid var(--line);background:var(--panel)}
.wp[hidden]{display:none}
.wp.show{animation:pop .5s var(--ease)}
@media (max-width:860px){.wp{grid-template-columns:1fr}
}
.wp h3{font-size:clamp(24px,3vw,32px)}
.wp p{color:var(--ink-2)}
.checks{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}
.checks li{display:flex;gap:12px;align-items:flex-start;font-size:15.5px}
.checks li::before{content:"";flex:none;width:22px;height:22px;margin-top:1px;border-radius:7px;background:var(--osoft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff8a4c' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 5 5L20 7'/%3E%3C/svg%3E") center/13px no-repeat;border:1px solid var(--oline)}
.kpi{border-radius:22px;padding:22px;background:linear-gradient(160deg,rgba(255,90,31,.14),rgba(255,90,31,.02));border:1px solid var(--oline);text-align:center}
.kpi b{display:block;font:600 clamp(48px,7vw,72px)/1 var(--display);letter-spacing:-.03em;color:var(--o2)}
.kpi span{color:var(--ink-2);font-size:15px}
.tl{position:relative;max-width:820px;margin:50px auto 0;padding-left:64px}
.tl::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:var(--line)}
.tl .fill{position:absolute;left:23px;top:8px;width:2px;height:calc((100% - 16px) * var(--tp,0));background:linear-gradient(var(--o),var(--o2));box-shadow:0 0 12px var(--o);border-radius:2px}
.st{position:relative;padding:4px 0 34px}
.st .dotn{position:absolute;left:-64px;top:0;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:600 16px var(--display);background:#15110d;border:1px solid var(--line-2);color:var(--ink-3);transition:all .5s var(--spring)}
.st.on .dotn{background:var(--o);color:#160904;border-color:var(--o);box-shadow:0 0 0 6px rgba(255,90,31,.15),0 0 24px rgba(255,90,31,.6);transform:scale(1.06)}
.st .card{border-radius:22px;border:1px solid var(--line);background:var(--panel);padding:22px 24px}
.st .k{font-size:12.5px;color:var(--o2);font-weight:700;margin-bottom:4px}
.st p{margin:8px 0 0;color:var(--ink-2)}
.guide{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;border-radius:34px;padding:clamp(24px,4vw,52px);border:1px solid var(--oline);background:radial-gradient(ellipse at 0 0,rgba(255,90,31,.18),transparent 60%),var(--panel);overflow:hidden}
@media (max-width:880px){.guide{grid-template-columns:1fr}
}
.guide p{color:var(--ink-2)}
.objs{display:grid;gap:8px;margin-top:20px}
.obj{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:var(--glass);transition:all .35s var(--spring)}
.obj:hover{border-color:var(--line-2);transform:translateX(4px)}
.obj[aria-pressed=true]{border-color:var(--oline);background:var(--osoft);box-shadow:0 0 24px -8px rgba(255,90,31,.7)}
.obj:focus-visible{outline:2px solid var(--o2);outline-offset:2px}
.obj i{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(244,241,236,.06);font-style:normal;font-size:16px}
.obj[aria-pressed=true] i{background:var(--o);color:#160904}
.obj b{font-weight:700;display:block;font-size:15px}
.obj small{color:var(--ink-3);font-size:13px}
.docw{perspective:1000px}
.doc{position:relative;border-radius:22px;background:#f4f1ec;color:#15110d;padding:24px;box-shadow:0 40px 90px -30px rgba(0,0,0,.9);overflow:hidden;min-width:0}
.doc::after{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:soft-light;opacity:.7;background:radial-gradient(400px circle at var(--sx,30%) var(--sy,20%),rgba(255,255,255,.9),transparent 45%),linear-gradient(115deg,transparent 30%,rgba(255,138,76,.35) 45%,rgba(143,163,184,.35) 55%,transparent 70%)}
.doc .dk{font:700 11px var(--body);letter-spacing:.12em;text-transform:uppercase;color:#d9481a}
.doc h4{font-size:21px;margin:6px 0 4px}
.doc .dsub{font-size:12.5px;color:#6b635b;margin-bottom:14px}
.doc table{width:100%;border-collapse:collapse;font-size:13.5px}
.doc th{text-align:left;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#6b635b;padding:6px 4px;border-bottom:1px solid #ddd5ca}
.doc td{padding:9px 4px;border-bottom:1px solid #ebe4da;vertical-align:top}
.doc .avd{color:#b3261e}
.doc .blur td{filter:blur(4px);user-select:none}
.doc .more{text-align:center;font-size:12.5px;color:#6b635b;padding-top:12px}
.doc .lock{display:inline-flex;align-items:center;gap:6px;margin-top:12px;font-size:12.5px;font-weight:700;color:#d9481a}
.doc-body{transition:opacity .25s}
.doc-body.fade{opacity:0}
.final{padding-block:40px 90px}
.final-box{position:relative;border-radius:36px;padding:clamp(34px,6vw,70px) 20px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 0,rgba(255,90,31,.25),transparent 65%),var(--panel)}
.final-box::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;z-index:-1;background:conic-gradient(from var(--ang),transparent 0 70%,var(--o) 82%,var(--o3) 86%,transparent 96%);animation:spin 6s linear infinite;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.final-box .bigmk{width:90px;height:90px;margin:0 auto 20px;border-radius:24px;background:#15110d;border:1px solid var(--line-2);display:grid;place-items:center;box-shadow:0 20px 60px -20px rgba(255,90,31,.6);animation:floaty 5s ease-in-out infinite}
.final-box .bigmk svg{width:82%}
@keyframes floaty{50%{transform:translateY(-8px) rotate(-3deg)}
}
.founder{display:inline-flex;align-items:center;gap:14px;padding:12px 18px 12px 12px;border-radius:20px;border:1px solid var(--line);background:rgba(20,15,11,.6);margin-top:26px;text-align:left}
.fav{flex:none;width:46px;height:46px;border-radius:50%;background:linear-gradient(140deg,var(--o),#8a2a08);display:grid;place-items:center;font:700 18px var(--display);color:#160904}
.founder small{display:block;color:var(--ink-3);font-size:12.5px}
.mkdraw path{stroke-dasharray:4000;stroke-dashoffset:4000;fill-opacity:0}
.final-box.in .mkdraw path{animation:mkd 2.4s .2s var(--ease) forwards,mkf .8s 1.9s var(--ease) forwards}
@keyframes mkd{to{stroke-dashoffset:0}
}
@keyframes mkf{to{fill-opacity:1}
}