@import"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;600;700&family=Noto+Serif+SC:wght@500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--paper: #f7f2ea;--paper-deep: #efe4d8;--ink: #1f1a16;--ink-soft: #4c4036;--accent: #c17c16;--accent-dark: #9f6512;--line: #e2d3c2;--shadow: 0 24px 60px rgba(27, 19, 11, .18);--radius: 16px;--font-display: "Noto Serif SC", "Noto Serif", serif;--font-body: "Noto Sans SC", "Noto Sans", sans-serif}body{font-family:var(--font-body);background-color:var(--paper);background-image:radial-gradient(circle at 15% 10%,rgba(255,255,255,.6),transparent 55%),radial-gradient(circle at 85% 0%,rgba(255,233,210,.7),transparent 50%);color:var(--ink);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.section-inner{max-width:1200px;margin:0 auto;padding:0 2.5rem}.header{position:sticky;top:0;z-index:50;background:#f7f2eae6;border-bottom:1px solid var(--line)}.nav{max-width:1200px;margin:0 auto;padding:1.2rem 2.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-family:var(--font-display);font-size:1.6rem;font-weight:700;color:var(--accent);letter-spacing:.08em}.nav-actions{display:flex;align-items:center;gap:1.5rem}.nav-links{display:flex;gap:2rem;font-size:.95rem;letter-spacing:.2em;text-transform:uppercase}.nav-links a{text-decoration:none;color:var(--ink-soft);transition:color .3s ease}.nav-links a:hover{color:var(--accent)}.nav-socials{display:flex;align-items:center}.nav-social{text-decoration:none;font-size:.75rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#fff;transition:color .3s ease,border-color .3s ease,transform .3s ease}.nav-social:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-1px)}.lang-switch{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .6rem;border-radius:999px;border:1px solid var(--line);background:#fff;box-shadow:0 10px 20px #1f1a1614;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}.lang-switch button{background:none;border:none;padding:0;font:inherit;font-weight:600;color:var(--ink-soft);cursor:pointer}.lang-switch button.is-active{color:var(--accent)}.lang-divider{color:var(--line)}.hero{padding:5.5rem 0 6rem}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:4.5rem;align-items:start}.hero-content>*{opacity:0;transform:translateY(12px);animation:fadeUp .7s ease forwards}.hero-content>*:nth-child(1){animation-delay:.1s}.hero-content>*:nth-child(2){animation-delay:.2s}.hero-content>*:nth-child(3){animation-delay:.3s}.hero-content>*:nth-child(4){animation-delay:.4s}.hero-kicker{font-size:.85rem;letter-spacing:.35em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.hero-kicker-issue{letter-spacing:.15em;margin-left:.5rem;font-weight:400}.hero h1{font-family:var(--font-display);font-size:3.6rem;line-height:1.1;margin-top:.6rem}.hero-subtitle{font-size:1.2rem;color:var(--ink-soft);max-width:32rem;margin-top:1.2rem}.hero-buttons{display:flex;align-items:center;gap:1.2rem;margin-top:2.2rem}.btn-primary,.btn-secondary{font-family:var(--font-body);font-size:1rem;font-weight:600;padding:.9rem 2.2rem;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,color .3s ease,background .3s ease}.btn-primary{background:var(--accent);color:#fff;border:1px solid var(--accent);box-shadow:0 12px 28px #c17c1647;text-decoration:none;display:inline-block}.btn-primary:hover{background:var(--accent-dark);transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid var(--ink);color:var(--ink)}.btn-secondary:hover{background:var(--ink);color:var(--paper)}.hero-visual{position:relative}.hero-demo{position:relative;--grid-unit: 24px;--block-x: 10;--block-y: 7;--block-w: 7;--block-h: 4;--line-x: 2;--line-y: 6;--line-w: 8;padding:calc(var(--grid-unit) * 2);min-height:calc(var(--grid-unit) * 14);border-radius:var(--radius);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.hero-demo-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(226,211,194,.45) 1px,transparent 1px),linear-gradient(to bottom,rgba(226,211,194,.45) 1px,transparent 1px);background-size:var(--grid-unit) var(--grid-unit);opacity:.6}.hero-demo-text{position:relative;display:grid;grid-auto-rows:var(--grid-unit);gap:0;z-index:1;color:var(--ink)}.hero-demo-line{display:grid;grid-auto-flow:column;grid-auto-columns:var(--grid-unit);height:var(--grid-unit)}.hero-demo-cell{width:var(--grid-unit);height:var(--grid-unit);display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:500;line-height:1;opacity:0}.hero-demo-cell.is-visible{animation:heroCell .35s ease forwards}.hero-demo-cursor{width:var(--grid-unit);height:var(--grid-unit);display:grid;place-items:center;opacity:0;animation:cursorBlink 1.2s ease infinite}.hero-demo-cursor:after{content:"";width:calc(var(--grid-unit) * .35);height:calc(var(--grid-unit) * .7);border-radius:4px;background:var(--accent)}.hero-demo-cursor.is-visible{opacity:1}.hero-demo-block{position:absolute;left:calc(var(--grid-unit) * var(--block-x));top:calc(var(--grid-unit) * var(--block-y));width:calc(var(--grid-unit) * var(--block-w));height:calc(var(--grid-unit) * var(--block-h));padding:calc(var(--grid-unit) * .4);display:flex;flex-direction:column;justify-content:center;border-radius:14px;background:#fff;border:1px solid var(--line);box-shadow:0 14px 30px #1f1a161f;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;z-index:2}.hero-demo-block.is-visible{opacity:1;transform:translateY(0)}.hero-demo-block-title{font-weight:600;margin-bottom:.4rem}.hero-demo-block-body{font-size:.9rem;color:var(--ink-soft)}.hero-demo-connector{position:absolute;left:calc(var(--grid-unit) * var(--line-x));top:calc(var(--grid-unit) * var(--line-y) + var(--grid-unit) / 2);width:calc(var(--grid-unit) * var(--line-w));height:2px;background:var(--accent);opacity:0;transform:scaleX(.6);transform-origin:left;transition:opacity .4s ease,transform .4s ease;z-index:1}.hero-demo-connector:after{content:"";position:absolute;right:-6px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--accent)}.hero-demo-connector.is-visible{opacity:1;transform:scaleX(1)}.flow,.resources{padding:5rem 0}.flow{background:#ffffff73;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow h2,.resources h2,.about h2,.contact h2{font-family:var(--font-display);font-size:2.2rem;margin-bottom:2rem}.flow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.flow-step{padding:1.8rem;border:1px solid var(--line);border-radius:14px;background:#fff;box-shadow:0 12px 28px #1f1a1614;opacity:0;transform:translateY(12px);animation:fadeUp .7s ease forwards}.flow-step:nth-child(1){animation-delay:.1s}.flow-step:nth-child(2){animation-delay:.2s}.flow-step:nth-child(3){animation-delay:.3s}.flow-index{font-size:.9rem;letter-spacing:.3em;color:var(--accent);margin-bottom:.6rem}.flow-step h3{margin-bottom:.4rem;font-size:1.25rem}.flow-step p{color:var(--ink-soft)}.resources-header{max-width:560px;margin-bottom:2.5rem}.resources-header p{color:var(--ink-soft)}.resources-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.resource-card{padding:1.8rem 1.6rem;border-radius:16px;border:1px solid var(--line);background:#fff;box-shadow:0 16px 32px #1f1a1614;opacity:0;transform:translateY(12px);animation:fadeUp .7s ease forwards}.resource-card:nth-child(1){animation-delay:.1s}.resource-card:nth-child(2){animation-delay:.2s}.resource-card:nth-child(3){animation-delay:.3s}.resource-tag{display:inline-block;padding:.2rem .6rem;border-radius:999px;background:#c17c161f;color:var(--accent-dark);font-size:.8rem;margin-bottom:.8rem}.resource-card h3{margin-bottom:.6rem;font-size:1.2rem}.resource-card p{color:var(--ink-soft)}.about{padding:5rem 2.5rem 4rem;max-width:900px;margin:0 auto}.about p{color:var(--ink-soft);font-size:1.1rem;line-height:1.8}.contact{padding:5rem 2.5rem 6rem;background:var(--paper-deep);text-align:center}.contact p{color:var(--ink-soft);margin-bottom:2rem}.subscribe-form{display:flex;justify-content:center;gap:1rem;max-width:520px;margin:0 auto}.subscribe-form input{flex:1;padding:.9rem 1rem;border:1px solid var(--line);border-radius:10px;font-size:1rem;background:#fff;outline:none}.subscribe-form input:focus{border-color:var(--accent)}.subscribe-note{margin:1rem auto 0;font-size:.95rem;color:var(--ink-soft)}.subscribe-note.is-success{color:var(--accent)}.subscribe-note.is-error{color:#b3513d}.footer{background:#1e1a16;color:#f9f5ef;padding:2rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;text-align:center}.footer-logo{font-family:var(--font-display);font-size:1.3rem;color:var(--accent);margin-bottom:.4rem}.footer p{color:#fff9;font-size:.9rem}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes heroCell{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:.2}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}@media (max-width: 1024px){.hero-inner{grid-template-columns:1fr}.hero-visual{order:2}.hero-demo{min-height:calc(var(--grid-unit) * 12)}}@media (max-width: 768px){.section-inner{padding:0 1.5rem}.nav{padding:1rem 1.5rem}.nav-actions{gap:1rem}.nav-links{display:none}.nav-social{font-size:.65rem;padding:.3rem .55rem;letter-spacing:.12em}.lang-switch{font-size:.65rem;padding:.3rem .5rem}.hero{padding:4rem 0}.hero h1{font-size:2.6rem}.hero-buttons{flex-direction:column;align-items:stretch}.hero-demo{--grid-unit: 20px;--block-x: 7;--block-y: 6;--block-w: 6;--block-h: 4;--line-x: 1;--line-y: 5;--line-w: 7;padding:calc(var(--grid-unit) * 2)}.flow-steps,.resources-grid{grid-template-columns:1fr}.about,.contact{padding-left:1.5rem;padding-right:1.5rem}.subscribe-form{flex-direction:column}}