/* ASKMI-WEB-SITE-001 · v1.0-rc1 · 23/10/2026 */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/inter-tight-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/inter-tight-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/inter-tight-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/inter-tight-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/inter-tight-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/jetbrains-mono-latin-700-normal.woff2) format("woff2")}

:root{color-scheme:dark;
  --black:#000;--ink:#F5F5F7;--grey:#A1A1A6;--grey2:#86868B;--line:rgba(255,255,255,.1);
  --light:#F5F5F7;--light-ink:#1D1D1F;--light-grey:#5E5E63;
  --petrol:#07564E;--petrol2:#0B6F68;--mint:#3FE0C5;--mint-soft:#A8F0E0;--amber:#FFB547;--blue:#5B8CFF;
  --app-bg:#F3F6F5;--app-line:#D9E6E2;--app-ink:#0B1B2B;--app-grey:#4A5A68;
  --r:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--black);color:var(--ink);font-family:"Inter Tight",system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:var(--mint)}
h1,h2,h3{margin:0;font-weight:800;letter-spacing:-.03em;line-height:1.04}
p{margin:0}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;letter-spacing:.02em}
.small{font-size:11px}
.muted{color:var(--grey2)}
.mint,.mint-t{color:var(--mint)}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
.narrow{max-width:820px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--mint);color:#00201C;padding:10px 14px;border-radius:10px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:2px solid var(--mint);outline-offset:3px;border-radius:6px}

/* NAV */
.nav{position:sticky;top:0;z-index:50;background:rgba(10,10,12,.74);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--line)}
.nav nav{max-width:1120px;margin:0 auto;padding:6px 20px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 16px}
.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-weight:800;letter-spacing:.1em;min-height:44px}
.brand-logo{width:28px;height:28px;border-radius:7px;object-fit:contain}
.nav-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 20px;font-size:14px}
.nav-links>a{color:#D2D2D7;text-decoration:none;padding:12px 0}
.nav-links>a:hover{color:#fff}
.langs{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.07)}
.langs a{min-width:38px;min-height:34px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:var(--grey);text-decoration:none;font-size:12px;font-weight:600}
.langs a.on{background:var(--ink);color:#000}
@media (max-width:720px){.nav-links>a{display:none}}

/* BUTTONS */
.btns{display:flex;flex-wrap:wrap;gap:12px}
.btns.center{justify-content:center}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 24px;border-radius:999px;font:600 16px/1 "Inter Tight",sans-serif;text-decoration:none;cursor:pointer;border:1px solid transparent;transition:transform .15s,background .2s}
.btn:active{transform:scale(.97)}
.btn.mint{background:var(--mint);color:#00201C;font-weight:700}
.btn.mint:hover{background:var(--mint-soft)}
.btn.outline{border-color:var(--mint);color:var(--mint);background:transparent}
.btn.ghost{background:#1C1C1E;border-color:#3A3A3C;color:var(--ink);font-size:14px;min-height:44px;padding:0 18px}
.btn.lg{min-height:54px;padding:0 34px;font-size:17px}
.linkbtn{background:none;border:none;color:inherit;font:inherit;padding:10px 0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}

/* SILVER WORDMARK */
.silver{font-weight:800;letter-spacing:-.04em;background:linear-gradient(100deg,#8A8F98 0%,#fff 25%,#9AA0A8 45%,#fff 60%,#7D838C 80%,#E9ECEF 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 8s linear infinite}
@keyframes sheen{to{background-position:200% 50%}}

/* HERO */
.hero{padding:64px 20px 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;overflow:hidden}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;border:1px solid rgba(63,224,197,.35);background:rgba(63,224,197,.07);color:var(--mint);font-size:14px;font-weight:600}
.badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--mint);animation:pulse 1.6s ease-in-out infinite}
.hero h1{font-size:clamp(64px,15vw,136px);line-height:1}
.claim{font-size:clamp(26px,4.4vw,42px);font-weight:700;letter-spacing:-.02em;line-height:1.12}
.sub{max-width:640px;font-size:clamp(17px,1.8vw,20px);color:var(--grey)}
.hero-visual{position:relative;width:100%;max-width:920px;height:700px;margin-top:28px}
.glow{position:absolute;left:50%;top:52%;width:680px;height:680px;max-width:140vw;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(63,224,197,.30) 0,rgba(63,224,197,.07) 38%,transparent 62%);pointer-events:none}
.glow.small{width:520px;height:520px;top:50%}
.ring{position:absolute;left:50%;top:52%;width:600px;height:600px;max-width:118vw;max-height:118vw;border-radius:50%;border:1px solid rgba(63,224,197,.25);transform:translate(-50%,-50%);animation:spin 50s linear infinite}
.ring i{position:absolute;left:50%;top:-6px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--mint);box-shadow:0 0 22px var(--mint)}
@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes float{50%{transform:translateY(-12px)}}
@keyframes pulse{50%{opacity:.35}}

