:root{--brand:#a94d00;--brand-light:#fff0d9;--surface:#faf9f6;--card:#fff;--on-surface:#22221f;--muted:#62625a;--radius:20px}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-size:16px}a,button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid #a94d00;outline-offset:5px}.skip-link{position:fixed;left:16px;top:-100px;z-index:999;background:white;padding:12px}.skip-link:focus{top:12px}
nav{height:auto;min-height:80px;padding:16px max(24px,calc((100vw - 1160px)/2));background:rgba(250,249,246,.96);border-color:#e6e4dd;gap:20px}.nav-brand{display:flex;align-items:center;gap:12px;color:#22221f;font-size:20px;font-weight:750;white-space:nowrap}.nav-brand:hover{text-decoration:none}.nav-logo{width:44px;height:44px;object-fit:contain;border-radius:12px}.nav-right{gap:24px}.nav-links{gap:24px}.nav-links a{font-size:14px}.nav-tools-btn{font-size:14px;background:transparent;color:#22221f;border:1px solid #d7d5cd;border-radius:8px;padding:10px 15px}.language-select{font:inherit;font-size:14px;max-width:145px;padding:10px 8px;border:1px solid #d7d5cd;border-radius:8px;background:transparent;color:#22221f}
.hero{max-width:1160px;padding:70px 24px 64px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;text-align:left}.hero-copy{min-width:0}.hero-logo{display:none}.badge{font-size:14px;letter-spacing:0;background:transparent;padding:0;color:var(--brand);margin-bottom:26px}.badge:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--brand);margin-right:9px}.hero h1{font-size:clamp(44px,5.8vw,76px);line-height:1.06;letter-spacing:-2.7px;max-width:660px;margin-bottom:28px;text-wrap:balance}.hero p{font-size:18px;max-width:550px;margin:0 0 30px;line-height:1.75}.cta-group{justify-content:flex-start;gap:12px}.btn-primary,.btn-secondary{border-radius:10px;font-size:15px;padding:15px 22px;min-height:52px}.btn-secondary{border:1px solid #d7d5cd;color:var(--on-surface);background:transparent}.hero .setup-note{font-size:14px;line-height:1.65;margin-top:20px;margin-bottom:0;max-width:490px}.hero-visual{margin:0;padding:30px;background:#efece5;border-radius:28px;display:flex;align-items:center;flex-direction:column;gap:18px;position:relative}.hero-visual img{display:block;width:248px;max-width:100%;height:auto;border-radius:18px;box-shadow:0 16px 42px #29241c20}.hero-visual figcaption{font-size:14px;color:#565249;text-align:center}.content-types{max-width:1112px;margin:auto;padding:28px 24px;border-top:1px solid #e6e4dd;border-bottom:1px solid #e6e4dd;font-size:14px}.content-chips{gap:12px;margin-top:16px}.content-chip{background:transparent;font-size:14px;border:1px solid #e1ded5;border-radius:6px;padding:8px 14px}
.section{max-width:1160px;padding:88px 24px}.section-label{font-size:14px;letter-spacing:1.4px}.section h2{font-size:clamp(30px,4vw,46px);line-height:1.2;letter-spacing:-1.2px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card{padding:30px;border:1px solid #e6e4dd;border-radius:14px;background:white}.feature-icon{font-family:monospace;color:#a94d00;font-size:16px;letter-spacing:2px;margin-bottom:30px}.feature-card h3{font-size:19px;line-height:1.4;margin-bottom:12px}.feature-card p,.step-body p{font-size:16px;line-height:1.75}.how-section{background:#efede6;padding:72px 24px}.how-inner{max-width:1112px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.step{display:block}.step-num{border-radius:8px;width:40px;height:40px;margin-bottom:22px;font-size:16px}.step-body h3{font-size:19px;line-height:1.45;margin-bottom:12px}.lang-section{max-width:1112px;padding-top:76px;padding-bottom:0}.lang-flag-chip{background:transparent;border-color:#dedbd2}.privacy-callout{max-width:1160px;margin:72px auto}.privacy-box{background:#252823;color:#fff;border-radius:20px;padding:50px 40px}.privacy-box h2{font-size:clamp(26px,3vw,38px);line-height:1.3;max-width:780px;margin:0 auto 18px}.privacy-box p{max-width:740px;margin:0 auto 26px;font-size:16px;line-height:1.8;color:#e0e2db}.btn-white{border-radius:8px;color:#252823;font-size:15px}footer{font-size:14px;padding:34px 24px}.footer-links{flex-wrap:wrap}
@media(max-width:950px){nav{padding:16px 24px}.nav-links{display:none}.hero{gap:30px;padding-top:45px}.hero-visual{padding:22px}.hero h1{font-size:52px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.steps{gap:24px}}
@media(max-width:650px){nav{padding:12px 18px;gap:10px;flex-wrap:wrap;min-height:72px}.nav-brand{font-size:18px}.nav-logo{width:36px;height:36px}.nav-right{gap:8px;flex-wrap:wrap}.nav-tools-btn{padding:9px;font-size:14px}.language-select{max-width:110px;font-size:14px}.hero{grid-template-columns:1fr;padding:42px 20px;gap:32px}.hero h1{font-size:clamp(40px,10.5vw,58px);letter-spacing:-1.5px}.hero p{font-size:17px}.hero-visual{padding:24px;width:100%}.hero-visual img{width:230px}.features-grid,.steps{grid-template-columns:1fr}.section{padding:60px 20px}.section h2{margin-bottom:30px}.feature-card{padding:25px}.feature-icon{margin-bottom:18px}.how-section{padding:54px 20px}.steps{gap:30px;margin-top:32px}.step{display:flex;gap:18px}.step-num{flex-shrink:0}.lang-section{padding-top:54px}.lang-flags{gap:8px}.lang-flag-chip{padding:8px 12px}.privacy-callout{margin:54px auto;padding:0 20px}.privacy-box{padding:32px 24px}.content-types{margin:0 20px;padding:24px 0}.content-chip{padding:6px 10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}