:root{font-family:Arial,Helvetica,sans-serif;color:#29251f;background:#fff5e7;--muted:#70665a;--line:#e1d2bf;--accent:#9e4432}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}p{line-height:1.75}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.skip{position:absolute;top:-100px;padding:15px;background:white;z-index:10}.skip:focus{top:0}header{position:sticky;top:0;background:#fff5e7f5;z-index:5;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:90px;gap:20px}.brand{display:flex;gap:13px;align-items:center;font-size:17px;font-weight:700}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}.mark{background:#29251f;color:#fff5e7;border-radius:13px;width:55px;height:52px;display:grid;place-content:center;font-size:21px;letter-spacing:-1px}nav{display:flex;gap:26px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.intro{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:80px;padding-block:65px 70px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--accent)}h1{font-size:clamp(44px,5.9vw,74px);line-height:1.05;letter-spacing:-3.5px;margin:23px 0}h1 em{font-style:normal;background:linear-gradient(transparent 67%,#efa98f 67%)}.lead{font-size:17px;color:var(--muted);margin:24px 0}.button{display:inline-flex;align-items:center;gap:24px;background:#29251f;color:#fff5e7;border-radius:12px;padding:17px 22px;font-size:13px;font-weight:700;transition:transform .2s}.button:hover{transform:translateY(-2px)}.intro-note{background:#e8e8d3;border:1px solid #d3d4b8;border-radius:4px 27px 27px 27px;padding:35px;transform:rotate(3deg)}.note-index{font-size:10px;letter-spacing:2px;color:#586044}.intro-note p{font-size:32px;line-height:1.4;letter-spacing:-1px}.intro-note strong{font-weight:500}.intro-note a{display:block;font-size:12px;border-top:1px solid #c4c5ab;padding-top:20px;line-height:1.7}.section-title{display:flex;justify-content:space-between;gap:25px;align-items:end;margin-bottom:28px}h2{font-size:35px;line-height:1.12;letter-spacing:-1.5px;margin:12px 0}.quiet{font-size:12px;color:var(--muted)}.apps{padding-bottom:65px;border-top:1px solid var(--line);padding-top:35px}.app-card{display:grid;grid-template-columns:1.2fr 1fr;border-radius:25px;overflow:hidden;border:1px solid var(--line);background:#fffcf5}.app-copy{padding:43px}.tag{font-size:10px;letter-spacing:1px;color:var(--muted)}h3{font-size:35px;line-height:1.1;letter-spacing:-1.5px;margin:22px 0}.app-copy>p{font-size:14px;color:var(--muted)}.features{padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.features li{border:1px solid var(--line);border-radius:25px;padding:8px 10px;font-size:11px}.actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:28px}.text-link{font-size:13px;border-bottom:1px solid #b49c80;padding-block:8px}.fine{font-size:11px!important;color:var(--muted)}.app-visual{background:#e9ddcc;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background-image:radial-gradient(#c5b69f 1px,transparent 1px);background-size:18px 18px}.app-visual img{width:200px;height:auto;border-radius:15px;box-shadow:0 20px 30px #44331824;transform:rotate(3deg)}.app-visual span{font-size:8px;letter-spacing:1px;text-align:center}.guide-section{padding-bottom:65px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.guide-grid>a{padding:25px;border-top:2px solid #c3a78a;position:relative}.guide-grid>a:hover{background:#f7ead9}.guide-grid span{font-size:10px;letter-spacing:1px;color:var(--accent)}.guide-grid h3{font-size:23px;line-height:1.3;letter-spacing:-.6px}.guide-grid p{font-size:12px;color:var(--muted)}.guide-grid b{display:block;margin-top:20px;font-size:22px}.contact{display:flex;align-items:center;justify-content:space-between;gap:30px;background:#2c2a24;color:#fff5e7;border-radius:24px;padding:40px}.contact .eyebrow{color:#f0b39b}.contact p{font-size:13px;color:#dfd2c0}.light{background:#f3dcc6;color:#29251f}.contact .fine{color:#dfd2c0}footer{padding-block:35px 25px}footer>div{display:flex;justify-content:space-between;gap:15px}footer span,footer p{font-size:11px;color:var(--muted)}footer nav{margin-top:25px;font-size:12px;flex-wrap:wrap}footer p{border-top:1px solid var(--line);margin-top:25px;padding-top:20px}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.nav{flex-wrap:wrap;padding-block:16px;gap:17px}header nav{width:100%;justify-content:space-between;gap:12px}.brand small{font-size:10px}.intro{grid-template-columns:1fr;padding-block:35px 45px;gap:30px}.intro-note{transform:none;padding:25px}.intro-note p{font-size:26px;margin:16px 0}h1{font-size:48px;letter-spacing:-2.3px}.section-title{display:block}.quiet{display:block;margin-top:15px}.app-card{grid-template-columns:1fr}.app-copy{padding:26px}.app-copy h3{font-size:30px}.app-visual{padding:25px}.app-visual img{width:180px}.guide-grid{grid-template-columns:1fr}.guide-grid>a{padding:22px 12px}.guide-grid h3{margin:15px 0}.guide-grid b{position:absolute;right:12px;top:5px}.contact{flex-direction:column;align-items:start;padding:28px}.contact .button{font-size:12px;padding:15px}h2{font-size:30px}.apps,.guide-section{padding-bottom:45px}footer>div{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}