:root{--paper:#f5f2eb;--ink:#20201e;--muted:#77746d;--line:#d9d5cb;--green:#66745a;--cream:#e9e2d4;--serif:"Playfair Display",serif;--sans:"DM Sans",sans-serif;--mono:"DM Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans)}a{color:inherit;text-decoration:none}.nav{height:84px;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(245,242,235,.9);backdrop-filter:blur(12px);z-index:10}.logo{font:700 25px var(--sans);letter-spacing:-.06em}.logo span{color:var(--green)}nav{display:flex;gap:35px;font-size:13px;color:#5f5d57}.nav-cta,.button{border:1px solid var(--ink);padding:12px 17px;border-radius:100px;font-size:12px}.hero{min-height:calc(100vh - 84px);padding:55px 6vw 80px;position:relative;overflow:hidden}.hero-top{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.hero-copy{padding-top:10vh;width:55%;position:relative;z-index:2}.eyebrow{font:10px var(--mono);letter-spacing:.12em;color:var(--muted)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(65px,9vw,145px) var(--sans);line-height:.88;letter-spacing:-.075em;margin:28px 0}.hero h1 em,.section-intro h2 em,.method h2 em,.contact h2 em{font-family:var(--serif);font-weight:500}.intro{font-size:16px;line-height:1.6;color:var(--muted);max-width:440px}.button{display:inline-flex;gap:35px;margin-top:25px}.hero-card{position:absolute;right:5vw;bottom:8vh;width:36vw;max-width:560px;min-width:340px;transform:rotate(2.5deg);box-shadow:0 35px 80px #2222;background:#fff;border:1px solid #d6d2c8}.browser{height:36px;border-bottom:1px solid #ddd;display:flex;align-items:center;padding:0 13px;gap:5px;font:9px var(--mono);color:#aaa}.browser i{width:6px;height:6px;border-radius:50%;background:#ddd}.browser span{margin-left:auto;margin-right:auto}.mock-site{height:330px;background:#e8e1d5;padding:28px;display:flex;flex-direction:column;justify-content:space-between}.mock-site small,.mock-site .mock-line{font:9px var(--mono);color:#666}.mock-site strong{font:500 clamp(35px,4vw,62px) var(--sans);line-height:.9;letter-spacing:-.06em}.mock-site em{font-family:var(--serif);font-weight:500}.mock-line{width:50%;height:1px;background:#aaa}.sites,.method,.features,.contact{padding:130px 6vw;border-top:1px solid var(--line)}.section-intro{display:grid;grid-template-columns:1fr 2fr 1fr;gap:5vw;align-items:end;margin-bottom:75px}.section-intro h2{font:500 clamp(60px,8vw,120px) var(--sans);line-height:.84;letter-spacing:-.08em;margin:0}.section-intro>p:last-child{font-size:14px;line-height:1.6;color:var(--muted);max-width:320px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:70px 25px}.preview{height:500px;padding:27px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative}.preview span,.preview small{font:9px var(--mono)}.preview strong{font:500 clamp(55px,7vw,110px) var(--sans);line-height:.83;letter-spacing:-.08em}.preview i{font-family:var(--serif);font-weight:500}.preview-restaurant{background:#d9d0bd}.preview-tourism{background:#d8e1dd}.preview-sport{background:#c8d0ba}.preview-business{background:#ddd8d0}.preview:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #2225;border-radius:50%;right:-100px;top:25%;box-shadow:0 0 0 50px #2222,0 0 0 100px #2221}.card-info{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line)}.card-info span{font:9px var(--mono);color:var(--muted)}.card-info h3{font:22px var(--sans);margin:8px 0 0}.card-info b{font-size:25px;font-weight:400}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:65px}.method h2{font:500 clamp(55px,7vw,105px) var(--sans);line-height:.85;letter-spacing:-.08em;margin:0}.steps{border-top:1px solid var(--line)}.steps>div{display:grid;grid-template-columns:45px 1fr;padding:28px 0;border-bottom:1px solid var(--line)}.steps span,.features span{font:10px var(--mono);color:var(--muted)}.steps h3{font-size:20px;margin:0 0 8px}.steps p{grid-column:2;color:var(--muted);font-size:14px;line-height:1.55;max-width:420px;margin:0}.features{background:#ebe7de}.feature-list{margin-top:60px;border-top:1px solid #c9c4b9}.feature-list>div{display:grid;grid-template-columns:45px 1fr 1fr;padding:25px 0;border-bottom:1px solid #c9c4b9;align-items:center}.feature-list b{font-size:19px}.feature-list p{margin:0;color:var(--muted);font-size:13px}.contact{min-height:90vh;display:flex;flex-direction:column;justify-content:space-between}.contact h2{font:500 clamp(65px,10vw,150px) var(--sans);line-height:.82;letter-spacing:-.08em;margin:40px 0 45px}.contact-text{max-width:450px;color:var(--muted);line-height:1.6}.contact-button{align-self:flex-start;border-bottom:1px solid var(--ink);padding-bottom:12px;margin-top:20px;font:12px var(--mono)}.contact-button span{margin-left:35px;color:var(--green)}footer{display:flex;justify-content:space-between;font:9px var(--mono);color:var(--muted);padding-top:60px;border-top:1px solid var(--line);margin-top:80px}@media(max-width:850px){.nav{padding:0 7vw}.nav nav{display:none}.nav-cta{font-size:10px}.hero{padding:40px 7vw 70px;min-height:auto}.hero-copy{width:100%;padding-top:12vh}.hero-card{position:relative;right:auto;bottom:auto;width:90%;min-width:0;margin:90px auto 0;transform:rotate(1deg)}.section-intro,.method-grid{grid-template-columns:1fr}.section-intro{gap:30px}.sites,.method,.features,.contact{padding:100px 7vw}.cards{grid-template-columns:1fr;gap:50px}.preview{height:390px}.feature-list>div{grid-template-columns:35px 1fr}.feature-list p{grid-column:2;margin-top:7px}footer{flex-direction:column;gap:12px}}