*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--primary:#ff6d00;--secondary:#fb8500;--tertiary:#e64a00;--grad-1:#ff5722;--grad-2:#ff9800;--green-1:#2e7d32;--green-2:#4caf50;--soil-1:#e64a00;--soil-2:#bf360c;--accent:#ff6d00;--grad-fruit:linear-gradient(135deg, #ff5722, #ff9800);--grad-header:linear-gradient(90deg, #ff5722, #ff9800);--grad-green:linear-gradient(135deg, #2e7d32, #4caf50);--bg:#fafaf7;--surface:#fff;--surface-2:#f3f3ee;--text-primary:#1a1a1a;--text-secondary:#555550;--text-muted:#999990;--text-on-dark:#fff;--radius:16px;--radius-sm:8px;--radius-lg:24px;--radius-pill:999px;--max-width:1100px;--shadow-sm:0 2px 8px #00000012;--shadow-md:0 8px 32px #0000001c;--shadow-lg:0 20px 60px #00000026;--font:"Raleway", sans-serif;--csc-orange:#e8650a;--csc-white:#fff}body{font-family:var(--font);background:var(--bg);color:var(--text-primary);-webkit-font-smoothing:antialiased;line-height:1.6}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 24px}.page{padding-top:64px}.nav{z-index:100;align-items:center;height:64px;transition:background .3s;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 2px 12px #00000026}.nav[data-nav-theme=savor]{background:var(--grad-header)}.nav[data-nav-theme=studio]{background:#121212}.nav .container{justify-content:space-between;align-items:center;display:flex}.nav-icon{object-fit:contain;width:40px;height:40px;display:block}.nav-links{background:0 0;border-radius:0;gap:32px;padding:0;list-style:none;display:flex}.nav-links li{position:relative}.nav-links a{color:#ffffffb3;letter-spacing:.02em;border-radius:0;padding:8px 0;font-size:.95rem;font-weight:700;text-decoration:none;transition:color .2s;display:block}.nav[data-nav-theme=studio] .nav-links a:hover,.nav[data-nav-theme=studio] .nav-links a.active{color:var(--csc-white)}.nav[data-nav-theme=savor] .nav-links a:hover,.nav[data-nav-theme=savor] .nav-links a.active{color:#fff}.nav-links a:after{content:"";border-radius:var(--radius-pill);background:currentColor;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-links a.active:after{transform:scaleX(1)}.btn{border-radius:var(--radius);font-family:var(--font);letter-spacing:.02em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 28px;font-size:1rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:hover{opacity:.92;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-green{background:var(--grad-green);color:#fff;box-shadow:0 4px 16px #2e7d324d}.btn-fruit{background:var(--grad-fruit);color:#fff;box-shadow:0 4px 16px #00000026}.btn-dark{color:#fff;white-space:nowrap;background:#2a2a2a;justify-content:center;align-items:center;gap:0;display:inline-flex;box-shadow:0 4px 16px #0003}.btn-tertiary{background:linear-gradient(135deg, var(--soil-1), var(--soil-2));color:#fff;box-shadow:0 4px 16px #00000026}.action-row{gap:1rem;width:100%;max-width:400px;margin-top:2rem;display:flex}@media (width<=768px){.container{padding:0 16px}}.savor-page{background:var(--bg)}.hero{background:var(--bg);border-bottom:1px solid #0000000f;padding:15px 0 70px;position:relative;overflow:hidden}.hero-glow{pointer-events:none;transition:background .6s;position:absolute;inset:0}.hero-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:520px;margin:0 auto;display:flex;position:relative}.beta-badge{background:var(--grad-fruit);color:#fff;letter-spacing:.1em;text-transform:uppercase;border-radius:var(--radius-pill);padding:5px 16px;font-size:.72rem;font-weight:700;transition:background .3s;display:inline-block}.hero-wordmark{width:100%;max-width:340px;height:auto;display:block}.hero-tagline{letter-spacing:-.03em;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:800;line-height:1}.hero-sub{color:var(--text-secondary);max-width:400px;font-size:1.05rem;line-height:1.7}.action-row{flex-direction:column;gap:12px;width:100%;display:flex}.pillars{background:var(--bg);padding:70px 0}.pillars-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.pillar{flex-direction:column;gap:12px;display:flex}.pillar-rule{border-radius:99px;width:40px;height:3px;transition:background .3s}.pillar-title{color:var(--text-primary);letter-spacing:-.02em;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:800;line-height:1.15}.pillar-sub{color:var(--text-secondary);font-size:.95rem;line-height:1.7}.features{background:var(--bg);overflow:hidden}.feature-row{align-items:stretch;min-height:520px;display:flex}.feature-row--reverse{flex-direction:row-reverse}.feature-row-img{flex:1;justify-content:center;align-items:center;padding:64px 48px;transition:background .3s;display:flex}.feature-row-screenshot{border-radius:32px;width:220px;display:block;box-shadow:0 32px 80px #0006}.feature-row-text{background:var(--bg);flex-direction:column;flex:1;justify-content:center;gap:16px;padding:64px 80px;display:flex}.feature-overline{border-radius:99px;width:36px;height:3px;transition:background .3s}.feature-row-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:800;line-height:1.1}.feature-row-sub{color:var(--text-secondary);max-width:360px;font-size:1.05rem;line-height:1.75}.features-dots{background:var(--bg);justify-content:center;gap:8px;padding:20px 0 24px;display:none}.features-dot{background:#00000026;border-radius:50%;width:7px;height:7px;transition:background .25s,transform .25s;display:block}.features-dot--active{background:var(--primary);transform:scale(1.3)}@media (width<=900px){.features-dots{display:flex}}.flavors{background:var(--surface-2);padding:70px 0;position:relative;overflow:hidden}.flavors-glow{pointer-events:none;transition:background .6s;position:absolute;inset:0}.flavors-inner{z-index:1;position:relative}.flavors-overline{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:12px;font-size:.72rem;font-weight:700;transition:color .3s;display:flex}.flavors-overline:before{content:"";background:var(--accent);width:24px;height:2px;transition:background .3s;display:block}.flavors-title{color:var(--csc-dark);margin-bottom:1rem;font-size:3rem;font-weight:800}.flavors-sub{color:#666;max-width:600px;margin:0 auto 3rem;font-size:1.2rem}.flavors-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.theme-card{cursor:pointer;text-align:left;font-family:var(--font);background:#fff;border:2.5px solid #0000;border-radius:18px;width:100%;padding:0;transition:transform .15s,box-shadow .15s,border-color .15s;overflow:hidden;box-shadow:0 2px 16px #00000014}.theme-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0006}.theme-card--active{box-shadow:0 12px 40px #00000080}.theme-card-swatch{aspect-ratio:5/3;justify-content:space-between;align-items:flex-start;width:100%;padding:12px 14px;display:flex;position:relative}.theme-card-dots{align-items:center;gap:6px;display:flex}.theme-dot{border:1.5px solid #fff6;border-radius:50%;width:11px;height:11px;display:block}.theme-card-check{width:24px;height:24px;color:var(--accent);background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:900;transition:color .3s;display:flex;box-shadow:0 2px 8px #0003}.theme-card-label{align-items:center;gap:10px;padding:12px 14px 14px;display:flex}.theme-card-icon{object-fit:contain;width:28px;height:28px}.theme-card-name{color:var(--csc-dark);text-transform:capitalize;font-size:.9rem;font-weight:600}.beta-cta{background:var(--bg);border-top:1px solid #0000000f;padding:70px 0 140px;position:relative;overflow:hidden}.beta-cta-bg{pointer-events:none;transition:background .6s;position:absolute;inset:0}.beta-cta-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:16px;max-width:480px;margin:0 auto;display:flex;position:relative}.beta-cta-overline{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-size:.72rem;font-weight:700;transition:color .3s}.beta-cta-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1}.beta-cta-sub{color:var(--text-secondary);max-width:400px;font-size:1rem;line-height:1.65}.beta-cta-icon{object-fit:contain;width:48px;height:48px}.footer{background:var(--bg);border-top:1px solid #00000012;padding:28px 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-wordmark{width:auto;height:20px}.footer-copy{color:var(--text-muted);font-size:.85rem}.footer-link{color:var(--accent);font-weight:600;text-decoration:none;transition:color .3s}.footer-csc-link{color:var(--text-primary);font-weight:600;text-decoration:none;transition:opacity .2s}.footer-csc-link:hover{opacity:.75}.footer-csc-code{color:var(--accent)}.access-gate{flex-direction:column;gap:8px;width:100%;display:flex}.access-gate-row{gap:8px;width:100%;display:flex}.access-gate-input{border-radius:var(--radius);font-family:var(--font);letter-spacing:.08em;color:var(--text-primary);background:#fff;border:2px solid #0000001a;outline:none;flex:1;padding:14px 18px;font-size:1rem;font-weight:700;transition:border-color .15s}.access-gate-input:focus{border-color:var(--primary)}.access-gate-input--error{border-color:#e53935}.access-gate-label{letter-spacing:.04em;color:var(--text-secondary);font-size:.82rem;font-weight:700}.access-gate-btn{border-radius:var(--radius);color:#fff;font-family:var(--font);cursor:pointer;background:var(--grad-fruit);white-space:nowrap;border:none;padding:14px 24px;font-size:1rem;font-weight:700;transition:opacity .15s,transform .15s;box-shadow:0 4px 16px #00000026}.access-gate-btn:hover{opacity:.88;transform:translateY(-2px)}.access-gate-error{color:#e53935;font-size:.82rem;font-weight:600}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}.shimmer{background-size:200%;animation:1.8s forwards shimmer}@media (width<=1024px){.flavors-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.features{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto}.feature-row,.feature-row--reverse{min-width:100vw;min-height:unset;scroll-snap-align:start;flex-direction:column;flex-shrink:0}.feature-row-img{padding:0;background:0 0!important}.feature-row-screenshot{width:100vw;box-shadow:none;border-radius:0}.feature-row-text{background:var(--bg);gap:10px;padding:20px 24px 28px}.feature-row-sub{display:none}.pillars-grid{grid-template-columns:1fr;gap:32px}.flavors-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{text-align:center;flex-direction:column;gap:10px}.feature-row-text{display:none}}@media (width<=600px){.flavors-grid{grid-template-columns:1fr;gap:14px}.theme-card-swatch{aspect-ratio:3}.theme-card-name{font-size:1rem}.theme-dot{width:14px;height:14px}.access-gate-row{flex-direction:column}.access-gate-btn{width:100%}}.studio-page{--csc-dark:#0f0f0f;--csc-card:#1a1a1a;--csc-border:#ffffff12;--csc-orange:#e8650a;--csc-amber:#fb8500;--csc-cream:#f2deb8;--csc-white:#fff;--csc-muted:#ffffff73;--csc-subtle:#ffffff12;background:var(--csc-dark);color:var(--csc-white)}.studio-hero{background:radial-gradient(at 50% -5%,#e8650a38 0%,#0000 55%),radial-gradient(at 85% 90%,#fb850012 0%,#0000 45%),#090909;align-items:center;height:100dvh;min-height:100svh;display:flex;position:relative;overflow:hidden}.studio-full-hero-logo{object-fit:contain;width:100%;max-width:520px;height:auto;margin:0 auto 48px;display:block}.studio-hero-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.04)}.studio-hero-overlay{background:linear-gradient(#0000004d 0%,#0000001a 30%,#0f0f0fd9 70%,#0f0f0f 100%);position:absolute;inset:0}.studio-hero-content{z-index:2;text-align:center;flex-direction:column;align-items:center;padding-bottom:80px;display:flex;position:relative}.studio-logo-backdrop{-webkit-backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff1a;border-radius:20px;margin:0 auto 48px;padding:20px 36px;display:inline-block}.studio-hero-eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--csc-orange);justify-content:center;align-items:center;gap:10px;margin-bottom:16px;font-size:.75rem;font-weight:700;display:flex}.studio-hero-eyebrow:before{content:"";background:var(--csc-orange);width:28px;height:2px;display:block}.studio-hero-ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.studio-hero-title{color:#fff;letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.8rem,7vw,5.5rem);font-weight:800;line-height:1}.studio-hero-accent{color:var(--csc-orange);display:block}.studio-hero-sub{color:var(--csc-muted);max-width:480px;margin-bottom:40px;font-size:1.1rem;line-height:1.7}.studio-btn-primary{background:var(--csc-orange);color:#fff;font-family:var(--font);border-radius:10px;justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;box-shadow:0 4px 24px #e8650a59}.studio-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8650a80}.studio-btn-ghost{color:#fff;font-family:var(--font);background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;justify-content:center;align-items:center;padding:14px 28px;font-size:.95rem;font-weight:700;text-decoration:none;transition:background .15s;display:inline-flex}.studio-btn-ghost:hover{background:#ffffff24}.studio-hero-scroll-hint{letter-spacing:.14em;text-transform:uppercase;color:#ffffff40;writing-mode:vertical-rl;z-index:2;font-size:.7rem;font-weight:700;position:absolute;bottom:28px;right:32px}.studio-services{background:var(--csc-dark);border-top:1px solid var(--csc-border);padding:100px 0}.studio-overline{letter-spacing:.14em;text-transform:uppercase;color:var(--csc-orange);align-items:center;gap:10px;margin-bottom:16px;font-size:.75rem;font-weight:700;display:flex}.studio-overline:before{content:"";background:var(--csc-orange);width:24px;height:2px;display:block}.studio-section-title{color:#fff;letter-spacing:-.03em;margin-bottom:56px;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1}.services-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.service-card{background:var(--csc-card);border:1px solid var(--csc-border);border-radius:18px;flex-direction:column;gap:12px;padding:28px 24px;transition:border-color .2s,transform .2s;display:flex}.service-card:hover{border-color:var(--csc-orange);transform:translateY(-3px)}.service-icon{font-size:1.8rem;display:block}.service-title{color:#fff;letter-spacing:-.01em;font-size:1rem;font-weight:800}.service-desc{color:var(--csc-muted);font-size:.875rem;line-height:1.65}.studio-story{background:var(--csc-card);border-top:1px solid var(--csc-border);padding:100px 0}.studio-story-inner{grid-template-columns:1fr 1fr;align-items:center;gap:80px;display:grid}.story-quote-wrap{position:relative}.story-quote-mark{color:var(--csc-orange);opacity:.6;margin-bottom:16px;font-size:8rem;font-weight:800;line-height:.6;display:block}.story-quote{color:#fff;letter-spacing:-.02em;border:none;margin:0;padding:0;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:700;line-height:1.4}.story-overline{letter-spacing:.12em;text-transform:uppercase;color:var(--csc-orange);margin-bottom:20px;font-size:.75rem;font-weight:700}.story-text{color:var(--csc-muted);margin-bottom:16px;font-size:1rem;line-height:1.8}.story-stack{flex-wrap:wrap;gap:8px;margin-top:28px;display:flex}.stack-pill{color:#fff;letter-spacing:.03em;background:#ffffff12;border:1px solid #ffffff1f;border-radius:99px;padding:6px 14px;font-size:.78rem;font-weight:700}.studio-work{background:var(--csc-dark);border-top:1px solid var(--csc-border);padding:100px 0}.work-card{background:var(--csc-card);border:1px solid var(--csc-border);border-radius:24px;grid-template-columns:1fr 1fr;margin-top:48px;transition:border-color .2s;display:grid;overflow:hidden}.work-card:hover{border-color:#e8650a66}.work-card-left{flex-direction:column;justify-content:center;gap:16px;padding:48px;display:flex}.work-wordmark{object-fit:contain;object-position:left;width:auto;max-width:180px;height:40px}.work-tag{letter-spacing:.1em;text-transform:uppercase;color:var(--csc-orange);font-size:.75rem;font-weight:700}.work-desc{color:var(--csc-muted);flex:1;font-size:.95rem;line-height:1.75}.work-links{margin-top:8px}.work-card-right{background:linear-gradient(135deg,#ff5722,#ff9800);justify-content:center;align-items:center;min-height:400px;padding:48px 32px;display:flex}.work-screenshot{border-radius:15px;width:auto;max-height:480px;display:block;box-shadow:0 32px 64px #0006}.studio-cta{border-top:1px solid var(--csc-border);padding:120px 0;position:relative;overflow:hidden}.studio-cta-bg{pointer-events:none;background:radial-gradient(at 60%,#e8650a2e 0%,#0000 70%);position:absolute;inset:0}.studio-cta-inner{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;max-width:560px;margin:0 auto;display:flex;position:relative}.cta-squid{opacity:.9;width:64px;height:auto;margin-bottom:8px}.cta-title{color:#fff;letter-spacing:-.03em;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;line-height:1.05}.cta-sub{color:var(--csc-muted);max-width:400px;font-size:1.05rem;line-height:1.65}.studio-footer{border-top:1px solid var(--csc-border);background:#080808;padding:32px 0}.studio-footer-inner{justify-content:space-between;align-items:center;display:flex}.studio-footer-name{color:#ffffff40;letter-spacing:.03em;font-size:.85rem;font-weight:700}.studio-footer-copy{color:#fff3;font-size:.85rem}.studio-footer-link{color:var(--csc-orange);font-weight:600;text-decoration:none}.studio-footer-orange{color:var(--csc-orange)}@media (width<=1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.studio-hero{min-height:100svh}.studio-story-inner{grid-template-columns:1fr;gap:48px}.work-card{grid-template-columns:1fr}.work-card-right{justify-content:center;min-height:280px;padding:40px 24px}.work-screenshot{object-fit:contain;object-position:center;border-radius:15px;width:auto;max-width:100%;height:auto;max-height:320px;position:static;box-shadow:0 20px 48px #0006}.services-grid{grid-template-columns:1fr 1fr}.studio-footer-inner{justify-content:center;align-items:center;gap:32px;display:flex}.studio-logo-backdrop{margin-bottom:32px;padding:16px 24px}.studio-full-hero-logo{max-width:320px}}@media (width<=480px){.services-grid{grid-template-columns:1fr}.studio-hero-ctas{flex-direction:column}.studio-btn-primary,.studio-btn-ghost{text-align:center;width:100%}}