:root{color:#f7f7f2;--page:#030406;--panel:#0a0c0fb8;--panel-strong:#0d1014e6;--line:#ffffff1a;--line-strong:#ffffff2e;--text:#ffffffeb;--muted:#ffffff94;--faint:#ffffff57;--gold:#ffd24a;--cyan:#8fd7ff;--blue:#5d9fff;font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;background:#030406;font-family:Inter,Pretendard,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--page);min-width:320px;margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}main{isolation:isolate;min-height:100vh;position:relative}.space{z-index:-2;background:#030406;position:fixed;inset:0;overflow:hidden}.night-gradient,.sky-vignette,.star-layer,.atmosphere{position:absolute;inset:0}.night-gradient{background:radial-gradient(circle at 50% 38%,#587a971f,#0000 28rem),radial-gradient(circle at 82% 42%,#8e75aa0e,#0000 24rem),linear-gradient(#070b10 0%,#020305 44%,#000102 100%)}.sky-vignette{background:radial-gradient(circle,#0000 0%,#0000001f 48%,#000000a3 100%),linear-gradient(#0000 0%,#0000003d 64%,#000000b8 100%)}.star-layer{animation:54s linear infinite skyDrift}.star{background:#fff;border-radius:999px;animation-name:quietTwinkle;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;display:block;position:absolute;box-shadow:0 0 5px #ffffff9e,0 0 14px #aedaff2e}.star:nth-child(7n){background:#e4f5ff;box-shadow:0 0 7px #e4f5ffb8,0 0 18px #80c5ff38}.star:nth-child(13n){box-shadow:0 0 9px #ffffffd1,0 0 24px #fff4cf2e}.atmosphere{pointer-events:none;opacity:.52;filter:blur(50px)}.atmosphere-left{background:radial-gradient(circle at 18% 82%,#4895ce24,#0000 28rem)}.atmosphere-right{background:radial-gradient(circle at 82% 68%,#ebdca90e,#0000 24rem)}.section-shell{width:min(1120px,100% - 48px);margin:0 auto}.site-header{z-index:10;-webkit-backdrop-filter:blur(24px)saturate(140%);backdrop-filter:blur(24px)saturate(140%);opacity:0;pointer-events:none;background:#030406a3;border-bottom:1px solid #ffffff12;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1180px,100% - 48px);height:76px;margin:0 auto;transition:opacity .52s cubic-bezier(.16,1,.3,1),transform .52s cubic-bezier(.16,1,.3,1),background .52s;display:grid;position:fixed;top:0;left:50%;transform:translate(-50%,-18px)}.site-header.is-visible{opacity:1;pointer-events:auto;transform:translate(-50%)}.brand{color:var(--text);letter-spacing:0;justify-self:start;align-items:center;gap:.62rem;font-size:.94rem;font-weight:760;display:inline-flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 0 10px #ffd24a52);width:24px;height:24px}.site-header nav{color:#ffffff94;letter-spacing:0;gap:2rem;font-size:.72rem;font-weight:720;display:flex}.site-header nav a,.contact-pill,.text-button,.primary-button{transition:color .18s,border-color .18s,background .18s,transform .18s,box-shadow .18s}.site-header nav a:hover,.text-button:hover{color:#fff}.contact-pill{border:1px solid var(--line-strong);color:#ffffffd1;letter-spacing:0;border-radius:999px;justify-content:center;justify-self:end;align-items:center;min-width:108px;min-height:38px;padding:0 1rem;font-size:.72rem;font-weight:760;display:inline-flex}.contact-pill:hover{background:#ffffff0f;border-color:#ffffff5c}.hero{text-align:center;place-items:center;width:100vw;min-height:104vh;margin-left:calc(50% - 50vw);padding:0 0 12vh;display:grid;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);height:1px;position:absolute;bottom:6vh;left:6%;right:6%}.logo-stage{width:100vw;height:min(980px,92vh);min-height:640px;transform:translateY(calc(var(--hero-scroll,0) * -64px)) scale(calc(1 - var(--hero-scroll,0) * .06));opacity:calc(1 - var(--hero-scroll,0) * .1);margin:0 auto;animation:1.3s cubic-bezier(.16,1,.3,1) .22s both stageEnter;display:block;position:relative}.logo-stage-fallback{z-index:0;object-fit:contain;opacity:.94;filter:drop-shadow(0 18px 42px #00000080);pointer-events:none;width:min(390px,54vw);height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-stage canvas{z-index:1;display:block;position:relative;width:100%!important;height:100%!important}.eyebrow,.section-label{color:var(--muted);letter-spacing:0;text-transform:uppercase;font-size:.72rem;font-weight:720}.hero-actions,.contact-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:.85rem;animation:1.05s cubic-bezier(.16,1,.3,1) .43s both contentRise;display:flex}.hero-actions{margin-top:1.7rem}.primary-button,.text-button{letter-spacing:0;border-radius:999px;justify-content:center;align-items:center;gap:.54rem;min-height:46px;padding:0 1.26rem;font-size:.9rem;font-weight:760;display:inline-flex}.primary-button{color:#fff;background:linear-gradient(#ffffff29,#ffffff0f),#ffffff14;border:1px solid #ffffff47;box-shadow:inset 0 1px #ffffff2e,0 18px 52px #00000047}.primary-button:hover{background:linear-gradient(#fff3,#ffffff14),#ffffff1a;border-color:#ffffff75;transform:translateY(-2px)}.text-button{color:#ffffffb8;border:1px solid #ffffff1f}.text-button:hover{border-color:#ffffff47}.service-strip{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(22px)saturate(130%);backdrop-filter:blur(22px)saturate(130%);background:#080a0d9e;border-radius:8px;grid-template-columns:1.2fr repeat(4,1fr) auto;align-items:center;width:min(1120px,100% - 48px);min-height:72px;margin:-7.2rem auto 0;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0f,0 24px 70px #0000006b}.service-strip span,.service-strip a{color:#ffffffad;letter-spacing:0;border-right:1px solid #ffffff12;align-items:center;gap:.62rem;min-height:72px;padding:0 1rem;font-size:.84rem;font-weight:700;display:flex}.service-strip span{color:var(--faint);text-transform:uppercase;font-size:.72rem}.service-strip a:hover{color:#fff;background:#ffffff0a}.strip-plus{color:#ffffff85;border-right:0;justify-content:center;font-size:1.32rem}.product-stories{position:relative}.story-head p{color:var(--muted);margin:0 0 .42rem;font-size:1.02rem;line-height:1.78}.story-list{gap:0;display:grid}.story-block{background:radial-gradient(circle at 24% 44%,#8fd7ff14,#0000 26rem),radial-gradient(circle at 82%,#ffd24a0e,#0000 24rem);border-top:1px solid #ffffff1a;grid-template-columns:minmax(320px,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(2rem,6vw,5.5rem);min-height:620px;padding:clamp(3.2rem,7vw,6rem) 0;display:grid;position:relative}.story-block:before{content:"";pointer-events:none;background:linear-gradient(90deg,#ffffff0b,#0000 34%,#ffffff07),#ffffff03;border-radius:24px;position:absolute;inset:2.2rem 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.story-block>*{position:relative}.story-block:nth-child(2n) .story-device{order:2}.story-device{place-items:center;min-height:440px;display:grid}.device-shell{background:linear-gradient(145deg,#ffffff29,#ffffff06),#040608eb;border:1px solid #ffffff21;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #ffffff0a,0 34px 90px #0000006b}.device-phone{aspect-ratio:9/18.6;border-radius:34px;width:min(300px,72vw);padding:.8rem}.device-phone:before{z-index:2;content:"";background:#00000094;border-radius:999px;width:78px;height:18px;position:absolute;top:.72rem;left:50%;transform:translate(-50%)}.app-preview{background:radial-gradient(circle at 50% 28%,#ffd24a2e,#0000 12rem),linear-gradient(#0b0d10,#020304);border-radius:26px;place-items:center;width:100%;height:100%;display:grid;overflow:hidden}.app-preview img{object-fit:contain;filter:drop-shadow(0 18px 34px #0000006b)drop-shadow(0 0 28px #ffd24a33);width:min(58%,176px);height:auto}.device-browser{aspect-ratio:16/10.2;border-radius:14px;width:min(520px,82vw)}.web-preview{background:radial-gradient(circle at 72% 28%,#8fd7ff21,#0000 38%),linear-gradient(145deg,#ffffff12,#ffffff04);height:100%}.web-preview.has-preview-image{background:linear-gradient(#ffffff13,#ffffff05),#020405;flex-direction:column;display:flex}.web-preview.has-preview-image img{object-fit:cover;object-position:center;opacity:.94;filter:saturate(.95)contrast(1.04);width:100%;height:calc(100% - 42px);display:block}.browser-bar{border-bottom:1px solid #ffffff12;gap:.4rem;height:42px;padding:1rem;display:flex}.browser-bar i{background:#ffffff3d;border-radius:50%;width:8px;height:8px}.web-hero-line{background:#ffffff2e;border-radius:999px;width:58%;height:10px;margin:3.2rem 0 0 2rem}.web-grid-preview{grid-template-columns:repeat(3,1fr);gap:.8rem;padding:2rem;display:grid}.web-grid-preview span{background:#ffffff0e;border:1px solid #ffffff14;border-radius:8px;height:92px}.story-copy{max-width:520px}.story-kicker{color:#8fd7ffc7;margin-bottom:1.05rem;font-size:.78rem;font-weight:760;display:inline-flex}.story-copy h3{color:var(--text);margin:0;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:720;line-height:.96}.story-copy strong{color:#ffffffdb;margin:1.3rem 0 .9rem;font-size:1.22rem;font-weight:650;line-height:1.55;display:block}.story-copy p{color:var(--muted);margin:0;font-size:1rem;line-height:1.82}.story-meta{flex-wrap:wrap;gap:.52rem;margin-top:1.55rem;display:flex}.story-meta span{color:#ffffffa3;border:1px solid #ffffff1a;border-radius:999px;min-height:32px;padding:.48rem .72rem;font-size:.76rem;font-weight:720}.story-link{color:#ffffffd1;align-items:center;gap:.5rem;margin-top:2rem;font-size:.9rem;font-weight:760;display:inline-flex}.story-link:hover{color:#fff}.app-actions{flex-wrap:wrap;gap:.72rem;margin-top:2rem;display:flex}.app-action-button{color:#ffffffdb;cursor:pointer;background:linear-gradient(#ffffff24,#ffffff0b),#ffffff09;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:.52rem;min-height:44px;padding:0 1.02rem;font-family:inherit;font-size:.86rem;font-weight:760;display:inline-flex;box-shadow:inset 0 1px #ffffff14,0 14px 38px #0000002e}.app-action-button:hover{color:#fff;background:linear-gradient(#ffffff2e,#fff1),#ffffff0e;border-color:#ffffff47;transform:translateY(-1px)}.donation-toggle[aria-expanded=true]{background:linear-gradient(#ffd24a2e,#ffffff0e),#ffd24a0f;border-color:#ffd24a5c}.donation-panel{background:radial-gradient(circle at 18% 16%,#ffd24a17,#0000 16rem),linear-gradient(#ffffff0f,#ffffff05),#03050794;border:1px solid #ffffff1c;border-radius:8px;margin-top:1.2rem;padding:1.1rem;box-shadow:inset 0 1px #ffffff12,0 18px 50px #0000002e}.donation-summary span{color:#ffd24acc;font-size:.72rem;font-weight:780}.donation-summary strong{color:#ffffffe6;margin:.48rem 0 .32rem;font-size:1rem;display:block}.donation-summary p{color:#ffffff8c;margin:0;font-size:.86rem;line-height:1.6}.donation-list{gap:.66rem;margin-top:1rem;display:grid}.donation-item{border-top:1px solid #ffffff14;grid-template-columns:minmax(100px,.8fr) minmax(150px,1.2fr) auto;align-items:center;gap:.7rem;padding:.78rem 0;display:grid}.donation-item span,.donation-item em{color:#ffffff8c;font-size:.78rem;font-style:normal;font-weight:720}.donation-item strong{color:#ffffffd6;font-size:.88rem}.donation-item p{color:#ffffff7a;grid-column:1/-1;margin:0;font-size:.82rem;line-height:1.58}.about,.product-stories,.services-detail,.work,.process,.contact{padding:7.5rem 0 0}.section-label{color:#8fd7ffc7;align-items:center;gap:.55rem;margin-bottom:1.35rem;display:flex}.about-grid,.process-layout,.work-head{grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:start;gap:5rem;display:grid}h2{color:var(--text);letter-spacing:0;margin:0;font-size:3.9rem;font-weight:720;line-height:1.08}.about-copy p,.service-card p,.process-item p,.contact-panel p,.work-card p{color:var(--muted);line-height:1.78}.about-copy p{margin:0 0 1.1rem;font-size:1.02rem}.proof-grid,.service-grid,.work-grid{gap:1rem;margin-top:2.8rem;display:grid}.proof-grid{grid-template-columns:repeat(4,1fr)}.proof-card,.service-card,.work-card,.process-item,.contact-panel{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff0e, #ffffff05), var(--panel);-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);border-radius:8px;transition:transform .22s,border-color .22s,background .22s;box-shadow:inset 0 1px #ffffff12,0 18px 50px #0000002e}.proof-card:hover,.service-card:hover,.work-card:hover{background:linear-gradient(#ffffff13,#ffffff06),#0e1116c7;border-color:#ffffff2e;transform:translateY(-3px)}.proof-card{min-height:148px;padding:1.26rem}.proof-card svg,.service-card svg{color:#8fd7ffe6}.proof-card strong{color:#ffffffe6;margin:1.35rem 0 .42rem;font-size:.98rem;display:block}.proof-card span{color:#ffffff80;font-size:.88rem;line-height:1.58}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card{min-height:306px;padding:1.35rem}.service-index{color:#ffffff47;margin-bottom:2rem;font-size:.75rem;display:block}.service-card h3,.work-card h3,.process-item h3{color:#ffffffeb;margin:1rem 0 .68rem;font-size:1.14rem;font-weight:720}.work-grid{grid-template-columns:repeat(3,1fr)}.work-card{min-height:420px;padding:1rem;overflow:hidden}.work-visual{background:radial-gradient(circle at 72% 28%,#8fd7ff29,#0000 38%),linear-gradient(145deg,#ffffff12,#ffffff04);border:1px solid #ffffff14;border-radius:8px;height:248px;position:relative;overflow:hidden}.window-top{border-bottom:1px solid #ffffff12;gap:.36rem;height:34px;padding:.75rem;display:flex}.window-top i{background:#ffffff38;border-radius:50%;width:7px;height:7px}.code-lines{gap:.76rem;padding:1.3rem;display:grid}.code-lines span{background:#ffffff1a;border-radius:999px;height:8px;display:block}.code-lines span:first-child{width:74%}.code-lines span:nth-child(2){width:52%}.code-lines span:nth-child(3){width:86%}.code-lines span:nth-child(4){width:42%}.work-icon{color:#8fd7ffb8;position:absolute;bottom:1.2rem;right:1.2rem}.work-card>span{color:#ffffff52;margin-top:1.08rem;font-size:.78rem;display:block}.process-list{gap:.7rem;display:grid}.process-item{grid-template-columns:54px 1fr;column-gap:1rem;min-height:108px;padding:1rem;display:grid}.process-item span{color:#ffffff7a;border:1px solid #ffffff24;border-radius:50%;grid-row:span 2;place-items:center;width:42px;height:42px;font-size:.75rem;display:grid}.process-item h3,.process-item p{margin:0}.contact{padding-bottom:7rem}.contact-panel{text-align:center;background:radial-gradient(circle at 50% 0,#8fd7ff1f,#0000 28rem),#0a0c0fb8;padding:4rem}.contact-panel h2{max-width:820px;margin:1rem auto;font-size:3.5rem}.contact-panel p{max-width:600px;margin:0 auto 2rem}.contact-actions span{color:#ffffff85;align-items:center;gap:.45rem;min-height:42px;font-size:.86rem;display:inline-flex}@keyframes skyDrift{0%{transform:translate(0,0)}to{transform:translate(-18px,12px)}}@keyframes quietTwinkle{0%{filter:brightness(.78);transform:scale(.78)}to{filter:brightness(1.55);transform:scale(1.28)}}@keyframes stageEnter{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(.94)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes contentRise{0%{opacity:0;filter:blur(8px);transform:translateY(18px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes logoBreath{0%,to{opacity:.58;transform:scale(.94)}50%{opacity:.95;transform:scale(1.08)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important}}@media (width<=900px){.section-shell,.service-strip{width:min(100% - 32px,1120px)}.site-header{grid-template-columns:1fr auto;width:min(100% - 32px,1180px);height:70px}.site-header nav{display:none}.hero{min-height:820px;padding-top:0}.logo-stage{width:100vw;height:680px;min-height:520px}.about-grid,.process-layout,.work-head,.story-head,.story-block,.service-strip,.proof-grid,.service-grid,.work-grid{grid-template-columns:1fr}.about-grid,.process-layout,.work-head,.story-head{gap:2rem}.story-block{min-height:auto}.story-block:nth-child(2n) .story-device{order:0}.story-device{min-height:360px}h2{font-size:2.8rem}.service-strip{margin-top:-6.5rem}.service-strip span,.service-strip a{border-bottom:1px solid #ffffff12;border-right:0}.contact-panel{padding:2.4rem}.contact-panel h2{font-size:2.5rem}}@media (width<=560px){.section-shell,.service-strip{width:calc(100% - 28px)}.site-header{height:66px}.contact-pill{min-width:88px;padding-inline:.84rem}.hero{min-height:720px;padding-top:0;padding-bottom:10rem}.logo-stage{width:100vw;height:540px;min-height:430px;margin-top:0;margin-bottom:1.25rem}.eyebrow{font-size:.66rem}.primary-button,.text-button{width:100%}.service-strip{margin-top:-8rem}.about,.product-stories,.services-detail,.work,.process,.contact{padding-top:5.4rem}h2{font-size:2.25rem}.service-card,.work-card,.story-block{min-height:auto}.story-head{margin-bottom:2rem}.story-device{min-height:300px}.device-phone{border-radius:28px;width:min(238px,72vw)}.device-browser{width:100%}.web-grid-preview{gap:.5rem;padding:1.2rem}.web-grid-preview span{height:64px}.story-copy h3{font-size:2.6rem}.donation-item{grid-template-columns:1fr}.work-visual{height:210px}.contact-panel h2{font-size:2rem}}