@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-wght-normal-CnvboYUG.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-wght-normal-Ca2vKHc0.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-wght-normal-ukD16Tqj.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-ext-wght-normal-C6vrW8VD.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Atkinson Hyperlegible Next Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/atkinson-hyperlegible-next-latin-wght-normal-BcXVPD7q.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--font-display: "Fraunces Variable", Georgia, "Times New Roman", serif;--font-body: "Atkinson Hyperlegible Next Variable", ui-sans-serif, system-ui, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-xs: .78rem;--text-sm: .875rem;--text-base: 1.0625rem;--text-lg: clamp(1.125rem, 1.05rem + .4vw, 1.3rem);--text-xl: clamp(1.35rem, 1.2rem + .7vw, 1.7rem);--text-2xl: clamp(1.7rem, 1.4rem + 1.5vw, 2.4rem);--text-3xl: clamp(2rem, 1.55rem + 2.3vw, 3.1rem);--text-4xl: clamp(2.2rem, 1.7rem + 2.4vw, 3.5rem);--leading-tight: 1.08;--leading-snug: 1.25;--leading-normal: 1.65;--blue-50: oklch(.96 .025 264);--blue-100: oklch(.92 .05 264);--blue-200: oklch(.86 .09 264);--blue-300: oklch(.78 .13 264);--blue-500: oklch(.46 .21 264);--blue-700: oklch(.34 .17 264);--blue-900: oklch(.3 .15 264);--bg: oklch(.985 .002 256);--bg-elevated: oklch(.97 .003 256);--surface: oklch(1 0 0);--surface-muted: oklch(.965 .004 256);--fg: oklch(.22 .012 256);--fg-muted: oklch(.46 .012 256);--fg-subtle: oklch(.6 .01 256);--border: oklch(.9 .006 256);--border-strong: oklch(.82 .008 256);--accent: oklch(.31 .17 264);--accent-hover: oklch(.42 .2 264);--accent-fg: oklch(.99 0 0);--accent-soft: oklch(.95 .03 264);--accent-soft-border: oklch(.88 .06 264);--ring: var(--accent);--success: oklch(.52 .12 152);--success-soft: oklch(.95 .04 152);--civic: oklch(.55 .2 27);--radius-sm: .375rem;--radius: .625rem;--radius-lg: 1rem;--radius-xl: 1.5rem;--radius-pill: 999px;--shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--shadow-card: 0 1px 2px oklch(0 0 0 / .04), 0 6px 22px oklch(0 0 0 / .07);--shadow-pop: 0 12px 44px oklch(.3 .15 264 / .16);--shadow-float: 0 24px 70px oklch(.3 .12 264 / .18);--container: 73rem;--reading: 42rem;--gutter: clamp(1.15rem, 5vw, 2.75rem);--section-y: clamp(4rem, 8vw, 8rem);--header-h: 4.25rem;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);color-scheme:light}.dark{--bg: oklch(.2 .012 264);--bg-elevated: oklch(.23 .012 264);--surface: oklch(.24 .012 264);--surface-muted: oklch(.28 .012 264);--fg: oklch(.95 .005 256);--fg-muted: oklch(.74 .01 256);--fg-subtle: oklch(.62 .012 256);--border: oklch(.33 .012 264);--border-strong: oklch(.42 .014 264);--accent: oklch(.74 .14 264);--accent-hover: oklch(.82 .12 264);--accent-fg: oklch(.2 .03 264);--accent-soft: oklch(.3 .07 264);--accent-soft-border: oklch(.42 .1 264);--success: oklch(.74 .13 152);--success-soft: oklch(.32 .06 152);--civic: oklch(.72 .17 27);--shadow-sm: 0 1px 2px oklch(0 0 0 / .3);--shadow-card: 0 1px 2px oklch(0 0 0 / .3), 0 6px 22px oklch(0 0 0 / .45);--shadow-pop: 0 12px 44px oklch(0 0 0 / .55);--shadow-float: 0 24px 70px oklch(0 0 0 / .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 1rem)}body{background-color:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);font-feature-settings:"kern","liga","calt";text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:var(--leading-tight);letter-spacing:-.02em;text-wrap:balance;font-optical-sizing:auto}p{text-wrap:pretty}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none}ul{list-style:none;padding:0}:focus-visible{outline:2.5px solid var(--ring);outline-offset:3px;border-radius:3px}::selection{background-color:color-mix(in oklch,var(--accent) 22%,transparent)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.6rem 1rem;background:var(--accent);color:var(--accent-fg);border-radius:var(--radius-sm);font-weight:600;transform:translateY(-160%);transition:transform .2s var(--ease-out)}.skip-link:focus{transform:translateY(0)}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.section-tight{padding-block:clamp(2.5rem,5vw,4.5rem)}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent)}.eyebrow:before{content:"";width:1.6rem;height:2px;background:var(--accent);border-radius:2px}.section-head{max-width:46rem}.section-head .title{font-size:var(--text-3xl);margin-top:1rem}.section-head .intro{margin-top:1.1rem;font-size:var(--text-lg);color:var(--fg-muted);max-width:var(--reading)}.btn{--_bg: var(--accent);--_fg: var(--accent-fg);display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.8rem 1.4rem;border-radius:var(--radius-sm);font-weight:700;font-size:var(--text-base);line-height:1;background:var(--_bg);color:var(--_fg);border:1.5px solid transparent;transition:background-color .18s var(--ease-out),transform .18s var(--ease-out),box-shadow .18s var(--ease-out),border-color .18s var(--ease-out);will-change:transform}.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-pop)}.btn:active{transform:translateY(0)}.btn-ghost{--_bg: transparent;--_fg: var(--fg);border-color:var(--border-strong)}.btn-ghost:hover{--_bg: var(--surface-muted);background:var(--surface-muted);border-color:var(--fg-subtle);box-shadow:none}.btn-sm{padding:.5rem .95rem;font-size:var(--text-sm)}.btn .icon{width:1.15em;height:1.15em}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .9rem;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:600;color:var(--accent);background:linear-gradient(90deg,color-mix(in oklab,var(--accent) 13%,var(--surface)),var(--surface) 50%,color-mix(in oklab,var(--civic) 10%,var(--surface)));border:1px solid var(--accent-soft-border);box-shadow:var(--shadow-sm)}.badge .dot{width:.5rem;height:.5rem;border-radius:50%;background:var(--accent)}.tag{display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .7rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;background:var(--surface-muted);color:var(--fg-muted);border:1px solid var(--border)}.link-arrow{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;color:var(--accent)}.link-arrow .icon{width:1.1em;height:1.1em;transition:transform .2s var(--ease-out)}.link-arrow:hover .icon{transform:translate(3px)}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s var(--ease-out),transform .65s var(--ease-out)}.reveal.is-visible{opacity:1;transform:none}.reveal-scale{transform:translateY(22px) scale(.97)}.reveal-left{transform:translate(-30px)}.reveal-right{transform:translate(30px)}.reveal-scale.is-visible,.reveal-left.is-visible,.reveal-right.is-visible{transform:none}@keyframes pop-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}}.header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;background:color-mix(in oklch,var(--bg) 80%,transparent);-webkit-backdrop-filter:saturate(160%) blur(12px);backdrop-filter:saturate(160%) blur(12px);border-bottom:1px solid transparent;transition:border-color .25s var(--ease-out),background-color .25s var(--ease-out)}.header[data-scrolled=true]{border-bottom-color:var(--border);background:color-mix(in oklch,var(--bg) 92%,transparent)}.header .container{display:flex;align-items:center;gap:1.5rem}.brand{display:inline-flex;align-items:center;gap:.65rem;font-family:var(--font-display);font-weight:600;font-size:1.3rem;letter-spacing:-.02em}.brand .brand-mark{width:2.1rem;height:2.1rem;flex:none}.brand .brand-tld{color:var(--accent)}.nav{display:flex;align-items:center;gap:.35rem;margin-inline-start:auto}.nav-links{display:flex;align-items:center;gap:.15rem}.nav-links a{position:relative;padding:.5rem .8rem;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;color:var(--fg-muted);transition:color .18s var(--ease-out)}.nav-links a:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.32rem;height:2px;border-radius:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease-out)}.nav-links a:hover{color:var(--fg)}.nav-links a:hover:after{transform:scaleX(1)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-inline-start:.5rem}.icon-btn{display:inline-grid;place-items:center;width:2.4rem;height:2.4rem;border-radius:var(--radius-sm);color:var(--fg-muted);border:1px solid var(--border);background:var(--surface);transition:color .15s,border-color .15s,background-color .15s}.icon-btn:hover{color:var(--fg);border-color:var(--border-strong)}.icon-btn .icon{width:1.2rem;height:1.2rem}@media(max-width:920px){.nav-links{display:none}}.hero{position:relative;padding-top:clamp(2.5rem,6vw,5rem);padding-bottom:clamp(3rem,7vw,6rem);overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background-image:radial-gradient(var(--border-strong) 1.1px,transparent 1.1px);background-size:27px 27px;-webkit-mask-image:radial-gradient(ellipse 75% 60% at 60% 0%,#000,transparent 72%);mask-image:radial-gradient(ellipse 75% 60% at 60% 0%,#000,transparent 72%);opacity:.55}.hero:after{content:"";position:absolute;top:-10%;right:-5%;bottom:-10%;left:-5%;z-index:-1;background:radial-gradient(40rem 36rem at 88% -6%,color-mix(in oklch,var(--accent) 22%,transparent),transparent 56%),radial-gradient(36rem 32rem at 6% 112%,color-mix(in oklch,var(--civic) 16%,transparent),transparent 56%);pointer-events:none;animation:aurora 16s ease-in-out infinite alternate;will-change:transform}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}.hero-copy{max-width:38rem}.hero h1{font-size:var(--text-4xl);margin-top:1.4rem;font-weight:600;line-height:1.04;letter-spacing:-.025em;max-width:18ch}.hero h1 .accent{color:var(--accent);font-style:italic}.hero-lead{margin-top:1.5rem;font-size:var(--text-lg);color:var(--fg-muted);max-width:34rem}.hero-cta{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:2rem}.hero-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.1rem;margin-top:2rem;font-size:var(--text-sm);color:var(--fg-subtle)}.hero-meta .meta-item{display:inline-flex;align-items:center;gap:.4rem}.hero-meta .meta-item .icon{width:1.05rem;height:1.05rem;color:var(--success)}.hero-meta .sep{width:1px;height:.9rem;background:var(--border-strong)}.chat-preview{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-float);overflow:hidden;transform:rotate(.4deg)}.chat-preview .chat-topbar{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.1rem;border-bottom:1px solid var(--border);background:var(--bg-elevated)}.chat-dots{display:inline-flex;gap:.4rem}.chat-dots span{width:.7rem;height:.7rem;border-radius:50%;background:var(--border-strong)}.chat-cadre{margin-inline-start:auto;display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-border)}.chat-cadre .icon{width:.95rem;height:.95rem}.chat-body{display:flex;flex-direction:column;gap:1rem;padding:1.25rem 1.1rem}.bubble{max-width:88%;padding:.8rem 1rem;border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:1.55}.bubble.user{align-self:flex-end;background:var(--accent);color:var(--accent-fg);border-bottom-right-radius:.35rem}.bubble.assistant{align-self:flex-start;background:var(--surface-muted);border:1px solid var(--border);border-bottom-left-radius:.35rem}.bubble.assistant strong{font-weight:700}.bubble.assistant .mini-list{margin:.5rem 0 0;padding-left:1.1rem;list-style:disc;color:var(--fg-muted)}.bubble.assistant .mini-list li{margin-block:.15rem}.chat-sources{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem;padding-top:.7rem;border-top:1px dashed var(--border-strong)}.chat-sources .src-label{width:100%;font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--fg-subtle)}.source-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;background:var(--surface);border:1px solid var(--border);color:var(--fg-muted)}.source-chip .icon{width:.85rem;height:.85rem;color:var(--accent)}.typing{display:inline-flex;gap:.25rem;align-self:flex-start;padding:.65rem .9rem;background:var(--surface-muted);border:1px solid var(--border);border-radius:var(--radius-lg)}.typing span{width:.45rem;height:.45rem;border-radius:50%;background:var(--fg-subtle);animation:typing 1.3s var(--ease-in-out) infinite}.typing span:nth-child(2){animation-delay:.18s}.typing span:nth-child(3){animation-delay:.36s}@keyframes typing{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}.chat-composer{display:flex;align-items:center;gap:.6rem;margin:0 1.1rem 1.1rem;padding:.7rem .7rem .7rem 1rem;border:1px solid var(--border);border-radius:var(--radius-pill);background:var(--bg-elevated);color:var(--fg-subtle);font-size:var(--text-sm)}.chat-composer .send{margin-inline-start:auto;display:inline-grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:50%;background:var(--accent);color:var(--accent-fg)}.chat-composer .send .icon{width:1rem;height:1rem}.chat-float{align-self:center;display:inline-flex;align-items:center;gap:.5rem;margin-top:.2rem;padding:.45rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);font-size:var(--text-xs);font-weight:700;white-space:nowrap;animation:float-in .5s var(--ease-out) 1.1s both}@keyframes float-in{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:none}}.chat-float .icon{width:1rem;height:1rem;color:var(--accent);flex:none}@media(max-width:880px){.hero-grid{grid-template-columns:1fr}.chat-preview{transform:none;max-width:28rem;margin-inline:auto}}.trust{border-block:1px solid var(--border);background:var(--bg-elevated)}.trust .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem clamp(1.5rem,5vw,3.5rem);padding-block:1.5rem}.trust-item{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:var(--text-sm);color:var(--fg-muted)}.trust-item .icon{width:1.3rem;height:1.3rem;color:var(--accent)}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.1rem;margin-top:clamp(2rem,4vw,3rem)}.card{position:relative;padding:1.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--border-strong)}.card .card-icon{display:inline-grid;place-items:center;width:3rem;height:3rem;border-radius:var(--radius);background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-border);margin-bottom:1.1rem;transition:background-color .25s var(--ease-out),color .25s var(--ease-out),border-color .25s var(--ease-out),transform .3s var(--ease-out)}.card:hover .card-icon{background:var(--accent);color:var(--accent-fg);border-color:var(--accent);transform:scale(1.08) rotate(-4deg)}.card .card-icon .icon{width:1.5rem;height:1.5rem}.card h3{font-size:var(--text-xl)}.card p{margin-top:.6rem;color:var(--fg-muted);font-size:var(--text-base)}.diff-list{display:flex;flex-direction:column;gap:clamp(1.5rem,3vw,2.5rem);margin-top:clamp(2.5rem,5vw,4rem)}.diff{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,3vw,2.75rem);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.diff:nth-child(2n) .diff-visual{order:-1}.diff-num{display:inline-flex;align-items:baseline;gap:.5rem;font-family:var(--font-display);color:var(--accent)}.diff-num .n{font-size:2.4rem;font-weight:600;line-height:1;font-feature-settings:"tnum"}.diff-num .label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.diff h3{font-size:var(--text-2xl);margin-top:1rem}.diff p{margin-top:.9rem;color:var(--fg-muted);font-size:var(--text-lg)}.diff .diff-note{margin-top:1.1rem;font-size:var(--text-base)}.diff-visual{display:grid;gap:.8rem;padding:clamp(1.1rem,2.5vw,1.75rem);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg)}.sov-row{display:flex;align-items:center;gap:.8rem;padding:.85rem 1rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);font-weight:600;font-size:var(--text-sm)}.sov-row .icon{width:1.4rem;height:1.4rem;flex:none}.sov-row.here{border-color:var(--accent-soft-border);background:var(--accent-soft);color:var(--accent)}.sov-row.here .icon{color:var(--accent)}.sov-row.there{color:var(--fg-subtle)}.sov-row.there .icon{color:var(--civic)}.sov-row .tail{margin-inline-start:auto;font-weight:500;font-size:var(--text-xs);color:inherit;opacity:.85}.cadre-card .cadre-head{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:var(--text-sm);padding-bottom:.7rem;border-bottom:1px solid var(--border)}.cadre-head .icon{width:1.15rem;height:1.15rem;color:var(--accent)}.rule{display:flex;align-items:flex-start;gap:.6rem;font-size:var(--text-sm);line-height:1.45}.rule .icon{width:1.05rem;height:1.05rem;margin-top:.18rem;flex:none}.rule.do .icon{color:var(--success)}.rule.dont .icon{color:var(--civic)}.rule.dont{color:var(--fg-muted)}.rag-answer{padding:.9rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-sm);line-height:1.55}.rag-answer .cite{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;margin:0 .1rem;border-radius:.35rem;font-size:.7rem;font-weight:700;vertical-align:text-top;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-border)}@media(max-width:800px){.diff{grid-template-columns:1fr}.diff:nth-child(2n) .diff-visual{order:0}}.classe{background:var(--bg-elevated);border-block:1px solid var(--border)}.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1.1rem;margin-top:clamp(2rem,4vw,3rem);padding:0;list-style:none}.step-card{position:relative;padding:1.6rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.step-num{position:absolute;top:.9rem;right:1.2rem;font-family:var(--font-display);font-size:1.7rem;font-weight:600;line-height:1;color:var(--border-strong)}.step-icon{display:grid;place-items:center;width:2.9rem;height:2.9rem;border-radius:50%;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-border);margin-bottom:1rem}.step-icon .icon{width:1.45rem;height:1.45rem}.step-card h3{font-size:var(--text-lg)}.step-card p{margin-top:.5rem;color:var(--fg-muted);font-size:var(--text-base)}.views-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.25rem,3vw,2rem);margin-top:clamp(1.75rem,3.5vw,2.5rem);align-items:start}.view{display:flex;flex-direction:column;gap:.75rem;margin:0}.view-label{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:var(--text-sm);color:var(--fg-muted)}.view-label .icon{width:1.15rem;height:1.15rem;color:var(--accent)}.views-grid .chat-preview{transform:none;border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.views-grid .monitor{box-shadow:var(--shadow-card)}.monitor{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.monitor-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1rem 1.15rem;border-bottom:1px solid var(--border);background:var(--bg-elevated);font-weight:700}.monitor-head sup{font-size:.6em}.monitor-list{padding:.4rem .6rem}.monitor-row{display:flex;align-items:center;gap:.85rem;padding:.8rem .5rem}.monitor-row:not(:first-child){border-top:1px solid var(--border)}.avatar{flex:none;display:grid;place-items:center;width:2.3rem;height:2.3rem;border-radius:50%;font-size:var(--text-xs);font-weight:700;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-soft-border)}.who{display:flex;flex-direction:column;line-height:1.3}.who strong{font-weight:700}.who .detail{font-size:var(--text-xs);color:var(--fg-subtle)}.status{margin-inline-start:auto;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:700;white-space:nowrap}.status-done{background:var(--success-soft);color:var(--success)}.status-wip{background:var(--accent-soft);color:var(--accent)}.status-help{background:color-mix(in oklch,var(--civic) 16%,transparent);color:var(--civic)}@media(max-width:820px){.views-grid{grid-template-columns:1fr}}@media(max-width:760px){.steps-row{grid-template-columns:1fr}}.why{position:relative;background:var(--accent);color:var(--accent-fg);overflow:hidden;isolation:isolate}.dark .why{background:var(--bg-elevated);color:var(--fg);border-block:1px solid var(--border)}.why:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:radial-gradient(color-mix(in oklch,#fff 14%,transparent) 1px,transparent 1px);background-size:28px 28px;opacity:.5}.dark .why:before{background-image:radial-gradient(var(--border-strong) 1px,transparent 1px);opacity:.6}.why .eyebrow{color:color-mix(in oklch,var(--accent-fg) 85%,transparent)}.dark .why .eyebrow{color:var(--accent)}.why .eyebrow:before{background:currentColor}.why-quote{font-family:var(--font-display);font-weight:500;font-size:var(--text-3xl);line-height:1.18;letter-spacing:-.02em;max-width:30ch;margin-top:1.2rem;text-wrap:balance}.why-quote em{font-style:italic;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;text-decoration-color:color-mix(in oklch,currentColor 45%,transparent)}.why-body{margin-top:1.4rem;font-size:var(--text-lg);max-width:var(--reading);color:color-mix(in oklch,var(--accent-fg) 88%,transparent)}.dark .why-body{color:var(--fg-muted)}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem;margin-top:clamp(2rem,4vw,3rem)}.principle{padding:1.25rem;border-radius:var(--radius-lg);background:color-mix(in oklch,#fff 12%,transparent);border:1px solid color-mix(in oklch,#fff 22%,transparent)}.dark .principle{background:var(--surface);border-color:var(--border)}.principle .icon{width:1.6rem;height:1.6rem;margin-bottom:.7rem}.principle h3{font-size:var(--text-lg);color:inherit}.principle p{margin-top:.4rem;font-size:var(--text-sm);color:color-mix(in oklch,var(--accent-fg) 82%,transparent)}.dark .principle p{color:var(--fg-muted)}.faq-grid{margin-top:clamp(2rem,4vw,3rem);display:grid;gap:.7rem;max-width:52rem}.faq-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden;transition:border-color .2s,box-shadow .2s}.faq-item[open]{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.faq-item summary{display:flex;align-items:center;gap:1rem;padding:1.1rem 1.3rem;font-family:var(--font-display);font-weight:600;font-size:var(--text-lg);letter-spacing:-.01em;list-style:none;cursor:pointer}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .chevron{margin-inline-start:auto;width:1.3rem;height:1.3rem;flex:none;color:var(--accent);transition:transform .25s var(--ease-out)}.faq-item[open] summary .chevron{transform:rotate(180deg)}.faq-item .faq-answer{padding:0 1.3rem 1.2rem;color:var(--fg-muted);max-width:60ch}.faq-item .faq-answer a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cta-final{text-align:center}.cta-final .cta-box{position:relative;padding:clamp(2.5rem,6vw,4.5rem) var(--gutter);border-radius:var(--radius-xl);border:1px solid var(--accent-soft-border);background:radial-gradient(ellipse 48% 70% at 10% 0%,color-mix(in oklch,var(--accent) 14%,transparent),transparent 66%),radial-gradient(ellipse 48% 70% at 90% 0%,color-mix(in oklch,var(--civic) 12%,transparent),transparent 66%),var(--surface);overflow:hidden}.cta-final h2{font-size:var(--text-3xl);max-width:22ch;margin-inline:auto}.cta-final p{margin:1.1rem auto 0;max-width:44ch;color:var(--fg-muted);font-size:var(--text-lg)}.cta-final .hero-cta{justify-content:center}.footer{border-top:1px solid var(--border);background:var(--bg-elevated);padding-block:clamp(3rem,5vw,4rem) 2rem}.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:2rem}.footer-brand{max-width:22rem}.footer-brand .brand{font-size:1.2rem}.footer-brand p{margin-top:.9rem;font-size:var(--text-sm);color:var(--fg-muted)}.footer-col h4{font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-subtle);margin-bottom:.9rem}.footer-col ul{display:grid;gap:.55rem}.footer-col a{font-size:var(--text-sm);color:var(--fg-muted);transition:color .15s}.footer-col a:hover{color:var(--accent)}.footer-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--border);font-size:var(--text-sm);color:var(--fg-subtle)}.footer-bottom .flag{display:inline-flex;align-items:center;gap:.5rem}.flag-tricolore{display:inline-flex;width:1.4rem;height:1rem;border-radius:2px;overflow:hidden;border:1px solid var(--border)}.flag-tricolore i{flex:1}.flag-tricolore i:nth-child(1){background:#000091}.flag-tricolore i:nth-child(2){background:#fff}.flag-tricolore i:nth-child(3){background:#e1000f}@media(max-width:820px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1 / -1}}@media(max-width:480px){.footer-top{grid-template-columns:1fr}}.tricolore-top{position:fixed;inset:0 0 auto 0;height:3px;z-index:60;overflow:hidden;background:linear-gradient(90deg,#000091,#4b4bd6 22%,#eef1ff,#f56 78%,#e1000f)}.tricolore-top:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:34%;background:linear-gradient(90deg,transparent,color-mix(in oklch,#fff 78%,transparent),transparent);transform:translate(-130%);animation:tri-sheen 5s var(--ease-in-out) 1.2s infinite}@keyframes tri-sheen{0%{transform:translate(-130%)}55%,to{transform:translate(330%)}}@keyframes aurora{0%{transform:translateZ(0) scale(1);opacity:.8}to{transform:translate3d(-2.5%,1.5%,0) scale(1.1);opacity:1}}.btn .icon{transition:transform .2s var(--ease-out)}.btn:hover .icon{transform:translate(2px)}.icon-btn[aria-pressed] svg{animation:icon-pop .4s var(--ease-out)}@keyframes icon-pop{0%{opacity:0;transform:rotate(-90deg) scale(.4)}to{opacity:1;transform:none}}.badge .dot{position:relative}.badge .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;animation:dot-pulse 2.6s var(--ease-in-out) infinite}@keyframes dot-pulse{0%{box-shadow:0 0 color-mix(in oklch,var(--accent) 55%,transparent)}70%,to{box-shadow:0 0 0 7px transparent}}.hero .chat-preview{animation:card-float 7s var(--ease-in-out) 1.4s infinite}@keyframes card-float{0%,to{transform:rotate(.4deg) translateY(0)}50%{transform:rotate(.4deg) translateY(-9px)}}.step-icon{transition:transform .3s var(--ease-out)}.step-card{transition:transform .22s var(--ease-out),box-shadow .22s var(--ease-out),border-color .22s var(--ease-out)}.step-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card);border-color:var(--border-strong)}.step-card:hover .step-icon{transform:scale(1.08) rotate(-4deg)}.diff{transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out)}.diff:hover{box-shadow:var(--shadow-pop);border-color:var(--accent-soft-border)}.reveal:not(.is-visible) .chat-body>.bubble,.reveal:not(.is-visible) .monitor-row{opacity:0}.reveal.is-visible .chat-body>.bubble{animation:pop-in .5s var(--ease-out) both}.reveal.is-visible .chat-body>.bubble:nth-child(1){animation-delay:.2s}.reveal.is-visible .chat-body>.bubble:nth-child(2){animation-delay:.44s}.reveal.is-visible .chat-body>.bubble:nth-child(3){animation-delay:.68s}.reveal.is-visible .chat-body>.bubble:nth-child(4){animation-delay:.92s}.reveal.is-visible .monitor-row{animation:pop-in .5s var(--ease-out) both}.reveal.is-visible .monitor-row:nth-child(1){animation-delay:.3s}.reveal.is-visible .monitor-row:nth-child(2){animation-delay:.46s}.reveal.is-visible .monitor-row:nth-child(3){animation-delay:.62s}