@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--bg-primary: #f7f5f1;--bg-secondary: #ffffff;--bg-soft: #fff9f3;--text-primary: #16161f;--text-secondary: #4f5565;--border: #e7e1d8;--accent-primary: #f45d48;--accent-secondary: #f7b733;--accent-soft: rgba(244, 93, 72, .08);--muted: #a0a6b5;--shadow-lg: 0 26px 70px rgba(26, 29, 49, .12);--shadow-sm: 0 14px 34px rgba(26, 29, 49, .07);--radius-lg: 28px;--radius-md: 18px;--font-sans: "Space Grotesk", "Sora", -apple-system, system-ui, sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}::selection{background:var(--accent-soft);color:var(--text-primary)}a{color:inherit;text-decoration:none;transition:color .2s ease,opacity .2s ease}ul{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit}.page{min-height:100vh;background:radial-gradient(circle at 18% 20%,#ffe8d8 0,transparent 32%),radial-gradient(circle at 84% 10%,#fff2df 0,transparent 26%),radial-gradient(circle at 75% 72%,#ffe8e2 0,transparent 30%),var(--bg-primary);color:var(--text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.section{padding:6rem 0}h1,h2,h3,h4{letter-spacing:-.02em}.heading-xl{font-size:clamp(2.8rem,5vw,4rem);font-weight:700;line-height:1.05}.heading-lg{font-size:clamp(2rem,3vw,2.6rem);font-weight:700}.lead{color:var(--text-secondary);font-size:1.1rem;max-width:640px}.btn{display:inline-flex;align-items:center;gap:.6rem;padding:.85rem 1.4rem;border-radius:999px;font-weight:600;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 16px 38px #f45d4859}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 20px 50px #f45d484d}.btn-ghost{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary);box-shadow:var(--shadow-sm)}.btn-ghost:hover{transform:translateY(-1px);border-color:var(--accent-primary)}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:999px;background:#f45d481f;color:var(--accent-primary);font-weight:600;font-size:.9rem}.highlight{background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}.chip{display:inline-flex;align-items:center;gap:.35rem;padding:.55rem .95rem;border-radius:999px;background:var(--bg-soft);border:1px solid var(--border);font-weight:600;color:var(--text-primary)}.pill{padding:.45rem .85rem;border-radius:999px;font-weight:600;font-size:.85rem}.pill-soft{background:#0000000a;color:var(--text-primary)}.pill-accent{background:#f45d4824;color:var(--accent-primary)}.card{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.section-header{text-align:center;max-width:760px;margin:0 auto 2.5rem}.section-subtitle{color:var(--text-secondary);margin-top:.8rem}.navbar{position:fixed;top:0;left:0;right:0;z-index:50;padding:1rem 0;background:#ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(231,225,216,.6);transition:box-shadow .2s ease,padding .2s ease}.navbar-scrolled{box-shadow:var(--shadow-sm);padding:.75rem 0}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.8rem;font-weight:700}.brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(140deg,var(--accent-primary),var(--accent-secondary));color:#fff;box-shadow:0 12px 30px #f45d4840}.brand-text{display:flex;flex-direction:column;line-height:1.1}.brand-name{font-size:1.1rem}.brand-sub{color:var(--text-secondary);font-size:.85rem}.nav-links{display:flex;align-items:center;gap:1.2rem;color:var(--text-secondary);font-weight:600}.nav-links a:hover{color:var(--text-primary)}.nav-actions{display:flex;align-items:center;gap:.75rem}.nav-toggle{display:none;width:40px;height:40px;border-radius:12px;border:1px solid var(--border);align-items:center;justify-content:center;background:var(--bg-secondary)}.mobile-menu{display:none;flex-direction:column;gap:1rem;padding:1.2rem 1.5rem 1.5rem}.mobile-link{font-weight:700;color:var(--text-primary)}.hero{padding:7.5rem 0 4rem;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center}.hero-copy{max-width:650px}.hero-title{font-size:clamp(2.7rem,5vw,3.8rem);font-weight:700;line-height:1.05;margin:1rem 0}.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.6rem 0 .8rem}.trust-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}.hero-visual{position:relative;display:flex;justify-content:center}.floating-note{position:absolute;top:-18px;right:10px;background:#ffffffe6;border-radius:12px;border:1px solid var(--border);padding:.5rem .85rem;font-weight:600;color:var(--text-secondary);box-shadow:var(--shadow-sm)}.phone-shell{position:relative;border-radius:32px;padding:1.4rem;background:linear-gradient(180deg,#ffffffd9,#fff);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.status-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.video-frame{position:relative;height:520px;border-radius:26px;overflow:hidden;background:linear-gradient(180deg,#ffe3d6,#fff 60%,#fff5ec);border:1px solid var(--border);padding:1.2rem;display:flex;flex-direction:column;justify-content:space-between}.video-label{display:inline-flex;align-items:center;gap:.4rem;background:#00000014;color:var(--text-primary);padding:.45rem .8rem;border-radius:10px;font-weight:600}.video-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);background:#ffffffb8;padding:.75rem .9rem;border-radius:16px;border:1px solid var(--border);box-shadow:0 12px 24px #0000000d}.meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin:1rem 0}.meta-box{padding:.9rem 1rem;border-radius:14px;background:#fff5ecb3;border:1px solid var(--border)}.meta-label{display:block;color:var(--muted);font-size:.85rem;margin-bottom:.25rem}.timeline{margin-top:1rem;background:#0000000d;border-radius:14px;padding:.65rem;display:flex;gap:.35rem}.timeline span{height:10px;flex:1;border-radius:999px;background:#00000014}.timeline span:nth-child(2n){background:linear-gradient(135deg,#f45d4880,#f7b73380)}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:.8rem}.note-card{background:#fffc;border:1px solid var(--border);border-radius:12px;padding:.75rem .85rem;font-weight:600;color:var(--text-secondary)}.video-embed{margin-top:.6rem;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-lg);background:#000;aspect-ratio:9 / 16;max-height:520px}.video-embed iframe{width:100%;height:100%;border:0}.video-caption{margin-top:.5rem;color:var(--text-secondary);font-weight:700}.showcase-card{width:100%;max-width:360px;padding:1.1rem;background:linear-gradient(180deg,#fff,#fff9f3);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:.75rem}.showcase-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.showcase-footer{display:flex;flex-direction:column;gap:.2rem}.showcase-title{font-weight:700;font-size:1.2rem}.showcase-desc{color:var(--text-secondary)}.showcase-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.1rem}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin-top:3rem}.stat-card{padding:1rem 1.2rem;border-radius:16px;background:var(--bg-secondary);border:1px solid var(--border)}.stat-value{font-size:1.8rem;font-weight:700}.stat-label{color:var(--text-secondary);font-weight:500}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.1rem}.service-card{padding:1.4rem;background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.8rem;transition:transform .2s ease,box-shadow .2s ease}.service-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.service-icon{width:46px;height:46px;border-radius:14px;background:var(--accent-soft);color:var(--accent-primary);display:grid;place-items:center}.service-title{font-weight:700;font-size:1.1rem}.service-desc{color:var(--text-secondary)}.service-tag{align-self:flex-start;background:#f45d481f;color:var(--accent-primary);border-radius:999px;padding:.4rem .8rem;font-weight:700;font-size:.85rem}.process-bar{margin-top:2.4rem;padding:1.2rem 1.3rem;border-radius:var(--radius-md);background:linear-gradient(120deg,#f45d481f,#f7b7331f);border:1px solid var(--border);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.process-step{font-weight:700;color:var(--text-primary)}.process-desc{color:var(--text-secondary);font-size:.95rem}.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.portfolio-card{position:relative;padding:1.3rem;border-radius:var(--radius-md);background:linear-gradient(160deg,#fff3e8e6,#fff);border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden;display:flex;flex-direction:column;gap:.6rem}.portfolio-label{font-size:.9rem;color:var(--text-secondary);font-weight:600}.portfolio-title{font-weight:700;font-size:1.1rem}.portfolio-metric{font-weight:700;color:var(--accent-primary)}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem}.sample-links{margin-top:.35rem}.portfolio-tag{background:#0000000a;border-radius:999px;padding:.4rem .65rem;font-weight:600;font-size:.9rem;color:var(--text-primary)}.play-chip{align-self:flex-start;margin-top:.4rem}.portfolio-sections{display:grid;gap:1.75rem;margin-top:1.5rem}.portfolio-group{padding:1.6rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--bg-secondary);box-shadow:var(--shadow-sm)}.portfolio-group-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.portfolio-videos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}.long-group .portfolio-videos,.ai-visuals-group .portfolio-videos{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-video{display:flex;flex-direction:column;gap:.55rem}.portfolio-embed{width:100%;max-width:320px;aspect-ratio:9 / 16;border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#000}.portfolio-embed iframe{width:100%;height:100%;border:none}.portfolio-embed.wide{aspect-ratio:9 / 16;max-width:320px}.portfolio-meta{display:flex;flex-direction:column;gap:.05rem}.contact{padding:5.5rem 0 3rem}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.5rem}.cta-card{padding:2rem;border-radius:var(--radius-lg);background:linear-gradient(145deg,#f45d4824,#f7b7331f);border:1px solid var(--border);box-shadow:var(--shadow-lg)}.cta-card.centered{text-align:center;align-items:center}.cta-title{font-size:2rem;font-weight:700;margin:.8rem 0}.cta-desc{color:var(--text-secondary);margin-bottom:1rem}.cta-list{display:flex;flex-wrap:wrap;gap:.6rem}.cta-list--social{margin-top:.75rem}.contact-form{padding:2rem;border-radius:var(--radius-lg);background:var(--bg-secondary);border:1px solid var(--border);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.9rem}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-head{display:flex;flex-direction:column;gap:.15rem}.form-title{font-weight:700;font-size:1.2rem}.form-subtitle{color:var(--text-secondary);font-size:.95rem}.form-group{display:flex;flex-direction:column;gap:.35rem}.input-label{font-weight:600;color:var(--text-primary)}.input,.select,.textarea{width:100%;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--border);background:#fff;color:var(--text-primary);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #f45d482e}.textarea{resize:vertical}.input-error{border-color:#f45d48;box-shadow:0 0 0 2px #f45d482e}.error-text{color:#f45d48;font-weight:600;font-size:.9rem}.form-note{color:var(--text-secondary);font-size:.9rem}.success-text{color:#0f9d58;margin-left:.4rem;font-weight:700}button:disabled{opacity:.7;cursor:not-allowed}.thankyou-card{align-items:flex-start}.footer-note{text-align:center;color:var(--text-secondary);padding:1.5rem 0;font-size:.95rem}@media(max-width:1080px){.hero-grid{grid-template-columns:1fr}.stat-grid,.service-grid,.portfolio-grid,.portfolio-videos,.ai-visuals-group .portfolio-videos,.long-group .portfolio-videos{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-grid,.form-grid{grid-template-columns:1fr}}@media(max-width:960px){.nav-links,.nav-actions{display:none}.nav-toggle{display:inline-flex}.mobile-menu{display:flex}.ai-visuals-group .portfolio-videos{grid-template-columns:1fr}}@media(max-width:720px){.section{padding:4rem 0}.hero{padding-top:6rem}.meta-grid,.note-grid,.process-bar,.stat-grid,.service-grid,.portfolio-grid,.portfolio-videos,.ai-visuals-group .portfolio-videos,.long-group .portfolio-videos{grid-template-columns:1fr}.heading-xl{font-size:2.4rem}.contact-form,.cta-card{padding:1.5rem}}