/* PHONE + APP */
.phone{width:310px;height:640px;border-radius:52px;padding:11px;background:linear-gradient(145deg,#5B6068 0%,#1B1D21 22%,#0B0C0E 55%,#3A3E45 100%);box-shadow:0 50px 90px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.12);text-align:left}
.hero .phone{position:absolute;left:50%;top:30px;margin-left:-155px}
.phone.float{animation:float 6s ease-in-out infinite}
.screen{width:100%;height:100%;border-radius:42px;overflow:hidden;background:var(--app-bg);color:var(--app-ink);display:flex;flex-direction:column}
.app-head{background:var(--petrol2);color:#fff;padding:38px 18px 14px;display:flex;flex-direction:column;gap:2px}
.app-head span{font-size:12px;opacity:.8}
.app-head strong{font-size:17px;line-height:1.2}
.app-head.row{flex-direction:row;justify-content:space-between;align-items:flex-end}
.app-head.row>div{display:flex;flex-direction:column;gap:2px}
.demo{font-style:normal;font:600 10px "JetBrains Mono",monospace;padding:4px 8px;border-radius:6px;background:rgba(255,255,255,.18)}
.app-body{flex:1;padding:14px;display:flex;flex-direction:column;gap:10px}
.app-body .mono{color:var(--app-grey);font-weight:700}
.row-card{background:#fff;border:1px solid var(--app-line);border-radius:16px;padding:11px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.row-card div{display:flex;flex-direction:column}
.row-card strong{font-size:14px}
.row-card span{font-size:12px;color:var(--app-grey)}
.dot{width:10px;height:10px;border-radius:50%;flex:none}
.dot.g{background:var(--petrol2)}.dot.o{background:#E39B26}.dot.b{background:#3A5BD9}
.app-input{padding:8px 12px 22px;display:flex;gap:8px;align-items:center}
.app-input span{flex:1;height:40px;border-radius:999px;background:#fff;border:1px solid var(--app-line);display:flex;align-items:center;padding-left:14px;color:#6B7A86;font-size:12.5px}
.mic{width:40px;height:40px;border-radius:50%;background:var(--petrol2);display:flex;align-items:center;justify-content:center;flex:none}
.chip{position:absolute;padding:11px 15px;border-radius:16px;background:rgba(28,28,30,.8);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;gap:2px;text-align:left;animation:float 7s ease-in-out infinite}
.chip .mono{font-size:10.5px;color:var(--mint)}
.chip strong{font-size:14px;font-weight:600}
.chip-0{left:2%;top:150px}.chip-1{right:1%;top:240px;animation-delay:1s}.chip-1 .mono{color:var(--amber)}
.chip-2{left:6%;top:450px;animation-delay:1.5s}.chip-3{right:5%;top:520px;animation-delay:.6s}
@media (max-width:760px){.hero-visual{height:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:40px}.hero .phone{position:relative;left:auto;top:auto;margin:20px 0 10px}.chip{position:relative;left:auto!important;right:auto!important;top:auto!important;width:min(320px,100%)}.ring{top:340px}.glow{top:340px}}

/* TILES */
.tile,.half{padding:96px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;overflow:hidden}
.tile.light,.half.light{background:var(--light);color:var(--light-ink)}
.tile.dark,.half.dark{background:#000}
.tile h2,.half h2{font-size:clamp(36px,5.6vw,72px)}
.half h2{font-size:clamp(32px,4vw,52px)}
.eye{font-size:17px;font-weight:600;color:var(--grey2)}
.light .eye{color:var(--petrol)}
.dark .eye,.travel .eye,.sim .eye,.video .eye,.manifesto .eye{color:var(--mint)}
.lead{max-width:600px;font-size:clamp(18px,2vw,22px);color:var(--grey)}
.light .lead{color:var(--light-grey)}
.duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:12px;padding:12px;background:#fff}
.duo+.duo{padding-top:0}
.half{padding:72px 24px 56px;min-height:640px}

.widget{margin-top:36px;width:min(320px,100%);border-radius:34px;padding:26px;text-align:left;display:flex;flex-direction:column;gap:14px}
.dark-widget{background:linear-gradient(160deg,#1C1C1E,#0B0B0C);color:var(--ink);border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 80px rgba(0,0,0,.25),0 0 60px rgba(63,224,197,.18)}
.big-time{font-size:72px;font-weight:300;letter-spacing:-.04em;line-height:.9}
.w-rows{border-top:1px solid var(--line);padding-top:14px;display:flex;flex-direction:column;gap:10px;font-size:15px}
.w-rows div{display:flex;justify-content:space-between;gap:10px}

.bill{margin-top:40px;width:min(420px,100%);background:linear-gradient(160deg,#1C1C1E,#0B0B0C);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:26px;text-align:left;box-shadow:0 0 80px rgba(63,224,197,.12)}
.bill-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.bill-top strong{font-size:20px}
.tag-amber{padding:5px 12px;border-radius:999px;background:rgba(255,181,71,.14);color:var(--amber);font-size:13px;font-weight:600}
.bars{display:flex;align-items:flex-end;justify-content:space-around;gap:16px;height:200px;margin:26px 0 14px}
.bar{flex:1;max-width:80px;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:8px}
.bar i{width:100%;border-radius:12px 12px 4px 4px;background:#3A3A3C}
.bar.now i{background:linear-gradient(180deg,var(--mint),var(--petrol));box-shadow:0 0 24px rgba(63,224,197,.4)}
.b-val{font:600 12.5px "JetBrains Mono",monospace;color:var(--grey)}
.bar.now .b-val{color:var(--mint)}
.b-lab{font-size:13px;color:var(--grey2)}
.bill-note{font-weight:600;color:var(--amber);font-size:15px}

.folders{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:min(420px,100%)}
.folder{background:linear-gradient(160deg,#1C1C1E,#111113);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:16px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:var(--mint);text-align:left}
.folder strong{color:var(--ink);font-size:14px}
.folder span{color:var(--grey2);font:500 12px "JetBrains Mono",monospace}

.voice-pill{margin-top:28px;display:inline-flex;align-items:center;gap:12px;padding:12px 20px;border-radius:999px;background:var(--petrol2);color:#fff;font:600 13px "JetBrains Mono",monospace}
.voice-pill.big{padding:16px 26px;background:rgba(63,224,197,.12);border:1px solid rgba(63,224,197,.4);color:var(--mint)}
.wave{display:inline-flex;align-items:center;gap:3px;height:26px}
.wave i{width:3px;border-radius:2px;background:currentColor;animation:wave 1.1s ease-in-out infinite}
.voice-pill.big .wave{height:34px}.voice-pill.big .wave i{width:4px}
@keyframes wave{0%,100%{transform:scaleY(.3)}50%{transform:scaleY(1)}}
.quote{font-size:clamp(19px,2.2vw,24px);font-weight:600;max-width:520px;line-height:1.3}
.quote.xl{font-size:clamp(24px,3.4vw,40px);font-weight:700;letter-spacing:-.02em}
.doc-card{margin-top:16px;width:min(420px,100%);background:#fff;border-radius:22px;padding:18px;display:flex;align-items:center;gap:14px;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.12);color:var(--petrol2)}
.doc-card>div{flex:1;display:flex;flex-direction:column;gap:2px;color:var(--light-ink)}
.doc-card span{font-size:13px;color:var(--light-grey)}
.btn-mini{flex:none;padding:8px 12px;border-radius:10px;background:var(--petrol2);color:#fff;font-size:12.5px;font-weight:700}

.tile.travel{background-color:#03100F;background-image:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(63,224,197,.22),transparent 70%);padding-bottom:110px}
.trip{margin-top:32px;width:min(760px,100%);display:flex;flex-direction:column;gap:22px;align-items:center}
.plan{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.leg{position:relative;min-width:180px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(63,224,197,.28);display:flex;flex-direction:column;gap:4px;text-align:left}
.leg .mono{font-size:12px;color:var(--grey2)}
.leg strong{font-size:22px}
.tchips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.tchips span{padding:9px 16px;border-radius:999px;background:#1C1C1E;border:1px solid #3A3A3C;font-size:14.5px;font-weight:600}
.approve{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:999px;background:var(--mint);color:#00201C;font-weight:700}
.approve svg{stroke:#00201C}

.pros{margin-top:32px;width:min(400px,100%);background:#fff;border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:6px;text-align:left;box-shadow:0 24px 60px rgba(0,0,0,.10)}
.pros .mono{color:var(--light-grey);font-weight:700;margin-bottom:6px}
.pro{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid #EEF1F2}
.pro strong{flex:1}
.pro span{color:var(--light-grey);font-size:14px}
.mlist{margin-top:32px;width:min(400px,100%);display:flex;flex-direction:column;gap:12px}
.mrow{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 20px;border-radius:20px;background:linear-gradient(160deg,#1C1C1E,#0B0B0C);border:1px solid rgba(255,255,255,.12);text-align:left}
.st{padding:5px 12px;border-radius:999px;font-size:13px;font-weight:700}
.st.o{background:#F5C76A;color:#2B1F05}.st.b{background:rgba(91,140,255,.18);color:#9DB8FF}.st.g{background:var(--mint);color:#00201C}

/* SIMULATION */
.sim{background:#0B0B0D;border-top:1px solid var(--line);padding:96px 0}
.center-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.center-head h2{font-size:clamp(36px,5vw,64px)}
.sim-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:36px 0}
.tab{min-height:44px;padding:0 18px;border-radius:999px;border:1px solid #3A3A3C;background:transparent;color:#D2D2D7;font:600 14.5px "Inter Tight",sans-serif;cursor:pointer}
.tab.on{background:var(--ink);color:#000;border-color:var(--ink)}
.sim-grid{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:48px}
.sim-story{flex:1 1 360px;max-width:480px;display:flex;flex-direction:column;gap:18px}
.sim-story h3{font-size:clamp(28px,3.4vw,42px)}
.sim-story p{font-size:18px;color:var(--grey)}
.sim-story ol{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.sim-story li{display:flex;align-items:center;gap:12px;padding:7px 0;font-size:16px;color:#48484A;transition:color .3s}
.sim-story li::before{content:"";flex:none;width:10px;height:10px;border-radius:50%;border:1.5px solid #48484A}
.sim-story li.done{color:var(--grey)}.sim-story li.done::before{background:#6E6E73;border-color:#6E6E73}
.sim-story li.now{color:var(--ink);font-weight:600}.sim-story li.now::before{background:var(--mint);border-color:var(--mint);box-shadow:0 0 12px var(--mint)}
.sim-phone-wrap{position:relative;flex:none}
.sim-phone{position:relative;width:330px;height:680px}
.chat{flex:1;padding:14px 12px;display:flex;flex-direction:column;justify-content:flex-end;gap:9px;overflow:hidden;font-size:13.5px;line-height:1.4}
.msg{max-width:84%;padding:9px 12px;animation:in .35s ease-out}
.msg.user{align-self:flex-end;background:#D7EEEA;border-radius:16px 16px 4px 16px}
.msg.askmi{align-self:flex-start;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.msg.voice{align-self:flex-end;background:#D7EEEA;border-radius:16px 16px 4px 16px;display:flex;flex-direction:column;gap:6px;color:var(--petrol2)}
.msg.voice .vrow{display:flex;align-items:center;gap:8px;font:600 11px "JetBrains Mono",monospace}
.msg.voice .wave{height:20px}
.msg.voice em{font-style:italic;color:var(--app-ink);font-size:12.5px}
.msg.photo{align-self:flex-end;width:170px;padding:0;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #CFE3DE}
.photo-img{height:96px;background:linear-gradient(135deg,#E8EEF0,#fff);padding:10px;display:flex;flex-direction:column;gap:5px}
.photo-img i{height:5px;border-radius:3px;background:#D3DCE0}
.photo-img i:first-child{height:7px;width:60%;background:#B9C6CC}
.photo-img i:last-child{margin-top:auto;align-self:flex-end;height:10px;width:40%;background:#9FB0B8}
.photo-cap{padding:6px 10px;font-size:11.5px;color:var(--app-grey)}
.msg.card{align-self:stretch;max-width:none;background:#fff;border-radius:16px;padding:12px;border:1px solid #D3E3DF;box-shadow:0 8px 22px rgba(11,111,104,.10);display:flex;flex-direction:column;gap:7px}
.card-tag{font:700 10.5px "JetBrains Mono",monospace;color:var(--app-grey)}
.card-title{font-size:16px}
.card-row{display:flex;justify-content:space-between;gap:10px;font-size:12.5px}
.card-row span{color:var(--app-grey)}
.card-row b{text-align:right}
.card-btns{display:flex;gap:6px;margin-top:2px}
.card-btns span{flex:1;text-align:center;padding:8px 6px;border-radius:9px;font-size:12px;font-weight:700;border:1px solid #C3D7D2;color:var(--petrol2)}
.card-btns span.p{background:var(--petrol2);color:#fff;border-color:var(--petrol2)}
.msg.done,.msg.wait{align-self:stretch;max-width:none;border-radius:14px;padding:10px 12px;display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px}
.msg.done{background:#fff;border:1.5px solid var(--petrol2)}
.msg.done .ic{flex:none;width:28px;height:28px;border-radius:8px;background:var(--petrol2);display:flex;align-items:center;justify-content:center}
.msg.wait{background:#FFF8EA;border:1.5px solid #E39B26}
.msg.wait .ic{flex:none;width:10px;height:10px;margin:0 9px;border-radius:50%;background:#E39B26;animation:pulse 1s ease-in-out infinite}
@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.note{text-align:center;color:#6E6E73;font-size:13px;margin-top:36px}
@media (max-width:400px){.sim-phone{width:300px;height:640px}}

/* VIDEO */
.video{background:#101012;padding:96px 20px;display:flex;flex-direction:column;align-items:center;gap:22px;text-align:center}
.video h2{font-size:clamp(32px,4.6vw,60px)}
.video-box{position:relative;width:100%;max-width:1080px;aspect-ratio:16/9;border-radius:var(--r);overflow:hidden;background-color:#050607;background-image:radial-gradient(ellipse 55% 60% at 50% 55%,rgba(63,224,197,.24),transparent 70%),linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:100% 100%,48px 48px,48px 48px;border:1px solid var(--line);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}
.video-word{font-size:clamp(56px,12vw,170px);line-height:.9}
.vplay{width:80px;height:80px;border-radius:50%;border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);cursor:pointer;display:flex;align-items:center;justify-content:center}
.vsoon{color:var(--grey);font-size:16px;padding:0 16px}
.video-box video{position:absolute;inset:0;width:100%;height:100%;background:#000}

/* TRUST */
.trust{background-color:#000;background-image:radial-gradient(ellipse 50% 70% at 85% 50%,rgba(7,86,78,.55),transparent 70%);padding:104px 0}
.trust-in{display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.trust h2{flex:1 1 380px;font-size:clamp(34px,4.8vw,62px)}
.trust ul{flex:1 1 340px;margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}
.trust li{display:flex;align-items:center;gap:16px;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(63,224,197,.2);font-size:19px;font-weight:600}
.tick{flex:none;width:30px;height:30px;border-radius:9px;background:var(--petrol);display:flex;align-items:center;justify-content:center}

/* MANIFESTO + CTA */
.manifesto{background:#000;padding:120px 0}
.manifesto .wrap{display:flex;flex-direction:column;gap:22px}
.manifesto h2{font-size:clamp(42px,6vw,80px)}
.manifesto p{font-size:clamp(20px,2.3vw,27px);line-height:1.45;color:var(--grey2);font-weight:500}
.manifesto b{color:var(--ink);font-weight:600}
.cta{background-color:#000;background-image:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(63,224,197,.35),transparent 65%);padding:130px 20px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.cta h2{font-size:clamp(44px,7vw,92px)}
.cta p{font-size:20px;color:var(--grey);max-width:560px}

/* FOOTER */
.foot{background:#161617;color:var(--grey2);font-size:13px;line-height:1.6}
.foot-in{padding:28px 20px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px}
.foot strong{color:var(--ink);letter-spacing:.1em}
.foot-links{display:flex;flex-wrap:wrap;gap:0 18px}
.foot-links a{color:#D2D2D7;padding:10px 0}

/* COOKIE BANNER */
.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:90;display:flex;justify-content:center}
.cookie[hidden]{display:none}
.cookie-in{width:100%;max-width:720px;background:rgba(28,28,30,.96);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.14);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.cookie-in p{font-size:14px;color:#D2D2D7}
.cookie-btns{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.cookie-btns .btn{min-height:44px;font-size:14px;padding:0 16px}
.cookie-prefs{display:flex;flex-direction:column;gap:8px}
.cookie-prefs[hidden]{display:none}
.pref{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.05);cursor:pointer}
.pref div{display:flex;flex-direction:column;gap:2px}
.pref span{font-size:13px;color:var(--grey)}
.pref input{width:22px;height:22px;accent-color:var(--mint);flex:none}
.pill{flex:none;padding:5px 10px;border-radius:999px;background:rgba(63,224,197,.14);color:var(--mint)!important;font-weight:600}

/* LEGAL */
.legal{padding:72px 20px 96px;display:flex;flex-direction:column;gap:14px}
.legal h1{font-size:clamp(34px,5vw,56px);margin-bottom:6px}
.legal h2{font-size:22px;margin-top:22px;letter-spacing:-.01em}
.legal p,.legal li{color:#D2D2D7;font-size:16.5px}
.legal ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:8px}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px;display:block;overflow-x:auto}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);color:#D2D2D7}
.legal th{color:var(--ink)}

@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* fixes rc1 */
[hidden]{display:none!important}
.sim{overflow:hidden}
html,body{overflow-x:clip}
.doc-card .btn-mini{color:#fff}

/* ===== TEMA CHIARO «Avorio» (body.theme-light) — ASKMI-WEB-SITE-001 v1.0-rc2 ===== */
.theme-light{--ivory:#F1F1EE;--ivory2:#F8F8F5;--stone:#E8E9E4;--ink2:#14201E;--soft:#55625F;--hair:rgba(20,32,30,.09);color-scheme:light;background:var(--ivory);color:var(--ink2)}
.theme-light .nav{background:rgba(241,241,238,.82);border-bottom-color:var(--hair)}
.theme-light .brand{color:var(--ink2)}
.theme-light .nav-links>a{color:#3A4744}.theme-light .nav-links>a:hover{color:var(--ink2)}
.theme-light .langs{background:rgba(20,32,30,.06)}
.theme-light .langs a{color:var(--soft)}.theme-light .langs a.on{background:var(--ink2);color:#fff}
.theme-light .silver{background-image:linear-gradient(100deg,#1E2624 0%,#7C8885 25%,#2A3331 45%,#8E9996 60%,#1E2624 80%,#4F5B58 100%)}
.theme-light .badge{border-color:rgba(7,86,78,.28);background:rgba(7,86,78,.06);color:var(--petrol)}
.theme-light .badge::before{background:var(--petrol)}
.theme-light .sub,.theme-light .lead,.theme-light .sim-story p,.theme-light .cta p,.theme-light .vsoon{color:var(--soft)}
.theme-light .glow{background:radial-gradient(circle,rgba(7,86,78,.16) 0,rgba(7,86,78,.05) 38%,transparent 62%)}
.theme-light .ring{border-color:rgba(7,86,78,.2)}.theme-light .ring i{background:var(--petrol);box-shadow:0 0 18px rgba(7,86,78,.6)}
.theme-light .phone{box-shadow:0 40px 80px rgba(20,32,30,.25),0 0 0 1px rgba(20,32,30,.15)}
.theme-light .chip{background:rgba(255,255,255,.82);border-color:var(--hair);color:var(--ink2);box-shadow:0 10px 30px rgba(20,32,30,.08)}
.theme-light .chip .mono{color:var(--petrol)}.theme-light .chip-1 .mono{color:#9A5F00}
.theme-light .btn.mint{background:var(--petrol);color:#fff}.theme-light .btn.mint:hover{background:var(--petrol2)}
.theme-light .btn.outline{border-color:var(--petrol);color:var(--petrol)}
.theme-light .btn.ghost{background:#fff;border-color:#D3D8D6;color:var(--ink2)}
.theme-light .tile.dark,.theme-light .half.dark{background:var(--stone);color:var(--ink2)}
.theme-light .tile.light,.theme-light .half.light{background:var(--ivory2);color:var(--ink2)}
.theme-light .duo{background:var(--ivory)}
.theme-light .eye,.theme-light .dark .eye,.theme-light .travel .eye,.theme-light .sim .eye,.theme-light .video .eye,.theme-light .manifesto .eye{color:var(--petrol)}
.theme-light .mint{color:var(--petrol)}
.theme-light .bill{background:#fff;border-color:var(--hair);box-shadow:0 24px 60px rgba(20,32,30,.10);color:var(--ink2)}
.theme-light .bar i{background:#D9DDDB}.theme-light .bar.now i{background:linear-gradient(180deg,#2BA897,var(--petrol));box-shadow:none}
.theme-light .b-val{color:var(--soft)}.theme-light .bar.now .b-val{color:var(--petrol)}
.theme-light .tag-amber{background:rgba(227,155,38,.14);color:#8A5A00}.theme-light .bill-note{color:#9A5F00}
.theme-light .folder{background:#fff;border-color:var(--hair);color:var(--petrol);box-shadow:0 8px 20px rgba(20,32,30,.05)}
.theme-light .folder strong{color:var(--ink2)}.theme-light .folder span{color:var(--soft)}
.theme-light .voice-pill.big{background:rgba(7,86,78,.07);border-color:rgba(7,86,78,.28);color:var(--petrol)}
.theme-light .tile.travel{background-color:var(--stone);background-image:radial-gradient(ellipse 60% 50% at 50% 100%,rgba(7,86,78,.12),transparent 70%);color:var(--ink2)}
.theme-light .leg{background:#fff;border-color:rgba(7,86,78,.18)}.theme-light .leg .mono{color:var(--soft)}
.theme-light .tchips span{background:#fff;border-color:#D3D8D6;color:var(--ink2)}
.theme-light .approve{background:var(--petrol);color:#fff}.theme-light .approve svg{stroke:#fff}
.theme-light .mrow{background:#fff;border-color:var(--hair);color:var(--ink2)}
.theme-light .st.b{background:rgba(58,91,217,.12);color:#2E49B0}
.theme-light .sim{background:var(--stone);border-top-color:var(--hair)}
.theme-light .tab{border-color:#C9CFCC;color:#3A4744}.theme-light .tab.on{background:var(--ink2);color:#fff;border-color:var(--ink2)}
.theme-light .sim-story li{color:#9AA3A0}.theme-light .sim-story li::before{border-color:#B4BCB9}
.theme-light .sim-story li.done{color:var(--soft)}.theme-light .sim-story li.done::before{background:#8A9592;border-color:#8A9592}
.theme-light .sim-story li.now{color:var(--ink2)}.theme-light .sim-story li.now::before{background:var(--petrol);border-color:var(--petrol);box-shadow:0 0 10px rgba(7,86,78,.5)}
.theme-light .muted,.theme-light .note{color:#6A7471}
.theme-light .video{background:var(--ivory2)}
.theme-light .video-box{background-color:#E6E8E3;background-image:radial-gradient(ellipse 55% 60% at 50% 55%,rgba(7,86,78,.14),transparent 70%),linear-gradient(rgba(20,32,30,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(20,32,30,.05) 1px,transparent 1px);border-color:var(--hair)}
.theme-light .vplay{background:rgba(20,32,30,.85);border-color:transparent}
.theme-light .trust{background-color:var(--ivory);background-image:radial-gradient(ellipse 50% 70% at 85% 50%,rgba(7,86,78,.10),transparent 70%)}
.theme-light .trust li{background:#fff;border-color:var(--hair);color:var(--ink2);box-shadow:0 8px 24px rgba(20,32,30,.05)}
.theme-light .manifesto{background:var(--ivory2)}
.theme-light .manifesto p{color:var(--soft)}.theme-light .manifesto b{color:var(--ink2)}
.theme-light .cta{background-color:var(--stone);background-image:radial-gradient(ellipse 60% 80% at 50% 110%,rgba(7,86,78,.18),transparent 65%)}
.theme-light .foot{background:#E2E3DE;color:var(--soft)}.theme-light .foot strong{color:var(--ink2)}.theme-light .foot-links a{color:#3A4744}
.theme-light .cookie-in{background:rgba(255,255,255,.97);border-color:var(--hair);box-shadow:0 20px 60px rgba(20,32,30,.18);color:var(--ink2)}
.theme-light .cookie-in p{color:#3A4744}.theme-light .cookie-in a{color:var(--petrol)}
.theme-light .pref{background:var(--ivory)}.theme-light .pref span{color:var(--soft)}
.theme-light .pill{background:rgba(7,86,78,.1);color:var(--petrol)!important}
.theme-light .legal p,.theme-light .legal li,.theme-light .legal td{color:#2E3A38}.theme-light .legal th{color:var(--ink2)}.theme-light .legal th,.theme-light .legal td{border-bottom-color:var(--hair)}.theme-light .legal a{color:var(--petrol)}
.theme-light :focus-visible{outline-color:var(--petrol)}

/* rc3: logo ufficiale e scelta chiaro/scuro */
.brand{gap:12px;font-size:18px}
.brand-logo{width:48px;height:48px;border-radius:0;object-fit:contain}
.nav nav{padding-top:8px;padding-bottom:8px}
.theme-btn{width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.07);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex:none}
.theme-btn:hover{background:rgba(255,255,255,.14)}
.theme-btn .i-moon{display:none}
.theme-light .theme-btn{border-color:rgba(20,32,30,.15);background:#fff;color:var(--ink2)}
.theme-light .theme-btn .i-sun{display:none}.theme-light .theme-btn .i-moon{display:block}
.theme-light body{background:var(--ivory);color:var(--ink2)}
@media (max-width:720px){.brand-logo{width:42px;height:42px}.nav-links{gap:0 10px}}

/* rc5: contatti */
.cta-mail{font-size:17px!important;color:var(--grey)}
.cta-mail a{color:var(--mint);font-weight:600;user-select:all}
.theme-light .cta-mail a,.theme-light .foot a{color:var(--petrol)}
.foot a{color:#D2D2D7}
.anchor{position:relative;top:-80px;display:block}
@media (max-width:720px){.nav-links>a{display:none}}

/* rc6: demo video */
.video-box.vert{aspect-ratio:9/16;max-width:min(420px,100%);margin:0 auto}
.video-box.playing .video-word,.video-box.playing .vplay{display:none}
.video-box video{object-fit:contain}
.vnote{font-size:14px;color:var(--grey2);margin-top:-6px}

/* rc11: suggerimento lingua */
.lang-hint{position:relative;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 16px;padding:12px 52px 12px 20px;background:#0B2A27;border-bottom:1px solid rgba(63,224,197,.3);color:var(--ink);font-size:15px;text-align:center}
.lang-hint .btn{min-height:40px;font-size:14px;padding:0 18px}
.lh-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:40px;height:40px;border:none;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.theme-light .lang-hint{background:#E3F1EE;border-bottom-color:rgba(7,86,78,.25);color:var(--ink2)}

/* rc13: brevetto */
.foot-patent{flex-basis:100%;font-size:12.5px;color:var(--grey2);border-top:1px solid var(--line);padding-top:12px}
.manifesto .patent-badge{font-size:15px!important;margin-top:8px}
.patent-badge span{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1px solid rgba(63,224,197,.35);color:var(--mint);font-weight:600}
.theme-light .patent-badge span{border-color:rgba(7,86,78,.3);color:var(--petrol)}
.theme-light .foot-patent{border-top-color:var(--hair)}
