:root{--ink:#101010;--paper:#f4f1ea;--muted:#777;--accent:#d8ff3e;--line:#d9d5cc;--dark:#121212}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.55}.container{width:min(1160px,92%);margin:auto}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #5e7c00;outline-offset:3px}
.header{position:sticky;top:0;z-index:20;background:rgba(244,241,234,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:78px;display:flex;align-items:center;gap:30px}.logo{font-weight:900;letter-spacing:-1px;text-decoration:none;color:var(--ink);font-size:18px;line-height:.9;margin-right:auto}.logo span{font-size:10px;letter-spacing:3px;display:block}.nav nav{display:flex;gap:25px}.nav nav a,.footer-grid a{color:inherit;text-decoration:none;font-size:14px}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:2px;background:var(--ink);transition:right .22s ease}.nav nav a:hover:after{right:0}.nav-cta,.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:800;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.nav-cta{background:var(--ink);color:white;padding:12px 17px;font-size:13px}.nav-cta:hover,.btn:hover{transform:translateY(-2px)}.menu{display:none;background:none;border:0;font-size:24px;color:var(--ink);cursor:pointer}
.hero{padding:95px 0 85px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:80px;align-items:center}.eyebrow{font-size:12px;font-weight:900;letter-spacing:2.5px;margin-bottom:18px}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.93;letter-spacing:-5px;margin:0 0 25px;font-weight:900}.hero h1 span{color:#6d6d68}.hero-text{max-width:680px;font-size:18px;color:#555}.buttons{display:flex;gap:12px;margin:30px 0}.btn{padding:16px 22px;border:1px solid var(--ink)}.primary{background:var(--accent);color:var(--ink);border-color:var(--accent)}.primary:hover{box-shadow:0 8px 20px rgba(0,0,0,.12)}.secondary{color:var(--ink)}.trust-row{display:flex;gap:25px;flex-wrap:wrap;font-size:12px;font-weight:700}.trust-row strong{color:#4d7200}.hero-card{background:var(--ink);color:white;padding:38px;min-height:390px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(1.5deg);box-shadow:15px 15px 0 var(--accent);transition:transform .35s ease,box-shadow .35s ease}.hero-card:hover{transform:rotate(.5deg) translateY(-5px);box-shadow:18px 18px 0 var(--accent)}.card-top{font-size:13px;letter-spacing:2px}.card-top b{font-size:29px;letter-spacing:-1px}.card-icon{font-size:110px;line-height:1;color:var(--accent);font-weight:900}.hero-card p{font-size:16px;color:#ccc}.hero-card a{color:var(--accent);font-weight:800;text-decoration:none}
.strip{background:var(--accent);overflow:hidden}.strip-grid{min-height:62px;display:flex;align-items:center;gap:17px;white-space:nowrap;font-size:11px;font-weight:900;letter-spacing:1px}.strip-grid i{font-style:normal}
.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:55px}.section h2{font-size:clamp(42px,5vw,68px);line-height:.95;letter-spacing:-3px;margin:0}.section-head>p{color:#666;max-width:480px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.services article{padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px;transition:background .25s ease,transform .25s ease}.services article:nth-child(3n){border-right:0}.services article:hover{background:#f8f6f0;transform:translateY(-3px)}.services span{font-size:11px;font-weight:900;color:#888}.services h3{font-size:24px;margin:40px 0 10px}.services p{color:#666;font-size:14px}.services a{font-size:12px;font-weight:900;color:var(--ink);text-decoration:none}
.dark{background:var(--dark);color:white}.dark .eyebrow{color:var(--accent)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#383838;margin-top:55px}.steps>div{background:var(--dark);padding:30px;min-height:260px;transition:background .25s ease}.steps>div:hover{background:#191919}.steps b{font-size:14px;color:var(--accent)}.steps h3{font-size:23px;margin-top:65px}.steps p{color:#aaa;font-size:14px}
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.about-mark{font-size:clamp(140px,20vw,280px);font-weight:900;letter-spacing:-18px;line-height:1;color:var(--accent);text-shadow:10px 10px 0 var(--ink);transform:rotate(-6deg);text-align:center;transition:transform .35s ease}.about-mark:hover{transform:rotate(-3deg) scale(1.02)}.about p{color:#5f5f5a;max-width:650px}.facts{display:flex;gap:45px;margin-top:40px}.facts strong{display:block;font-size:27px}.facts small{color:#777}
.contact{background:var(--accent)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact p{max-width:520px}.contact-buttons{display:flex;gap:10px;margin-top:30px}.contact-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:#fff;padding:13px 16px;font-weight:800;font-size:13px;text-decoration:none;border-radius:4px;transition:transform .2s ease,box-shadow .2s ease}.contact-btn:hover{transform:translateY(-2px);box-shadow:0 7px 18px rgba(0,0,0,.16)}.contact-mail{margin-top:18px}.contact-mail a{color:var(--ink);font-weight:800}.form{background:white;padding:32px;display:grid;gap:16px;box-shadow:0 12px 35px rgba(0,0,0,.08)}.form label{font-size:12px;font-weight:800;display:grid;gap:6px}.form input,.form select,.form textarea{width:100%;border:1px solid #d6d3cc;padding:13px;font:inherit;background:#faf9f5;border-radius:2px}.form textarea{resize:vertical}.full{width:100%;cursor:pointer}.form small{font-size:10px;color:#666}.form small a{color:inherit;font-weight:800}
footer{background:var(--ink);color:white;padding:70px 0 0}.logo.light{color:white}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.25fr 1fr;gap:40px;padding-bottom:60px}.footer-grid h4{margin:0 0 15px;color:var(--accent);font-size:12px;letter-spacing:1px}.footer-grid a{display:block;margin:8px 0;color:#bbb}.footer-grid a:hover{color:#fff}.footer-grid p{color:#aaa;font-size:13px}.copyright{border-top:1px solid #333;padding:20px 4%;color:#777;font-size:11px}
.legal{max-width:860px}.legal h1{font-size:clamp(44px,6vw,72px);line-height:1;letter-spacing:-3px;margin:0 0 36px}.legal h2{font-size:25px;letter-spacing:-1px;line-height:1.2;margin:42px 0 12px}.legal h3{font-size:18px;margin:28px 0 8px}.legal p,.legal li{color:#4f4f4a}.legal a{color:var(--ink);font-weight:700}.legal ul{padding-left:20px}.legal .legal-box{border:1px solid var(--line);padding:24px;background:#f8f6f0;margin:24px 0}.back-link{display:inline-block;margin-top:32px;color:var(--ink);font-weight:800;text-decoration:none}
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1)}.js .reveal.is-visible{opacity:1;transform:none}.js .reveal-delay-1{transition-delay:.08s}.js .reveal-delay-2{transition-delay:.16s}.js .reveal-delay-3{transition-delay:.24s}
@media(max-width:800px){.nav nav,.nav-cta{display:none}.menu{display:block}.nav nav.open{display:flex;position:absolute;left:0;right:0;top:78px;background:var(--paper);border-bottom:1px solid var(--line);padding:20px 4%;flex-direction:column;gap:18px;box-shadow:0 10px 25px rgba(0,0,0,.06)}.hero{padding:60px 0}.hero-grid,.section-head,.about-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.hero h1{letter-spacing:-3px}.hero-card{min-height:300px}.services{grid-template-columns:1fr}.services article{border-right:0}.steps{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.section{padding:75px 0}.strip-grid{overflow:hidden}.facts{gap:20px}.facts strong{font-size:22px}}
@media(max-width:500px){.steps{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.buttons,.contact-buttons{flex-direction:column}.hero h1{font-size:49px}.contact-btn{width:100%}.form{padding:22px}.services h3{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}
