.landing{--paper:#f6f1e9;--ink:#1a1a18;--ink-mid:#5c5855;--ink-faint:#9a9690;--accent:#b85c38;--rule:#d8d3ca;--dark-bg:#1a1a18;--dark-text:#f6f1e9;--dark-mid:#f6f1e999;--dark-faint:#f6f1e940;scroll-behavior:smooth;background-color:var(--paper);color:var(--ink);font-family:var(--font-dm-sans,"DM Sans"), sans-serif;-webkit-font-smoothing:antialiased;font-size:17px;line-height:1.75}.landing *,.landing :before,.landing :after{box-sizing:border-box;margin:0;padding:0}.landing h1,.landing h2,.landing h3{font-family:var(--font-dm-serif,"DM Serif Display"), serif;letter-spacing:-.015em;font-weight:400;line-height:1.12}.landing h1{font-size:clamp(2.8rem,5.5vw,4.8rem)}.landing h2{font-size:clamp(1.9rem,3.5vw,2.9rem)}.landing h3{font-size:clamp(1.25rem,2vw,1.7rem)}.landing p{max-width:66ch}.landing a{color:inherit;text-decoration:none}.landing .container{max-width:1160px;margin:0 auto;padding:0 5%}.landing .label{letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:20px;font-size:.75rem;font-weight:500;display:block}.landing .label--accent{color:var(--accent)}.landing nav{z-index:100;background:var(--paper);border-bottom:1px solid var(--rule);position:sticky;top:0}.landing .nav-inner{justify-content:space-between;align-items:center;max-width:1160px;margin:0 auto;padding:18px 5%;display:flex}.landing .logo{color:var(--ink);align-items:center;display:flex}.landing .logo svg{width:auto;height:22px}.landing .nav-links{align-items:center;gap:32px;list-style:none;display:flex}.landing .nav-links a{color:var(--ink-mid);font-size:.88rem;transition:color .2s}.landing .nav-links a:hover{color:var(--ink)}.landing .nav-cta{background:var(--ink);padding:9px 20px;color:var(--paper)!important;font-weight:500!important;transition:background .2s!important}.landing .nav-cta:hover{background:var(--accent)!important}.landing .btn{font-family:var(--font-dm-sans,"DM Sans"), sans-serif;cursor:pointer;border:1px solid #0000;padding:13px 28px;font-size:.92rem;font-weight:500;transition:all .2s;display:inline-block}.landing .btn-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.landing .btn-primary:hover{background:var(--accent);border-color:var(--accent)}.landing .btn-ghost{color:var(--ink);border-color:var(--rule);background:0 0}.landing .btn-ghost:hover{border-color:var(--ink)}.landing .btn-accent{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}.landing .btn-accent:hover{background:#9e4d2e!important;border-color:#9e4d2e!important}.landing .engagement-card--dark .btn-accent{background:var(--accent)!important;border-color:var(--accent)!important}.landing .engagement-card--dark .btn-accent:hover{background:#9e4d2e!important;border-color:#9e4d2e!important}.landing .hero{border-bottom:1px solid var(--rule);padding:120px 0 100px}.landing .hero h1{margin-bottom:28px}.landing .hero-rotating{display:grid}.landing .hero-phrase{opacity:0;color:var(--ink-mid);grid-area:1/1;transition:opacity 1.5s}.landing .hero-phrase--active{opacity:1}.landing .hero-sub{color:var(--ink-mid);max-width:56ch;margin-bottom:48px;font-size:1.1rem;line-height:1.85}.landing .hero-cta{flex-wrap:wrap;gap:14px;display:flex}.landing .problem{background:var(--dark-bg);padding:100px 0}.landing .problem .label{color:var(--accent)}.landing .problem-grid{grid-template-columns:1fr 1fr;gap:80px;margin-top:56px;display:grid}.landing .problem h2{color:var(--dark-text)}.landing .problem-body p{color:var(--dark-mid);margin-bottom:1.4em}.landing .problem-body p:last-child{margin-bottom:0}.landing .problem-visual{border:none;width:100%;height:420px;margin-top:32px;display:block}.landing .problem-quote{font-family:var(--font-dm-serif,"DM Serif Display"), serif;color:var(--accent);max-width:40ch;font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.3;margin:1.8em 0!important}.landing .our-approach{border-bottom:1px solid var(--rule);padding:100px 0}.landing .our-approach h2{margin-bottom:16px}.landing .approach-intro{color:var(--ink-mid);max-width:60ch;margin-bottom:64px;font-size:1.05rem}.landing .approach-slides{display:grid}.landing .approach-slide{opacity:0;pointer-events:none;grid-area:1/1;grid-template-columns:1fr 1fr;align-items:start;gap:64px;transition:opacity 1s;display:grid}.landing .approach-slide--active{opacity:1;pointer-events:auto}.landing .approach-screenshot{aspect-ratio:4/3;object-fit:contain;width:100%;display:block}.landing .approach-img-placeholder{background:var(--rule);aspect-ratio:4/3;letter-spacing:.13em;text-transform:uppercase;color:var(--ink-faint);justify-content:center;align-items:center;font-size:.72rem;display:flex}.landing .approach-num{letter-spacing:.12em;color:var(--accent);margin-bottom:28px;font-size:.72rem;font-weight:500}.landing .approach-copy h3{margin-bottom:18px}.landing .approach-copy p{color:var(--ink-mid);font-size:.96rem}.landing .approach-controls{align-items:center;gap:16px;margin-top:36px;display:flex}.landing .approach-dots{gap:8px;display:flex}.landing .approach-dot{background:var(--rule);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.landing .approach-dot--active{background:var(--ink)}.landing .approach-prev,.landing .approach-next{cursor:pointer;color:var(--ink-mid);background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;transition:color .2s}.landing .approach-prev:hover,.landing .approach-next:hover{color:var(--ink)}.landing .deliverables{border-bottom:1px solid var(--rule);padding:100px 0}.landing .deliverables h2{margin-bottom:14px}.landing .deliverables-intro{color:var(--ink-mid);max-width:58ch;margin-bottom:64px}.landing .deliverable-grid{grid-template-columns:1fr 1fr;display:grid}.landing .deliverable-item{border-top:1px solid var(--rule);grid-template-columns:44px 1fr;gap:16px;padding:40px 0;display:grid}.landing .deliverable-item:nth-child(odd){border-right:1px solid var(--rule);padding-right:60px}.landing .deliverable-item:nth-child(2n){padding-left:60px}.landing .deliverable-num{font-family:var(--font-dm-serif,"DM Serif Display"), serif;color:var(--accent);padding-top:2px;font-size:1rem}.landing .deliverable-title{letter-spacing:.09em;text-transform:uppercase;color:var(--ink);margin-bottom:10px;font-size:.82rem;font-weight:500}.landing .deliverable-item p{color:var(--ink-mid);font-size:.93rem}.landing .defensible{background:var(--dark-bg);padding:100px 0}.landing .defensible h2{color:var(--dark-text);margin-bottom:64px}.landing .defensible-grid{border-top:1px solid #f6f1e91a;grid-template-columns:repeat(3,1fr);gap:64px;padding-top:48px;display:grid}.landing .defensible-item strong{color:var(--dark-text);margin-bottom:12px;font-size:1rem;font-weight:400;display:block}.landing .defensible-item p{color:var(--dark-mid);font-size:.94rem}.landing .engagement{border-bottom:1px solid var(--rule);padding:100px 0}.landing .engagement h2{margin-bottom:14px}.landing .engagement-intro{color:var(--ink-mid);max-width:58ch;margin-bottom:64px}.landing .engagement-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.landing .engagement-card{border:1px solid var(--rule);padding:48px}.landing .engagement-card--dark{background:var(--dark-bg);border-color:var(--dark-bg);color:var(--dark-text)}.landing .engagement-type{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:24px;font-size:.72rem;font-weight:500}.landing .engagement-card--dark .engagement-type{color:var(--accent)}.landing .engagement-card h3{margin-bottom:20px}.landing .engagement-card--dark h3{color:var(--dark-text)}.landing .engagement-price{font-family:var(--font-dm-serif,"DM Serif Display"), serif;margin-bottom:4px;font-size:2rem}.landing .engagement-price-note{color:var(--ink-faint);margin-bottom:32px;font-size:.83rem}.landing .engagement-card--dark .engagement-price-note{color:var(--dark-faint)}.landing .engagement-card p{color:var(--ink-mid);margin-bottom:1.3em;font-size:.94rem}.landing .engagement-card--dark p{color:var(--dark-mid)}.landing .engagement-card .btn{margin-top:16px}.landing .contact{background:var(--dark-bg);padding:100px 0}.landing .contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:100px;display:grid}.landing .contact-left h2{color:var(--dark-text);margin-bottom:24px}.landing .contact-left p{color:var(--dark-mid);margin-bottom:1.4em}.landing .contact-left p:last-child{margin-bottom:0}.landing .contact-form input,.landing .contact-form textarea,.landing .contact-form select{width:100%;color:var(--dark-text);font-family:var(--font-dm-sans,"DM Sans"), sans-serif;-webkit-appearance:none;background:#f6f1e90d;border:1px solid #f6f1e91f;border-radius:0;outline:none;margin-bottom:12px;padding:13px 16px;font-size:.94rem;transition:border-color .2s}.landing .contact-form input::placeholder,.landing .contact-form textarea::placeholder{color:#f6f1e940}.landing .contact-form input:focus,.landing .contact-form textarea:focus,.landing .contact-form select:focus{border-color:#f6f1e959}.landing .contact-form textarea{resize:vertical;min-height:130px}.landing .contact-form select{color:#f6f1e94d;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath d='M1 1l5 5 5-5' stroke='rgba(246,241,233,0.35)' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;padding-right:40px}.landing .contact-form select option{color:var(--dark-text);background:#1a1a18}.landing .contact-form select.filled{color:var(--dark-text)}.landing .contact-form .btn-submit{background:var(--accent);color:#fff;border:1px solid var(--accent);width:100%;font-family:var(--font-dm-sans,"DM Sans"), sans-serif;cursor:pointer;letter-spacing:.02em;margin-top:8px;padding:14px 28px;font-size:.94rem;font-weight:500;transition:all .2s}.landing .contact-form .btn-submit:hover{background:#9e4d2e;border-color:#9e4d2e}.landing .form-status{color:var(--dark-text);opacity:.85;margin-top:16px;font-size:.92rem;line-height:1.6}.landing footer{background:var(--dark-bg);border-top:1px solid #f6f1e914;padding:36px 5%}.landing .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1160px;margin:0 auto;display:flex}.landing .footer-logo{color:var(--dark-text);align-items:center;display:flex}.landing .footer-logo svg{width:auto;height:18px}.landing .footer-copy{color:var(--dark-faint);font-size:.8rem}.landing .footer-login a{color:var(--dark-faint);font-size:.8rem;transition:color .2s}.landing .footer-login a:hover{color:var(--dark-mid)}@media (max-width:900px){.landing section,.landing .problem,.landing .contact,.landing .defensible{padding:72px 0}.landing .hero{padding:80px 0 72px}.landing .problem-grid,.landing .engagement-grid,.landing .contact-grid{grid-template-columns:1fr}.landing .approach-slide{grid-template-columns:1fr;gap:32px}.landing .problem-visual{height:300px;margin-top:24px}.landing .deliverable-grid{grid-template-columns:1fr}.landing .deliverable-item:nth-child(odd){border-right:none;padding-right:0}.landing .deliverable-item:nth-child(2n){padding-left:0}.landing .defensible-grid{grid-template-columns:1fr;gap:40px}.landing .contact-grid{gap:56px}.landing .nav-links{display:none}}@media (prefers-reduced-motion:reduce){.landing .hero-phrase,.landing .approach-slide{transition:none}}.demo-frame{--paper:#f6f1e9;--ink:#1a1a18;--ink-mid:#5c5855;--ink-faint:#9a9690;--accent:#b85c38;--rule:#d8d3ca}
