*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0a0b;--surface:#121214;--surface-2:#18181b;--line:#ffffff14;--line-strong:#ffffff29;--text:#f4f3ee;--muted:#8f8e88;--accent:#f9e8a0;--accent-rgb:249, 232, 160;--font:"Inter", "Noto Sans KR", system-ui, -apple-system, sans-serif;--max-w:1200px;--r-btn:12px;--r-card:20px;--grid:64px;--ease:cubic-bezier(.2, .7, .2, 1);--serif:"Instrument Serif", "Noto Serif KR", Georgia, serif;--on-accent:#111;--btn-bg:var(--accent);--btn-bg-hover:#fff3c2;--btn-text:#111;--nav-bg:#0a0a0bb8;--menu-bg:#0a0a0bf5;--hover:#ffffff0a;--hl:var(--accent);--shape-stroke:#ffffff47;--shape-fill:var(--accent)}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden}:lang(ko) body,body:lang(ko){word-break:keep-all}::selection{background:var(--accent);color:#111}a{color:inherit;text-decoration:none}svg{display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}h1,h2,h3{letter-spacing:-.035em;font-weight:600;line-height:1.05}h1{font-size:clamp(2.6rem,7vw,5.6rem)}h2{font-size:clamp(2rem,4.4vw,3.4rem)}h3{letter-spacing:-.02em;font-size:1.35rem}:lang(ko) h1,:lang(ko) h2{letter-spacing:-.045em;line-height:1.15}.hl,h1 em,h2 em{font-family:var(--serif);letter-spacing:0;color:var(--hl);font-style:italic;font-weight:400}h2 em{font-size:1.08em}.hl{font-size:1.06em}:lang(ko) .hl,:lang(ko) h2 em{letter-spacing:-.04em;font-size:.96em;font-style:normal;font-weight:500}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;font-size:.72rem;font-weight:500;display:inline-flex}.label:before{content:"";background:var(--accent);border-radius:2px;width:6px;height:6px}.btn{height:48px;font:500 .92rem/1 var(--font);border-radius:var(--r-btn);transition:transform .25s var(--ease), background .25s, border-color .25s, color .25s;cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 22px;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--btn-bg);color:var(--btn-text)}.btn-primary:hover{background:var(--btn-bg-hover)}.btn-ghost{border-color:var(--line-strong);color:var(--text)}.btn-ghost:hover{border-color:var(--text)}.btn-sm{border-radius:10px;height:38px;padding:0 16px;font-size:.85rem}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(3px)}.grid-bg{pointer-events:none;background-image:linear-gradient(to right, var(--grid-line,var(--line)) 1px, transparent 1px), linear-gradient(to bottom, var(--grid-line,var(--line)) 1px, transparent 1px);background-size:var(--grid) var(--grid);background-position:top;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 60% 40%,#000 30%,#0000 85%);mask-image:radial-gradient(75% 70% at 60% 40%,#000 30%,#0000 85%)}.cross{pointer-events:none;width:13px;height:13px;color:rgba(var(--accent-rgb), .7);position:absolute}.cross:before,.cross:after{content:"";background:currentColor;position:absolute}.cross:before{width:1px;height:13px;top:0;left:6px}.cross:after{width:13px;height:1px;top:6px;left:0}#navbar{z-index:50;border-bottom:1px solid #0000;transition:background .3s,border-color .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;position:fixed;inset:0 0 auto}#navbar.scrolled{background:var(--nav-bg);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.nav-inner{max-width:var(--max-w);justify-content:space-between;align-items:center;height:68px;margin:0 auto;padding:0 24px;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:12px;font-size:.95rem;font-weight:600;display:flex}.brand-mark{width:52px;height:13px;color:var(--text)}.brand-mark .dot{fill:var(--hl)}.nav-links{align-items:center;gap:4px;list-style:none;display:flex}.nav-links a:not(.btn){color:var(--muted);border-radius:10px;padding:8px 12px;font-size:.88rem;transition:color .2s,background .2s;display:block}.nav-links a:not(.btn):hover{color:var(--text);background:var(--hover)}.lang{border:1px solid var(--line);border-radius:10px;gap:2px;margin:0 8px;padding:3px;display:flex}.lang a{border-radius:7px!important;padding:4px 9px!important;font-size:.75rem!important}.lang a.active{background:var(--surface-2);color:var(--text)!important}.hamburger{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;width:40px;height:40px;display:none;position:relative}.hamburger span{background:var(--text);width:16px;height:1.5px;transition:transform .3s,opacity .3s;position:absolute;left:11px}.hamburger span:first-child{top:14px}.hamburger span:nth-child(2){top:19px}.hamburger span:nth-child(3){top:24px}.hamburger.open span:first-child{transform:translateY(5px)rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-5px)rotate(-45deg)}.mobile-menu{background:var(--menu-bg);border-bottom:1px solid var(--line);flex-direction:column;gap:4px;padding:8px 24px 24px;display:none}.mobile-menu.open{display:flex}.mobile-menu a{border-bottom:1px solid var(--line);padding:14px 4px;font-size:1.05rem}.mobile-menu a:last-child{border-bottom:0}.mobile-menu .btn{border-bottom:0;margin-top:12px}#hero{align-items:center;min-height:100svh;padding:120px 0 80px;display:flex;position:relative;overflow:hidden}.hero-inner{z-index:2;width:100%;position:relative}.hero-copy{max-width:760px}.hero-copy h1{margin:28px 0 24px}.hero-sub{color:var(--muted);max-width:520px;font-size:clamp(1rem,1.6vw,1.15rem)}.hero-cta{flex-wrap:wrap;gap:12px;margin-top:40px;display:flex}.hero-shapes{z-index:1;right:max(24px, calc((100vw - var(--max-w)) / 2 + 24px));aspect-ratio:1;width:min(38vw,440px);position:absolute;top:50%;transform:translateY(-50%)}.hero-shapes svg{width:100%;height:100%;overflow:visible}.hero-shapes .s{fill:none;stroke:var(--shape-stroke);stroke-width:1px;vector-effect:non-scaling-stroke}.hero-shapes .s-fill{fill:var(--shape-fill);stroke:none}.hero-shapes g{transform-box:fill-box;transform-origin:50%;animation:9s ease-in-out infinite drift}.hero-shapes g:nth-child(2){animation-delay:-2s}.hero-shapes g:nth-child(3){animation-delay:-4s}.hero-shapes g:nth-child(4){animation-delay:-6s}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero-meta{z-index:2;position:absolute;bottom:28px;left:0;right:0}.hero-meta .container{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.75rem;display:flex}section{padding:128px 0;position:relative}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:32px;margin-bottom:56px;display:flex}.sec-head h2{margin-top:18px}.sec-head p{color:var(--muted);max-width:360px}.services{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.svc{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);min-height:380px;transition:border-color .3s, transform .4s var(--ease);flex-direction:column;padding:28px;display:flex;position:relative;overflow:hidden}.svc:before{content:"";opacity:0;background-image:linear-gradient(to right, rgba(var(--accent-rgb), .09) 1px, transparent 1px), linear-gradient(to bottom, rgba(var(--accent-rgb), .09) 1px, transparent 1px);background-size:32px 32px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.svc:hover{border-color:rgba(var(--accent-rgb), .35);transform:translateY(-4px)}.svc:hover:before{opacity:1}.svc>*{position:relative}.svc-top{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;font-size:.8rem;display:flex}.svc-icon{background:rgba(var(--accent-rgb), .1);width:44px;height:44px;color:var(--accent);border-radius:12px;place-items:center;display:grid}.svc-icon svg{width:22px;height:22px}.svc h3{margin-top:auto;padding-top:72px}.svc p{color:var(--muted);margin-top:10px;font-size:.95rem}.tags{flex-wrap:wrap;gap:6px;margin-top:22px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);border-radius:8px;padding:5px 10px;font-size:.75rem}.svc-link{color:var(--accent);align-self:flex-start;gap:6px;margin-top:22px;font-size:.88rem;display:inline-flex}.svc-link:hover .arr{transform:translate(3px)}.svc-link .arr{transition:transform .25s var(--ease)}.process{border:1px solid var(--line);border-radius:var(--r-card);grid-template-columns:repeat(4,1fr);margin-top:16px;display:grid;overflow:hidden}.step{border-right:1px solid var(--line);padding:22px 24px}.step:last-child{border-right:0}.step b{font-size:.95rem;font-weight:500;display:block}.step span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}:root{--tile-top:#18181b;--tile-bot:#131315;--tile-text:#f4f3ee;--tile-muted:#a7a59d;--tile-line:#ffffff1a}[data-theme=yellow]{--tile-top:#343336;--tile-bot:#2a2a2c}.glow{isolation:isolate;position:relative;overflow:hidden}.grid-work{-webkit-mask-image:radial-gradient(60% 55% at 50% 62%,#000 25%,#0000 80%);mask-image:radial-gradient(60% 55% at 50% 62%,#000 25%,#0000 80%)}[data-theme=yellow] .grid-work{--grid-line:#2626281a}section>.container{z-index:1;position:relative}.work-list{flex-direction:column;gap:6px;display:flex}.w-row{color:var(--tile-text);background:radial-gradient(140px 70px at 0% 50%, #f9e8a012, transparent 70%), linear-gradient(180deg, var(--tile-top) 0%, var(--tile-bot) 100%);transition:transform .35s var(--ease), box-shadow .35s var(--ease);border-radius:16px;grid-template-columns:48px 1fr 1fr 32px;align-items:center;gap:16px;padding:17px 22px;display:grid;box-shadow:inset 0 1px #ffffff12,0 1px 2px #2626281f}.w-row:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-position:right -1px top -1px;background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000 0%,#0000 38%);mask-image:linear-gradient(270deg,#000 0%,#0000 38%)}.w-row:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff1a,0 14px 30px -14px #2626288c}.w-num{color:#807e76;font-variant-numeric:tabular-nums;font-size:.78rem}.w-name{letter-spacing:-.02em;font-size:1.12rem;font-weight:500;transition:color .25s}.w-tag{color:var(--tile-muted);font-size:.88rem}.w-arrow{width:32px;height:32px;color:var(--tile-muted);border:1px solid var(--tile-line);transition:background .25s, color .25s, border-color .25s, transform .3s var(--ease);background:#26262899;border-radius:9px;place-items:center;font-size:.85rem;display:grid}.w-row:hover .w-name{color:#f9e8a0}.w-row:hover .w-arrow{color:#262628;background:#f9e8a0;border-color:#f9e8a0;transform:rotate(45deg)}section.tight{padding:40px 0}section.tight-top{padding-top:64px}.nav-links a.current{color:var(--text)!important}#hero.page-hero{min-height:0;padding:168px 0 72px}.page-hero h1{font-size:clamp(2.6rem,6vw,4.8rem)}.page-hero .hero-copy{max-width:640px}.page-hero .hero-shapes{width:min(30vw,360px)}@media (width<=960px){#hero.page-hero{padding-top:300px}.page-hero .hero-shapes{width:180px;top:100px;transform:none}}@media (width<=600px){#hero.page-hero{align-items:flex-start;padding-top:236px;padding-bottom:48px}.page-hero .hero-shapes{width:130px;top:88px}}.btn-accent{color:#262628;background:#f9e8a0}.btn-accent:hover{background:#fff3c2}.btn-line{color:var(--tile-text);border-color:#ffffff2e}.btn-line:hover{color:#f9e8a0;border-color:#f9e8a0}.hero-shapes .s-panel{fill:var(--tile-top);stroke:none}.hero-shapes .s-line{stroke:#ffffff14;stroke-width:1px;vector-effect:non-scaling-stroke}.hero-shapes .s-dot{fill:#ffffff40}.hero-shapes .s-bar{fill:#f9e8a0}.hero-shapes .s-bar.dim{fill:#ffffff29}.hero-shapes .s-chip{fill:none;stroke:#f9e8a0;stroke-width:1.2px;vector-effect:non-scaling-stroke}[data-theme=dark] .hero-shapes .s-panel{fill:#18181b;stroke:var(--line-strong)}.music-hero .hero-shapes g,.music-hero .hero-shapes svg>*{animation:none}.hero-shapes .eq{fill:var(--shape-fill);transform-box:fill-box;transform-origin:50%;animation:1.6s ease-in-out infinite eq;animation-delay:var(--d)}.hero-shapes .disc{fill:var(--shape-fill)}.hero-shapes .groove{fill:none;stroke:var(--bg);stroke-opacity:.28;stroke-width:1px;vector-effect:non-scaling-stroke}.hero-shapes .hub{fill:var(--bg)}.hero-shapes .dash{stroke-dasharray:4 6}.hero-shapes .s-dot2{fill:var(--bg);stroke:var(--shape-stroke);stroke-width:1px;vector-effect:non-scaling-stroke}.cube-hero .hero-shapes svg>g{animation:9s ease-in-out infinite drift}.opt-cta{flex-wrap:wrap;align-items:center;gap:18px;margin-top:auto;display:flex}.opt-cta .btn{margin-top:0}.opt-link{color:var(--tile-muted);border-bottom:1px solid #ffffff2e;padding-bottom:2px;font-size:.88rem;transition:color .2s,border-color .2s}.opt-link:hover{color:var(--tile-text);border-color:var(--tile-text)}.gallery{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.art{flex-direction:column;gap:10px;display:flex}.art-img{aspect-ratio:1;background:#262628;border-radius:16px;display:block;overflow:hidden}.art-img img{object-fit:cover;width:100%;height:100%;transition:transform .8s var(--ease);display:block}.art:hover .art-img img{transform:scale(1.04)}.art-cap{justify-content:space-between;padding:0 4px;font-size:.9rem;display:flex}.art-cap b{font-weight:500}.art-cap span{color:var(--muted)}.more-link{border-bottom:1px solid var(--line-strong);margin-top:24px;padding-bottom:2px;font-size:.9rem;display:inline-block}.more-link:hover{border-color:var(--text)}@media (width<=960px){.gallery{grid-template-columns:repeat(2,1fr)}}@keyframes eq{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.stat-strip{border-radius:var(--r-card);background:var(--line);border:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.stat-strip>div{background:var(--bg);flex-direction:column;gap:2px;padding:22px 26px;display:flex}.stat-strip b{letter-spacing:-.03em;font-size:clamp(1.4rem,2.6vw,2rem);font-weight:600}.stat-strip span{color:var(--muted);font-size:.82rem}.stat-strip.n5{grid-template-columns:repeat(5,1fr)}.stat-strip.n5 b{font-size:clamp(1.15rem,1.7vw,1.45rem)}@media (width<=960px){.stat-strip.n5{grid-template-columns:repeat(2,1fr)}.stat-strip.n5>div:last-child{grid-column:1/-1}}@media (width<=600px){.stat-strip.n5{grid-template-columns:1fr}}.demo-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.demo{all:unset;box-sizing:border-box;cursor:pointer;border-radius:var(--r-card);color:var(--tile-text);background:linear-gradient(180deg, var(--tile-top), var(--tile-bot));transition:transform .35s var(--ease), box-shadow .35s var(--ease);flex-direction:column;gap:14px;padding:10px 10px 20px;display:flex;box-shadow:inset 0 1px #ffffff12}.demo:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffff1a,0 22px 40px -22px #26262899}.demo:focus-visible{outline-offset:3px;outline:2px solid #f9e8a0}.demo-thumb{aspect-ratio:16/10;background:#1b1b1d;border-radius:12px;display:block;position:relative;overflow:hidden}.demo-thumb img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .8s var(--ease);display:block}.demo:hover .demo-thumb img{transform:scale(1.04)}.demo-play{color:#262628;opacity:0;transition:opacity .3s, transform .3s var(--ease);background:#f9e8a0;border-radius:10px;padding:8px 12px;font-size:.8rem;font-weight:500;position:absolute;bottom:12px;left:12px;transform:translateY(6px)}.demo:hover .demo-play{opacity:1;transform:none}.demo-info{flex-direction:column;gap:4px;padding:0 10px;display:flex}.demo-tag{letter-spacing:.12em;text-transform:uppercase;color:#f9e8a0;font-size:.72rem}.demo-name{letter-spacing:-.02em;font-size:1.15rem;font-weight:500}.demo-desc{color:var(--tile-muted);font-size:.88rem}.viewer{z-index:100;visibility:hidden;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.viewer.open{visibility:visible}.viewer-backdrop{-webkit-backdrop-filter:blur(10px);opacity:0;background:#14141699;transition:opacity .3s;position:absolute;inset:0}.viewer.open .viewer-backdrop{opacity:1}.viewer-panel{opacity:0;width:min(1280px,100%);height:min(860px,100%);transition:opacity .3s, transform .4s var(--ease);background:#232325;border-radius:22px;flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(16px)scale(.98);box-shadow:0 40px 80px -30px #0009,0 0 0 1px #ffffff0f}.viewer.open .viewer-panel{opacity:1;transform:none}.viewer-bar{color:#f4f3ee;border-bottom:1px solid #ffffff12;align-items:center;gap:14px;padding:10px 12px 10px 18px;display:flex}.viewer-dots{gap:6px;display:flex}.viewer-dots i{background:#ffffff26;border-radius:50%;width:10px;height:10px}.viewer-dots i:first-child{background:#f9e8a0}.viewer-bar b{white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.92rem;font-weight:500;overflow:hidden}.seg{background:#ffffff0f;border-radius:10px;padding:3px;display:flex}.seg button{all:unset;cursor:pointer;color:#a7a59d;border-radius:8px;padding:6px 12px;font-size:.8rem}.seg button.on{color:#262628;background:#f9e8a0}.viewer-btn{all:unset;cursor:pointer;color:#f4f3ee;background:#ffffff0f;border-radius:10px;place-items:center;width:34px;height:34px;font-size:.9rem;display:grid}.viewer-btn:hover{color:#262628;background:#f9e8a0}.viewer-stage{background:#1a1a1c;flex:1;place-items:center;padding:0;transition:padding .3s;display:grid;overflow:hidden}.viewer-frame{width:100%;height:100%;transition:width .4s var(--ease), border-radius .4s;background:#fff;position:relative;overflow:hidden}.viewer.mobile .viewer-stage{padding:20px 0}.viewer.mobile .viewer-frame{border-radius:28px;width:390px;max-width:calc(100% - 32px);box-shadow:0 0 0 8px #0e0e0f,0 20px 50px #00000080}.viewer iframe{border:0;width:100%;height:100%;display:block}.viewer-spin{opacity:0;border:2px solid #26262826;border-top-color:#262628;border-radius:50%;width:28px;height:28px;margin:auto;transition:opacity .2s;animation:.8s linear infinite spin;position:absolute;inset:0}.viewer-frame.loading .viewer-spin{opacity:1}@keyframes spin{to{transform:rotate(360deg)}}.panel{border-radius:var(--r-card);color:var(--tile-text);background:radial-gradient(600px 220px at 100% 0%, #f9e8a014, transparent 70%), linear-gradient(180deg, var(--tile-top), var(--tile-bot));padding:34px;box-shadow:inset 0 1px #ffffff12}.inc{grid-template-columns:repeat(2,1fr);gap:4px 32px;list-style:none;display:grid}.inc li{border-bottom:1px solid #ffffff12;align-items:center;gap:12px;padding:12px 0;font-size:.98rem;display:flex}.ck{color:#f9e8a0;background:#f9e8a024;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.ck svg{width:13px;height:13px}.panel:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-position:right -1px top -1px;background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(55% 75% at 100% 0,#000 10%,#0000 75%);mask-image:radial-gradient(55% 75% at 100% 0,#000 10%,#0000 75%)}.addons{flex-wrap:wrap;align-items:center;gap:8px;margin-top:28px;display:flex}.addons-t{letter-spacing:.14em;text-transform:uppercase;color:var(--tile-muted);flex-basis:100%;margin-bottom:6px;font-size:.75rem}.addons span:not(.addons-t){color:#f9e8a0;border:1px solid #f9e8a040;border-radius:10px;padding:8px 12px;font-size:.85rem}.steps4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.step4{border:1px solid var(--line-strong);border-radius:18px;padding:24px}.step4 span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.78rem}.step4 b{letter-spacing:-.02em;margin:36px 0 6px;font-size:1.15rem;font-weight:500;display:block}.step4 p{color:var(--muted);font-size:.9rem}.step4:last-child{background:var(--btn-bg);color:var(--btn-text);border-color:#0000}.step4:last-child p,.step4:last-child span{color:inherit;opacity:.75}.sec-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.sec-item{color:var(--tile-text);background:linear-gradient(180deg, var(--tile-top), var(--tile-bot));border-radius:18px;padding:24px;box-shadow:inset 0 1px #ffffff12}.sec-item .svc-icon{color:#f9e8a0;background:#f9e8a01f;border-radius:11px;width:38px;height:38px}.sec-item b{margin:28px 0 6px;font-weight:500;display:block}.sec-item p{color:var(--tile-muted);font-size:.88rem}.band{color:var(--tile-text);background:radial-gradient(520px 260px at 0% 100%, #f9e8a01f, transparent 70%), linear-gradient(135deg, var(--tile-top), var(--tile-bot));border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:44px;display:flex;box-shadow:inset 0 1px #ffffff14}.band:before{content:"";z-index:-1;pointer-events:none;background-image:linear-gradient(90deg,#ffffff0b 1px,#0000 1px),linear-gradient(#ffffff0b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(270deg,#000,#0000 55%);mask-image:linear-gradient(270deg,#000,#0000 55%)}.band>div{max-width:640px}.band .label{color:var(--tile-muted)}.band .label:before{background:#f9e8a0}.band h2{margin:16px 0 12px;font-size:clamp(1.8rem,3.4vw,2.6rem)}.band h2 em{color:#f9e8a0}.band p{color:var(--tile-muted)}.opts{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.opt{color:var(--tile-text);background:linear-gradient(180deg, var(--tile-top), var(--tile-bot));border-radius:22px;flex-direction:column;padding:30px;display:flex;box-shadow:inset 0 1px #ffffff12}.opt-ai{background:radial-gradient(500px 260px at 100% 0%, #f9e8a021, transparent 70%), linear-gradient(180deg, var(--tile-top), var(--tile-bot));box-shadow:inset 0 1px #ffffff14,0 0 0 1px #f9e8a038}.opt .svc-top{color:var(--tile-muted)}.opt .svc-icon{color:#f9e8a0;background:#f9e8a01f}.opt-tag{letter-spacing:.14em;text-transform:uppercase;border:1px solid #ffffff1f;border-radius:8px;padding:6px 10px;font-size:.72rem}.opt h3{margin-top:44px;font-size:1.7rem}.opt-p{color:var(--tile-muted);max-width:460px;margin-top:10px}.inc-1{grid-template-columns:1fr;margin:22px 0 0}.opt-best{color:var(--tile-text);margin:22px 0 26px;font-size:.9rem}.opt-best span{letter-spacing:.14em;text-transform:uppercase;color:var(--tile-muted);margin-bottom:4px;font-size:.72rem;display:block}.opt .btn{align-self:flex-start;margin-top:auto}.uses{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.uses span{letter-spacing:-.01em;border:1px solid var(--line);background:#ffffff59;border-radius:16px;padding:22px 24px;font-size:1.05rem;font-weight:500}[data-theme=dark] .uses span{background:var(--surface)}@media (width<=960px){.demo-grid,.steps4,.sec-grid{grid-template-columns:repeat(2,1fr)}.opts{grid-template-columns:1fr}.uses{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.demo-grid,.steps4,.sec-grid,.inc,.stat-strip{grid-template-columns:1fr}.stat-strip>div{flex-direction:row;justify-content:space-between;align-items:baseline;padding:16px 20px}.panel,.band,.opt{padding:24px}.uses{grid-template-columns:1fr}.viewer{padding:0}.viewer-panel{border-radius:0;height:100%}.viewer-dots{display:none}}#contact{text-align:center;padding:160px 0;overflow:hidden}#contact .grid-bg{-webkit-mask-image:radial-gradient(55% 60%,#000 20%,#0000 80%);mask-image:radial-gradient(55% 60%,#000 20%,#0000 80%)}.contact-inner{position:relative}.contact-inner h2{margin:20px 0 16px;font-size:clamp(2.4rem,6vw,4.6rem)}.contact-inner p{color:var(--muted)}.contact-inner .hero-cta{justify-content:center}footer{--f-text:#f4f3ee;--f-muted:#8f8d86;--f-bg:#1d1d1f;background:var(--f-bg);color:var(--f-muted);padding:72px 0 32px;font-size:.9rem}.foot-top{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;gap:48px;padding-bottom:48px;display:flex}.foot-about{max-width:520px}footer .brand,footer .brand-mark{color:var(--f-text)}.foot-mark .ring{fill:var(--f-bg);stroke:var(--f-text);stroke-width:1px;vector-effect:non-scaling-stroke}.foot-desc{color:var(--f-muted);margin-top:22px;line-height:1.75}.foot-mail{color:var(--f-text);border-bottom:1px solid #fff3;margin-top:16px;padding-bottom:2px;transition:border-color .2s;display:inline-block}.foot-mail:hover{border-color:var(--f-text)}.foot-cols{gap:64px;display:flex}.foot-cols div{flex-direction:column;gap:10px;display:flex}.foot-cols span{letter-spacing:.14em;text-transform:uppercase;color:#6b6a65;margin-bottom:4px;font-size:.72rem}.foot-cols a{color:var(--f-muted);transition:color .2s}.foot-cols a:hover{color:var(--f-text)}.foot-bottom{color:#6b6a65;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:24px;font-size:.8rem;display:flex}@media (width<=600px){.foot-cols{gap:40px}footer{padding-top:56px}}.reveal{opacity:0;transition:opacity .8s var(--ease), transform .8s var(--ease);transform:translateY(18px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.hero-shapes g{animation:none}html{scroll-behavior:auto}}@media (width<=960px){.nav-links{display:none}.hamburger{display:block}.hero-shapes{opacity:.9;width:200px;top:96px;right:24px;transform:none}.services{grid-template-columns:1fr}.svc{min-height:0}.svc h3{padding-top:40px}.process{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:1px solid var(--line)}section{padding:96px 0}}@media (width<=600px){.w-row{grid-template-columns:32px 1fr 32px;row-gap:2px;padding:16px}.w-name{grid-column:2}.w-tag{grid-area:2/2;font-size:.82rem}.w-arrow{grid-area:1/3/span 2}.w-num{grid-row:1/span 2}:root{--grid:48px}.container,.nav-inner{padding:0 16px}.hero-cta .btn{flex:auto}.hero-shapes{width:128px;top:88px;right:16px}#hero{align-items:flex-end;padding-bottom:96px}.hero-meta .container span:last-child{display:none}#contact{padding:120px 0}}[data-theme=yellow]{--bg:#f9e8a0;--surface:#262628;--surface-2:#2f2f32;--line:#26262824;--line-strong:#26262873;--text:#262628;--muted:#5e5a4c;--btn-bg:#262628;--btn-bg-hover:#000;--btn-text:#f9e8a0;--nav-bg:#f9e8a0d1;--menu-bg:#f9e8a0fa;--hover:#2626280f;--hl:#262628;--shape-stroke:#2626288c;--shape-fill:#262628;--grid-line:#26262814}[data-theme=yellow] ::selection{color:#f9e8a0;background:#262628}[data-theme=yellow] .label:before{background:#262628}[data-theme=yellow] .lang a.active{background:#262628;color:#f9e8a0!important}[data-theme=yellow] .hamburger{border-color:var(--line-strong)}[data-theme=yellow] .svc{color:#f4f3ee;border-color:#0000}[data-theme=yellow] .svc:hover{border-color:#0000;box-shadow:0 24px 48px -24px #26262873}[data-theme=yellow] .svc p,[data-theme=yellow] .svc-top{color:#a7a59d}[data-theme=yellow] .svc .tags span{color:#a7a59d;border-color:#ffffff1f}[data-theme=yellow] .svc-icon{color:#f9e8a0;background:#f9e8a01f}[data-theme=yellow] .svc-link{color:#f9e8a0}[data-theme=yellow] footer{--f-bg:#262628}[data-theme=dark] footer{border-top:1px solid var(--line);--f-bg:#0d0d0e}