:root{--ink:#1b2130;--paper:#f4f0e6;--paper-2:#fbf8f1;--gold:#a98753;--gold-soft:#a9875324;--muted:#1b21309e;--line:#1b21301f;--radius:18px;--serif:"Fraunces", Georgia, serif;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}body{font:16px/1.6 var(--sans);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0}img{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0 0 12px;font-weight:500;line-height:1.15}h1{font-size:clamp(38px,5.2vw,64px)}h2{font-size:clamp(30px,3.6vw,44px)}h3{font-size:20px}p{margin:0 0 12px}.wrap{width:min(1180px,100% - 40px);margin:0 auto}.wrap.narrow{width:min(820px,100% - 40px)}section{padding:96px 0}.section-lead{color:var(--muted);max-width:680px;margin-bottom:36px;font-size:18px}.eyebrow{color:var(--gold);letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px;font-size:14px;font-weight:600}.btn{font:500 16px var(--sans);cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:14px 26px;text-decoration:none;transition:transform .15s,background .15s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{background:#2a3245}.btn.ghost{border-color:var(--ink);color:var(--ink);background:0 0}.btn.small{padding:9px 18px;font-size:14px}.nav{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);background:#f4f0e6db;position:sticky;top:0}.nav-inner{align-items:center;gap:24px;height:64px;display:flex}.logo{font:600 20px var(--serif);align-items:center;gap:10px;text-decoration:none;display:flex}.nav-links{gap:22px;margin-left:12px;display:flex}.nav-links a{color:var(--muted);font-size:15px;text-decoration:none}.nav-links a:hover{color:var(--ink)}.nav-right{align-items:center;gap:14px;margin-left:auto;display:flex}.nav-toggle,.nav-cta{display:none}.langs{border:1px solid var(--line);border-radius:999px;padding:3px;display:flex}.langs a{color:var(--muted);border-radius:999px;padding:4px 9px;font-size:12px;font-weight:600;text-decoration:none}.langs a[aria-current]{background:var(--ink);color:var(--paper)}.hero{padding:72px 0 88px}.hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:56px;display:grid}.lead{color:var(--muted);max-width:540px;font-size:19px}.actions{flex-wrap:wrap;gap:12px;margin:28px 0 24px;display:flex}.facts{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:0;padding:0;font-size:14px;list-style:none;display:flex}.facts li:before{content:"✓";color:var(--gold);margin-right:6px;font-weight:700}.hero-media{position:relative}.hero-media>img:first-child{border-radius:var(--radius);aspect-ratio:16/10;object-fit:cover;width:100%;height:auto;box-shadow:0 30px 60px -30px #1b213073}.hero-phone{border:6px solid var(--ink);border-radius:22px;width:19%;position:absolute;bottom:-36px;right:-14px;box-shadow:0 20px 40px -18px #1b213099}.video{background:var(--ink);color:var(--paper)}.video .section-lead{color:#f4f0e6b3}.video-frame{border-radius:var(--radius);aspect-ratio:16/9;position:relative;overflow:hidden}.video-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.video-card{margin:0}.video-card figcaption{font:500 20px var(--serif);margin-bottom:12px}.video-frame video{object-fit:contain;background:#0f131c;width:100%;height:100%;display:block}.demo-tabs{border:1px solid var(--line);background:var(--paper-2);border-radius:999px;flex-wrap:wrap;margin-bottom:18px;padding:4px;display:inline-flex}.demo-tabs button{font:500 15px var(--sans);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:9px 18px}.demo-tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.demo-frame img[hidden]{display:none}.demo-frame{border-radius:var(--radius);aspect-ratio:16/10;background:#e9e4d8;position:relative;overflow:hidden;box-shadow:0 30px 60px -34px #1b213080}.demo-frame img{object-fit:cover;width:100%;height:100%}.demo-frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.demo-start{padding:18px 34px;font-size:18px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000004d}.demo-start:hover{transform:translate(-50%,calc(-50% - 1px))}.demo-meta{color:var(--muted);margin-top:16px;font-size:14px}.project-list{grid-template-columns:1fr 1fr;gap:24px;display:grid}.project{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.project-media{display:block;position:relative}.project-media .main{aspect-ratio:16/10;object-fit:cover;width:100%}.project-media .small{grid-template-columns:1fr 1fr;gap:6px;padding:6px 6px 0;display:grid}.project-media .small img{aspect-ratio:16/10;object-fit:cover;border-radius:8px}.project-body{flex-direction:column;flex:1;padding:22px 24px 26px;display:flex}.project-body ul{color:var(--muted);margin:4px 0 22px;padding:0;font-size:15px;list-style:none}.project-body li{padding:4px 0}.project-body li:before{content:"✓";color:var(--gold);margin-right:8px;font-weight:700}.project-body .btn{align-self:flex-start;margin-top:auto}.how{background:var(--paper-2)}.steps{counter-reset:s;grid-template-columns:repeat(4,1fr);gap:28px;margin:40px 0 0;padding:0;list-style:none;display:grid}.steps li{border-top:2px solid var(--ink);padding-top:18px}.steps .num{font:500 15px var(--serif);color:var(--gold);margin-bottom:8px;display:block}.steps p{color:var(--muted);font-size:15px}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.feature svg{width:30px;height:30px;color:var(--gold);margin-bottom:16px}.feature h3{font-size:18px}.feature p{color:var(--muted);margin:0;font-size:15px}.devices{background:var(--paper-2)}.shots{grid-template-columns:1fr 1fr .5fr;align-items:start;gap:18px;display:grid}.shot{margin:0}.shot img{border:1px solid var(--line);background:#fff;border-radius:14px;width:100%;height:auto}.shot img.plan{aspect-ratio:16/10;object-fit:contain;padding:12px}.shot figcaption{color:var(--muted);margin-top:8px;font-size:14px}.shot.wide{grid-column:1/span 2}.shot.phone{grid-area:1/3/span 2}.shot.phone img{border:5px solid var(--ink);border-radius:22px}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:18px;display:grid}.plan{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;padding:28px;display:flex}.plan.featured{border:2px solid var(--gold);background:#fff}.plan-sub{color:var(--muted);min-height:48px;font-size:15px}.on-request{font:500 24px var(--serif);margin:14px 0 22px}.plan .btn{margin-top:auto}.included{border-top:1px solid var(--line);margin-top:36px;padding-top:28px}.included ul{grid-template-columns:repeat(4,1fr);gap:10px 24px;margin:0;padding:0;font-size:15px;list-style:none;display:grid}.included li:before{content:"✓";color:var(--gold);margin-right:8px;font-weight:700}.fine{color:var(--muted);margin-top:24px;font-size:13px}.faq details{border-bottom:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font:500 19px var(--serif);justify-content:space-between;gap:16px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--gold);font:400 24px var(--sans);line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--muted);margin:12px 0 0}.contact{background:var(--ink);color:var(--paper)}.contact .section-lead{color:#f4f0e6b8}.contact-grid{grid-template-columns:1fr 1.1fr;align-items:start;gap:56px;display:grid}.contact-form{grid-template-columns:1fr 1fr;gap:16px;display:grid}.contact-form label{color:#f4f0e6cc;flex-direction:column;gap:6px;font-size:14px;display:flex}.contact-form .full{grid-column:1/-1}.contact-form input,.contact-form textarea{font:16px var(--sans);color:var(--ink);background:var(--paper);border:1px solid #0000;border-radius:10px;padding:12px 14px}.contact-form input:focus,.contact-form textarea:focus{outline:2px solid var(--gold)}.contact-form .btn.primary{background:var(--gold);color:#fff;justify-self:start}.contact-form .hp{position:absolute;left:-9999px}.form-status{color:#d9c39c;grid-column:1/-1;min-height:24px;margin:0}.footer{color:var(--muted);padding:32px 0 40px;font-size:14px}.footer-inner{flex-wrap:wrap;align-items:center;gap:10px 28px;display:flex}.footer-links{gap:18px;display:flex}.footer .osm{width:100%;font-size:12px}@media (width<=1020px){.nav-links{background:var(--paper);border-bottom:1px solid var(--line);flex-direction:column;gap:0;max-height:calc(100dvh - 64px);margin:0;padding:8px 24px 20px;display:none;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 18px 30px -20px #1b213059}.nav.open .nav-links{display:flex}.nav-links a{color:var(--ink);border-bottom:1px solid var(--line);padding:13px 0;font-size:17px}.nav-links .nav-cta{color:var(--paper);border:0;justify-content:center;margin-top:18px;display:flex}.nav-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--ink);cursor:pointer;background:0 0;border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.nav-toggle path{transform-origin:12px 12px;transition:transform .2s,opacity .2s}.nav.open .nav-toggle .l1{transform:translateY(5px)rotate(45deg)}.nav.open .nav-toggle .l2{opacity:0}.nav.open .nav-toggle .l3{transform:translateY(-5px)rotate(-45deg)}.hero-grid,.contact-grid{grid-template-columns:1fr;gap:40px}.hero-phone{display:none}.steps,.feature-grid{grid-template-columns:repeat(2,1fr)}.project-list,.video-grid{grid-template-columns:1fr}.plans{grid-template-columns:1fr;max-width:520px}.included ul{grid-template-columns:repeat(2,1fr)}.shots{grid-template-columns:1fr 1fr}.shot.wide{grid-column:1/-1}.shot.phone{grid-area:auto}}@media (width<=640px){section{padding:64px 0}.hero{padding:40px 0 64px}.nav-right .btn{display:none}.nav-inner{gap:10px}.nav-right{gap:8px}.logo{gap:8px;font-size:18px}.langs a{padding:4px 7px}.steps,.feature-grid,.included ul,.contact-form,.shots{grid-template-columns:1fr}.shot.phone,.shot.wide{grid-area:auto}.shot.phone img{width:60%;margin:0 auto}.demo-frame{aspect-ratio:3/4}}@media (width<=350px){.logo span{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}