:root{--bg:#0a0a14;--panel:#131322;--panel-soft:#ffffff0a;--border:#ffffff14;--text:#f5f5fa;--muted:#9ca3af;--accent-a:#ff6e9c;--accent-b:#f96;--accent-c:#b13bf2;--grad-warm:linear-gradient(90deg, #ff6e9c, #f96);--grad-brand:linear-gradient(135deg, #b13bf2, #ff6e9c 60%, #f96);--body:"Inter", system-ui, -apple-system, sans-serif;--mono:"Space Grotesk", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 32px}.loader-overlay{z-index:10000;background:var(--bg);justify-content:center;align-items:center;transition:opacity .8s cubic-bezier(.77,0,.175,1),visibility .8s;display:flex;position:fixed;inset:0}.loader-overlay.fade-out{opacity:0;visibility:hidden;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:18px;display:flex}.loader-ring{width:130px;height:130px;position:relative}.loader-ring svg{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.loader-ring circle{fill:none;stroke-width:3px}.ring-bg{stroke:#ffffff0f}.ring-fg{stroke:url(#grad) #ff6e9c;stroke-linecap:round;stroke-dasharray:283;stroke-dashoffset:283px;filter:drop-shadow(0 0 8px #ff6e9c8c);transition:stroke-dashoffset .1s linear}.loader-percentage{font-family:var(--mono);justify-content:center;align-items:center;font-size:24px;font-weight:700;display:flex;position:absolute;inset:0}.loader-logo{filter:drop-shadow(0 0 14px #b13bf259);width:200px;height:auto}.loader-tagline{font-family:var(--mono);letter-spacing:4px;color:var(--accent-a);text-transform:uppercase;margin-top:4px;font-size:12px}.site-header{z-index:1000;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);background:#0a0a148c;justify-content:space-between;align-items:center;height:96px;padding:0 40px;display:flex;position:fixed;top:0;left:0;right:0}.brand img{width:auto;height:68px}.main-nav{gap:36px;display:flex}.main-nav a{font-family:var(--mono);letter-spacing:2.5px;color:var(--text);font-size:12px;font-weight:600;transition:color .25s}.main-nav a:hover{color:var(--accent-a)}.hero{z-index:10;width:100vw;height:100vh;position:sticky;top:0;overflow:hidden}.canvas-wrap{position:absolute;inset:0}#frame-canvas{width:100%;height:100%;display:block}.hero-overlay{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;padding:0 72px;display:flex;position:absolute;inset:0}.hero-overlay>*{pointer-events:auto}.hero-copy{max-width:520px}.hero-title{letter-spacing:-1.5px;font-size:clamp(40px,5.2vw,76px);font-weight:700;line-height:1.05}.grad-text{background:var(--grad-warm);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-sub{color:var(--muted);max-width:420px;margin-top:22px;font-size:16px;line-height:1.6}.hero-ctas{align-items:center;gap:18px;margin-top:32px;display:flex}.btn{font-family:var(--mono);letter-spacing:2px;text-transform:uppercase;cursor:pointer;border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:14px 26px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-grad{background:var(--grad-warm);color:#1a0814;box-shadow:0 12px 30px #ff6e9c4d}.btn-grad:hover{transform:translateY(-2px);box-shadow:0 18px 40px #ff6e9c73}.btn-ghost{border-color:var(--border);color:var(--text);background:#ffffff0a}.btn-ghost:hover{background:#ffffff14}.play-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:10px;display:inline-flex}.hero-chip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);max-width:260px;color:var(--muted);background:#14121eb3;border-radius:14px;padding:16px 18px;font-size:13px;line-height:1.55}.hero-chip .chip-icon{color:var(--accent-a);margin-right:6px;font-size:14px;display:inline-block}.scroll-hint{font-family:var(--mono);letter-spacing:4px;color:var(--muted);opacity:.8;font-size:11px;transition:opacity .6s;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.scroll-hint.hide{opacity:0}.scroll-spacer{pointer-events:none;width:100%;height:250vh}.content{z-index:100;--diagonal-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 140' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='f' filterUnits='userSpaceOnUse' x='-10' y='-20' width='120' height='180'%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M-5 126 L105 -6 L105 145 L-5 145 Z' fill='%23fff' filter='url(%23f)'/%3E%3C/svg%3E");-webkit-mask-image:var(--diagonal-mask), linear-gradient(#000, #000);-webkit-mask-image:var(--diagonal-mask), linear-gradient(#000, #000);mask-image:var(--diagonal-mask), linear-gradient(#000, #000);background-color:#07070d;margin-top:-120px;padding-top:200px;position:relative;-webkit-mask-position:0 0,0 100%;mask-position:0 0,0 100%;-webkit-mask-size:100% 140px,100% calc(100% - 138px);mask-size:100% 140px,100% calc(100% - 138px);-webkit-mask-repeat:no-repeat,no-repeat;mask-repeat:no-repeat,no-repeat}.section{padding:80px 0}.section-head{margin-bottom:36px}.section-title{letter-spacing:-.5px;font-size:clamp(28px,3vw,38px);font-weight:700}.section-sub{color:var(--muted);margin-top:8px;font-size:15px}.style-row{grid-template-columns:repeat(6,1fr);gap:16px;display:grid}.style-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.style-card .thumb{aspect-ratio:4/5;background:linear-gradient(160deg,#b13bf22e,#ff6e9c14)}.style-card span{text-align:center;font-family:var(--mono);letter-spacing:2px;padding:12px 6px;font-size:11px;display:block}.service-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid}.service-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:18px}.service-card .thumb{aspect-ratio:4/3;background:linear-gradient(160deg,#b13bf233,#ff99661a);border-radius:10px;margin-bottom:14px}.service-card h3{margin-bottom:8px;font-size:16px;font-weight:700}.service-card p{color:var(--muted);font-size:13px;line-height:1.5}.learn{font-family:var(--mono);letter-spacing:2px;color:var(--accent-a);margin-top:12px;font-size:11px;display:inline-block}.switcher-tabs{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.tab{border:1px solid var(--border);color:var(--muted);font-family:var(--mono);letter-spacing:2px;cursor:pointer;background:0 0;border-radius:999px;padding:10px 18px;font-size:11px;transition:all .2s}.tab.active{color:var(--text);border-color:var(--accent-a);background:#ff6e9c1a}.switcher-strip{border-radius:12px;grid-template-columns:repeat(7,1fr);gap:4px;display:grid;overflow:hidden}.strip-cell{aspect-ratio:3/4;background:linear-gradient(160deg,#b13bf238,#ff6e9c0f)}.adapt-lines{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;display:flex}.adapt-lines strong{font-size:18px}.adapt-points{color:var(--muted);flex-wrap:wrap;gap:28px;font-size:13px;display:flex}.process-steps{grid-template-columns:repeat(5,1fr);gap:18px;list-style:none;display:grid;position:relative}.process-steps li{text-align:center;padding:0 8px}.step-icon{width:64px;height:64px;font-family:var(--mono);border:1px solid var(--border);color:var(--accent-a);background:#ffffff08;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:16px;font-weight:700;display:flex}.process-steps h4{letter-spacing:1.5px;text-transform:uppercase;margin-bottom:6px;font-size:14px}.process-steps p{color:var(--muted);font-size:13px;line-height:1.5}.portfolio-row{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.port-thumb{aspect-ratio:4/3;background:linear-gradient(160deg,#b13bf233,#ff6e9c14);border-radius:10px}.site-footer{border-top:1px solid var(--border);background:#0006;margin-top:40px;padding:36px 0}.footer-inner{grid-template-columns:1.1fr 1.4fr 1.2fr;align-items:center;gap:28px;display:grid}.footer-brand{align-items:center;gap:14px;display:flex}.footer-brand img{height:88px}.footer-brand strong{font-size:14px;display:block}.footer-brand span{color:var(--muted);font-size:12px}.footer-nav{color:var(--muted);flex-wrap:wrap;gap:14px 22px;font-size:13px;display:flex}.footer-nav a:hover{color:var(--accent-a)}.footer-cta{justify-content:flex-end;align-items:center;gap:18px;display:flex}.footer-cta p{font-size:14px;line-height:1.4}.nav-toggle{cursor:pointer;z-index:1100;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:none}.nav-toggle span{background:var(--text);border-radius:2px;width:26px;height:2px;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s;display:block}body.nav-open .nav-toggle span:first-child{transform:translateY(7px)rotate(45deg)}body.nav-open .nav-toggle span:nth-child(2){opacity:0}body.nav-open .nav-toggle span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}@media (max-width:960px){.site-header{height:64px;padding:0 20px}.brand img{height:44px}.main-nav{gap:18px}.main-nav a{letter-spacing:1.5px;font-size:11px}.hero-overlay{flex-direction:column;justify-content:flex-end;padding:0 24px 60px}.hero-chip{margin-top:24px}.style-row,.switcher-strip,.portfolio-row{grid-template-columns:repeat(3,1fr)}.service-grid,.process-steps{grid-template-columns:repeat(2,1fr)}.footer-inner{text-align:left;grid-template-columns:1fr}.footer-cta{justify-content:flex-start}}@media (max-width:768px){.nav-toggle{display:flex}.brand img{height:40px}.container{padding:0 20px}.main-nav{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:999;background:#0a0a14f5;flex-direction:column;align-items:stretch;gap:0;height:calc(100vh - 64px);padding:24px 24px 40px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:fixed;top:64px;left:0;right:0;overflow-y:auto;transform:translate(100%)}body.nav-open{overflow:hidden}body.nav-open .main-nav{transform:translate(0)}.main-nav a{letter-spacing:3px;border-bottom:1px solid var(--border);padding:20px 4px;font-size:15px}.main-nav a:last-child{border-bottom:0}.hero-overlay{padding:0 20px 80px}.hero-copy{max-width:100%}.hero-sub{font-size:15px}.hero-ctas{flex-direction:column;align-items:stretch;gap:12px}.hero-ctas .btn{justify-content:center;width:100%}.hero-chip{max-width:100%;margin-top:28px}.section{padding:56px 0}.section-head{margin-bottom:24px}.style-row,.switcher-strip,.portfolio-row{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:1fr}.process-steps{grid-template-columns:1fr;gap:14px}.process-steps li{text-align:left;grid-template-columns:64px 1fr;align-items:start;column-gap:16px;padding:0;display:grid}.process-steps .step-icon{margin:0}.switcher-tabs{gap:6px}.tab{padding:8px 14px;font-size:10px}.adapt-lines{flex-direction:column;align-items:flex-start;gap:14px}.adapt-points{flex-direction:column;gap:8px}.footer-brand img{height:64px}.footer-cta{flex-direction:column;align-items:flex-start;gap:14px}.footer-nav{gap:10px 18px}}@media (max-width:480px){.brand img{height:36px}.container{padding:0 16px}.hero-title{font-size:clamp(32px,9vw,48px)}.hero-sub{font-size:14px}.hero-chip{padding:12px 14px;font-size:12px}.switcher-tabs{gap:4px}.tab{letter-spacing:1.5px;padding:7px 10px;font-size:10px}.footer-brand img{height:56px}}