:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{width:100%;min-height:100svh}p{margin:0}:root{--bg:#fbf8f3;--bg-alt:#f5efe6;--surface:#fffdf9;--text:#2c1f14;--text-muted:#7a5c4a;--accent:#b85c2c;--accent-hover:#9a4a1e;--border:#e8ddd0;--shadow-sm:0 2px 8px #2c1f140f;--shadow-md:0 8px 32px #2c1f141a;--shadow-lg:0 20px 60px #2c1f1426;--radius:24px;--radius-sm:16px;--font-display:"Lora", Georgia, serif;--font-body:"Raleway", system-ui, sans-serif;--accent-cta:#b85c2c;--accent-cta-hover:#9a4a1e;--max-w:1100px;--section-pad:120px 24px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.paper-airplane{pointer-events:none;z-index:49;will-change:transform, left, top;filter:drop-shadow(1px 3px 6px #0000002e);width:64px;height:34px;position:fixed}.paper-airplane svg{width:100%;height:100%;display:block}.sticky-nav{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#fbf8f3d9;justify-content:space-between;align-items:center;padding:14px 32px;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-110%)}.sticky-nav.nav-visible{transform:translateY(0)}.nav-brand{font-family:var(--font-display);color:var(--text);letter-spacing:.01em;font-size:16px;font-weight:400}.btn-sm{padding:10px 22px!important;font-size:14px!important}.reveal-up{opacity:0;transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1);transform:translateY(40px)}.visible .reveal-up{opacity:1;transform:translateY(0)}.card-3d{transform-style:preserve-3d;will-change:transform;opacity:0;transform:translateX(var(--enter-x,0px)) translateY(var(--enter-y,40px));transition:transform .35s cubic-bezier(.22,1,.36,1) 80ms,box-shadow .35s cubic-bezier(.22,1,.36,1) 80ms}.card-3d:hover{transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.visible .card-3d{animation:.65s cubic-bezier(.22,1,.36,1) both card-enter;animation-delay:var(--stagger,0s)}@keyframes card-enter{0%{opacity:0;transform:translateX(var(--enter-x,0px)) translateY(var(--enter-y,40px))}to{opacity:1;transform:translate(0)translateY(0)}}.card-3d:hover{box-shadow:var(--shadow-lg)!important;transform:translateY(-10px)rotateX(4deg)rotateY(-2deg)!important}.section{padding:var(--section-pad)}.section-inner{max-width:var(--max-w);margin:0 auto}.section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:12px;font-weight:700}.section h2{font-family:var(--font-display);margin-bottom:20px;font-size:clamp(28px,4vw,48px);font-weight:400;line-height:1.2}.section-body{color:var(--text-muted);max-width:600px;margin-bottom:56px;font-size:18px;line-height:1.7}.btn-primary{background:var(--accent);color:#fff;font-family:var(--font-body);cursor:pointer;letter-spacing:.01em;border:none;border-radius:100px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:background .2s,transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:inline-block}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px #0000002e}.btn-primary:active{transform:translateY(0)}.hero{text-align:center;background:var(--bg);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;padding:80px 24px 120px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(80% 60% at 50% 0,#0000000a 0%,#0000 70%);position:absolute;inset:0}.hero-content{z-index:1;will-change:transform;position:relative}.hero-eyebrow{letter-spacing:.15em;text-transform:uppercase;color:var(--text-muted);margin-bottom:32px;font-size:13px;font-weight:700;animation:.6s cubic-bezier(.22,1,.36,1) 50ms both fade-up}.hero-headline{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text);max-width:900px;margin:0 auto 32px;font-size:clamp(36px,6vw,80px);font-weight:400;line-height:1.15}.hero-line{display:block}.word-wrap{vertical-align:bottom;margin-bottom:-.2em;margin-right:.25em;padding-bottom:.2em;display:inline-block;overflow:hidden}.word-inner{animation:.65s cubic-bezier(.22,1,.36,1) both word-rise;display:inline-block}@keyframes word-rise{0%{opacity:0;transform:translateY(110%)}to{opacity:1;transform:translateY(0)}}.hero-sub{color:var(--text-muted);max-width:520px;margin:0 auto 48px;font-size:clamp(16px,2vw,20px);line-height:1.7;animation:.7s cubic-bezier(.22,1,.36,1) 1.1s both fade-up}.hero-sub em{color:var(--text);font-style:italic}.hero .btn-primary{animation:.7s cubic-bezier(.22,1,.36,1) 1.25s both fade-up}.hero-chevron{flex-direction:column;align-items:center;gap:4px;animation:.8s 1.5s both fade-up;display:flex;position:absolute;bottom:36px;left:0;right:0}.hero-chevron span{border-right:2px solid var(--text-muted);border-bottom:2px solid var(--text-muted);opacity:0;width:18px;height:18px;animation:1.5s ease-in-out infinite chevron-bounce;display:block;transform:rotate(45deg)}.hero-chevron span:first-child{animation-delay:0s}.hero-chevron span:nth-child(2){animation-delay:.18s}.hero-chevron span:nth-child(3){animation-delay:.36s}@keyframes chevron-bounce{0%{opacity:0;transform:rotate(45deg)translate(-4px,-4px)}50%{opacity:.6}to{opacity:0;transform:rotate(45deg)translate(5px,5px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.marquee-strip{background:var(--text);border-top:1px solid var(--text);border-bottom:1px solid var(--text);width:100%;padding:14px 0;overflow:hidden}.marquee-track{width:max-content;animation:28s linear infinite marquee;display:flex}.marquee-item{letter-spacing:.1em;text-transform:uppercase;color:var(--bg);white-space:nowrap;padding:0 6px;font-size:13px;font-weight:600}.marquee-dot{opacity:.4;margin-left:6px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.who-section{background:var(--bg-alt)}.card-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);padding:36px 28px}.card-icon{margin-bottom:16px;font-size:36px;line-height:1;display:block}.card h3{font-family:var(--font-display);margin-bottom:10px;font-size:20px;font-weight:400}.card p{color:var(--text-muted);font-size:15px;line-height:1.65}.what-section{background:var(--bg)}.deliverables{perspective:1200px;grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.deliverable{background:var(--surface);border-radius:var(--radius-sm);text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border);flex-direction:column;align-items:center;gap:12px;padding:28px 20px;display:flex}.deliverable-icon{font-size:32px;line-height:1}.deliverable-label{letter-spacing:.02em;font-size:14px;font-weight:600}.process-section{background:var(--bg-alt)}.steps{perspective:1200px;grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.step{background:var(--surface);-webkit-backdrop-filter:none;border-radius:var(--radius);border:none;border-left:3px solid var(--accent);padding:36px 28px;box-shadow:0 2px 12px #2c1f1414}.step-num{font-family:var(--font-display);color:#b85c2c47;margin-bottom:16px;font-size:52px;font-weight:400;line-height:1;display:block}.step h3{margin-bottom:10px;font-size:18px;font-weight:700}.step p{color:var(--text-muted);font-size:15px;line-height:1.65}.faq-section{background:var(--bg)}.accordion{flex-direction:column;gap:2px;max-width:720px;display:flex}.accordion-item{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);overflow:hidden}.accordion-q{width:100%;color:var(--text);cursor:pointer;text-align:left;font-size:16px;font-weight:600;font-family:var(--font-body);background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;transition:background .2s;display:flex}.accordion-q:hover{background:var(--bg-alt)}.accordion-icon{color:var(--text-muted);flex-shrink:0;font-size:22px;font-weight:300;line-height:1;transition:transform .3s}.accordion-item.open .accordion-icon{transform:rotate(45deg)}.accordion-body{max-height:0;transition:max-height .4s cubic-bezier(.22,1,.36,1);overflow:hidden}.accordion-item.open .accordion-body{max-height:300px}.accordion-body p{color:var(--text-muted);padding:0 24px 20px;font-size:15px;line-height:1.7}.contact-section{background:var(--bg-alt)}.contact-form{flex-direction:column;gap:20px;max-width:640px;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:20px;display:grid}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-size:14px;font-weight:600}.optional{color:var(--text-muted);font-weight:400}.form-group input,.form-group textarea{font-family:var(--font-body);color:var(--text);background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-sm);resize:vertical;outline:none;padding:12px 16px;font-size:15px;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder,.form-group textarea::placeholder{color:#bbb}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b85c2c1f}.thank-you{background:var(--surface);border-radius:var(--radius);text-align:center;border:1px solid var(--border);max-width:640px;box-shadow:var(--shadow-sm);padding:48px 40px}.thank-you p{font-family:var(--font-display);font-size:22px}.card-illo{border-top:1px solid var(--border);justify-content:center;margin-top:24px;padding-top:20px;display:flex}.illo{width:100%;max-width:160px;height:90px;color:var(--text);opacity:.55;transition:opacity .3s}.step:hover .illo{opacity:.85}.bubble-right{opacity:0;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.bubble-left{opacity:1;transition:opacity .3s cubic-bezier(.22,1,.36,1)}.step:hover .bubble-left{opacity:0}.step:hover .bubble-right{opacity:1}.pencil-wiper{transform-origin:92px 51px;animation:1.4s ease-in-out infinite pencil-swing}@keyframes pencil-swing{0%{transform:rotate(-15deg)}50%{transform:rotate(15deg)}to{transform:rotate(-15deg)}}.code-line{stroke-dasharray:var(--len) var(--len);stroke-dashoffset:var(--len);animation:3.8s ease-in-out infinite backwards code-type;animation-delay:var(--d,0s)}@keyframes code-type{0%,5%{stroke-dashoffset:var(--len)}22%,72%{stroke-dashoffset:0}90%,to{stroke-dashoffset:var(--len)}}.code-cursor{animation:.75s step-start infinite cursor-blink}@keyframes cursor-blink{0%,to{opacity:1}50%{opacity:0}}.box-group{transform-origin:30px 40px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.arm-receive{transform-origin:132px 40px;transition:transform .45s cubic-bezier(.22,1,.36,1)}.step:hover .box-group{transform:translate(22px)}.step:hover .arm-receive{transform:translate(-18px)}.site-footer{text-align:center;border-top:1px solid var(--border);background:var(--bg);padding:32px 24px}.site-footer p{color:var(--text-muted);font-size:13px}.who-statement{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);border:1px solid var(--border);border-left:4px solid var(--accent);max-width:800px;padding:48px 52px}.who-statement-lead{font-family:var(--font-display);color:var(--text);margin-bottom:20px;font-size:clamp(20px,2.5vw,28px);font-style:italic;line-height:1.4}.who-statement-body{color:var(--text-muted);font-size:17px;line-height:1.7}.deliverable-outcome{color:var(--text-muted);text-align:center;font-size:13px;line-height:1.55}.portfolio-section{background:var(--bg-alt);height:200vh;padding:0;position:relative}.portfolio-sticky{align-items:center;height:100vh;padding:0 24px;display:flex;position:sticky;top:0;overflow:hidden}.portfolio-sticky .section-inner{width:100%}.portfolio-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);border-left:4px solid var(--accent);box-shadow:var(--shadow-sm);grid-template-columns:1fr 1fr;align-items:stretch;gap:48px;padding:36px 40px;display:grid}.portfolio-card-left{flex-direction:column;justify-content:space-between;display:flex}.portfolio-tags{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.portfolio-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#b85c2c1a;border-radius:100px;padding:4px 12px;font-size:12px;font-weight:600}.portfolio-desc{color:var(--text-muted);margin-bottom:24px;font-size:16px;line-height:1.7}.portfolio-quote{font-family:var(--font-display);color:var(--text);border-left:3px solid var(--accent);margin:0 0 12px;padding-left:20px;font-size:clamp(16px,1.8vw,21px);font-style:italic;line-height:1.5}.portfolio-attr{color:var(--text-muted);margin-bottom:24px;padding-left:23px;font-size:14px;font-weight:600}.portfolio-link{color:var(--accent);letter-spacing:.02em;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .2s;display:inline-block}.portfolio-link:hover{opacity:.7}.portfolio-hook{font-family:var(--font-display);color:var(--accent);margin-top:20px;font-size:17px;font-style:italic;line-height:1.5}.portfolio-hook strong{letter-spacing:-.01em;font-size:20px;font-style:normal;font-weight:700}.portfolio-browser{border-radius:var(--radius-sm);border:1px solid var(--border);box-shadow:var(--shadow-md);flex-direction:column;height:min(500px,100vh - 300px);display:flex;overflow:hidden}.portfolio-browser-bar{background:var(--bg-alt);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:6px;height:36px;padding:0 14px;display:flex}.browser-dot{background:var(--border);border-radius:50%;flex-shrink:0;width:10px;height:10px}.browser-url{color:var(--text-muted);margin-left:6px;font-family:monospace;font-size:12px}.portfolio-browser-window{flex:1;position:relative;overflow:hidden}.portfolio-preview-img{will-change:transform;width:100%;display:block}.portfolio-screenshot-placeholder{background:var(--bg-alt);width:100%;height:100%;color:var(--text-muted);letter-spacing:.02em;justify-content:center;align-items:center;font-size:13px;display:flex}.services-section{background:var(--bg)}.services-grid{perspective:1200px;grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.service-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:var(--shadow-sm);flex-direction:column;gap:0;padding:36px 28px;display:flex;position:relative}.service-badge{letter-spacing:.08em;text-transform:uppercase;background:var(--accent);color:#fff;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:-12px;left:28px}.service-name{font-family:var(--font-display);color:var(--text);margin-bottom:6px;font-size:24px;font-weight:600}.service-tagline{color:var(--text-muted);margin-bottom:24px;font-size:15px;line-height:1.5}.service-includes{flex-direction:column;flex:1;gap:10px;margin-bottom:32px;list-style:none;display:flex}.service-includes li{color:var(--text-muted);padding-left:20px;font-size:14px;line-height:1.5;position:relative}.service-includes li:before{content:"✓";color:var(--accent);font-size:13px;font-weight:700;position:absolute;left:0}.whyus-section{background:var(--bg-alt)}.whyus-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.whyus-item{background:var(--surface);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:32px}.whyus-title{font-family:var(--font-display);color:var(--text);margin-bottom:12px;font-size:20px;font-weight:600;line-height:1.3}.whyus-body{color:var(--text-muted);font-size:15px;line-height:1.7}.form-progress{background:var(--border);border-radius:100px;width:100%;max-width:640px;height:3px;margin-bottom:12px;overflow:hidden}.form-progress-fill{background:var(--accent);border-radius:100px;height:100%;transition:width .4s cubic-bezier(.22,1,.36,1)}.form-step-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:20px;font-size:12px;font-weight:600}.form-greeting{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-size:14px;font-weight:600}.form-question{font-family:var(--font-display);color:var(--text);max-width:560px;margin-bottom:28px;font-size:clamp(20px,2.5vw,28px);font-weight:400;line-height:1.3}.option-group{flex-direction:column;gap:12px;width:100%;max-width:640px;margin-bottom:8px;display:flex}.option-btn{border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;font-family:var(--font-body);color:var(--text);cursor:pointer;text-align:left;padding:18px 24px;font-size:16px;font-weight:500;transition:border-color .2s,background .2s,color .2s}.option-btn:hover{border-color:var(--accent);background:#b85c2c0a}.option-btn.selected{border-color:var(--accent);color:var(--accent);background:#b85c2c14;font-weight:600}.pill-group{flex-wrap:wrap;gap:10px;max-width:640px;margin-bottom:8px;display:flex}.pill-btn{border:1.5px solid var(--border);background:var(--surface);font-family:var(--font-body);color:var(--text-muted);cursor:pointer;border-radius:100px;padding:10px 20px;font-size:15px;font-weight:500;transition:border-color .2s,background .2s,color .2s}.pill-btn:hover{border-color:var(--accent);color:var(--text)}.pill-btn.selected{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.form-nav{justify-content:space-between;align-items:center;width:100%;max-width:640px;margin-top:28px;display:flex}.receptionist-teaser{opacity:.75;flex-direction:column;align-items:center;gap:12px;margin-top:32px;display:flex}.receptionist-teaser p{color:var(--text-muted);font-size:14px;font-style:italic}.receptionist-btn{border:1.5px solid var(--border);font-family:var(--font-body);color:var(--text-muted);cursor:not-allowed;letter-spacing:.01em;background:0 0;border-radius:100px;padding:10px 22px;font-size:14px;font-weight:600}.receptionist-soon{opacity:.6;font-weight:400}.contact-error{color:#c0392b;margin-bottom:8px;font-size:14px}.contact-form-state,.contact-sent-state{animation:.45s cubic-bezier(.22,1,.36,1) both fade-in-up}.contact-centered{text-align:center;flex-direction:column;align-items:center;display:flex}.contact-cta-state{text-align:center;flex-direction:column;align-items:center;width:100%;display:flex}.visible .contact-cta-state{animation:.7s cubic-bezier(.22,1,.36,1) both cta-enter}@keyframes cta-enter{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}.contact-cta-btn{background:var(--accent-cta);color:#fff;border-radius:var(--radius);cursor:pointer;width:100%;max-width:640px;font-family:var(--font-display);letter-spacing:-.01em;border:none;justify-content:space-between;align-items:center;margin:0 auto 20px;padding:40px 48px;font-size:clamp(32px,4.5vw,52px);font-weight:600;line-height:1;transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s;display:flex}.contact-cta-btn:hover{background:var(--accent-cta-hover);box-shadow:var(--shadow-lg);transform:translateY(-5px)}.cta-btn-arrow{opacity:.7;font-size:.75em;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .2s}.contact-cta-btn:hover .cta-btn-arrow{opacity:1;transform:translate(8px)}.contact-back-btn{cursor:pointer;color:var(--text-muted);font-size:13px;font-family:var(--font-body);background:0 0;border:none;margin-top:12px;padding:0;transition:color .2s}.contact-back-btn:hover{color:var(--text)}.contact-sub{color:var(--text-muted);margin-top:4px;margin-bottom:36px;font-size:15px}.footer-secondary{color:var(--text-muted);opacity:.6;margin-top:6px;font-size:12px}@media (width<=900px){:root{--section-pad:80px 20px}.sticky-nav{padding:12px 20px}.card-grid{grid-template-columns:1fr}.steps,.deliverables{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.portfolio-section{height:auto}.portfolio-sticky{align-items:flex-start;height:auto;padding:60px 20px;position:static}.portfolio-card{grid-template-columns:1fr}.portfolio-browser{height:320px}.whyus-grid,.form-row{grid-template-columns:1fr}.hero-headline{font-size:clamp(32px,8vw,52px)}.who-statement{padding:32px 28px}.portfolio-card{padding:28px 20px}}@media (width<=480px){.deliverables{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr}.accordion-q{padding:16px 18px;font-size:15px}.accordion-body p{padding:0 18px 16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.paper-airplane{display:none}.marquee-inner{animation:none}.code-line{stroke-dasharray:1000;stroke-dashoffset:0}.code-cursor{animation:none}}