:root{--dark:#1c1c1e;--gold:#e0a100;--gold-ink:#a97900;--page:#f7f5f2;--card:#fff;--line:#e4e0d9;--soft:#efebe4;--muted:#6b6862;--sans:"Manrope",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--page);color:var(--dark);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}header{height:76px;padding:0 clamp(20px,6vw,90px);display:flex;align-items:center;justify-content:space-between;background:var(--dark);color:#fff;position:sticky;top:0;z-index:10}header img{width:190px;max-height:48px}header a,header span{font-size:9px;font-weight:800;letter-spacing:.15em}header span{color:var(--gold)}.hero{min-height:calc(100vh - 76px);padding:clamp(65px,9vw,130px) clamp(22px,8vw,130px);display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:center;background:linear-gradient(115deg,#f7f5f2 62%,#efebe4 62%)}.eyebrow{margin:0 0 20px;color:var(--gold-ink);font-size:10px;font-weight:800;letter-spacing:.2em}.hero h1,.promise h2,.tools h2,.types h2,.simple h2,.final h2{font-size:clamp(52px,6.8vw,105px);line-height:.94;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em{font-style:normal;color:var(--gold-ink)}.hero>div>p:not(.eyebrow){max-width:670px;color:var(--muted);font-size:clamp(16px,1.4vw,21px);line-height:1.75;margin:34px 0}.button{min-height:55px;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;background:var(--dark);color:#fff;font-size:10px;font-weight:800;letter-spacing:.14em}.visual{min-height:590px;position:relative;display:grid;place-items:center}.visual:before,.visual:after{content:"";position:absolute;width:62%;height:62%;border:2px solid var(--gold)}.visual:before{left:0;top:0;border-right:0;border-bottom:0}.visual:after{right:0;bottom:0;border-left:0;border-top:0}.visual img{width:80%;max-height:530px;object-fit:contain;filter:drop-shadow(0 28px 45px rgba(0,0,0,.18));position:relative;z-index:2}.visual b{position:absolute;right:0;top:10%;padding:12px 16px;background:var(--gold);font-size:9px;letter-spacing:.13em;z-index:3}.promise,.tools,.types,.simple,.final{padding:clamp(80px,10vw,150px) clamp(22px,8vw,130px)}.promise{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;align-items:end;background:var(--dark);color:#fff}.promise h2{font-size:clamp(48px,5.5vw,82px)}.promise>p{color:#b9b6b0;line-height:1.9}.tools h2,.types h2,.simple h2,.final h2{font-size:clamp(46px,5.5vw,82px)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px;border-left:1px solid var(--line);border-top:1px solid var(--line)}.tool-grid article{padding:34px;min-height:270px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--card)}.tool-grid b{color:var(--gold);font-size:42px}.tool-grid h3,.type-grid h3{font-size:25px;margin:35px 0 12px}.tool-grid p,.type-grid p,.simple>p,.final>p{color:var(--muted);font-size:13px;line-height:1.8}.types{background:var(--soft);display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw}.type-grid{display:grid;gap:12px}.type-grid article{padding:30px;background:var(--card);border:1px solid var(--line)}.type-grid span{color:var(--gold-ink);font-size:10px;font-weight:800;letter-spacing:.15em}.type-grid h3{margin-top:18px}.simple{text-align:center;background:#fff}.simple>p{max-width:720px;margin:30px auto 0}.final{text-align:center;background:var(--dark);color:#fff}.final img{width:230px;margin-bottom:45px}.final>p{max-width:700px;margin:28px auto;color:#b9b6b0}.button.outline{margin-top:20px;background:transparent;border:1px solid var(--gold);color:var(--gold)}footer{padding:34px clamp(22px,8vw,130px);display:flex;justify-content:space-between;gap:20px;background:#111;color:#aaa;font-size:9px;letter-spacing:.14em}@media(max-width:850px){.hero,.promise,.types{grid-template-columns:1fr}.hero{background:var(--page)}.visual{min-height:480px}.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){header{padding:0 16px}header a{font-size:0}header a:after{content:"←";font-size:18px}header img{width:160px}.hero,.promise,.tools,.types,.simple,.final{padding-left:20px;padding-right:20px}.hero h1{font-size:15vw}.visual{min-height:370px}.tool-grid{grid-template-columns:1fr}.tool-grid article{min-height:auto;padding:26px}footer{flex-direction:column}}