:root{--bg: #eef4fb;--surface: rgba(255, 255, 255, .82);--surface-strong: rgba(255, 255, 255, .96);--surface-soft: rgba(255, 255, 255, .72);--line: rgba(79, 110, 168, .16);--line-strong: rgba(79, 110, 168, .28);--text: #142033;--muted: #5f708f;--cyan: #2f8cff;--blue: #4b63ff;--violet: #7662f2;--graphite: #dbe4f1;--shadow: 0 24px 60px rgba(72, 97, 146, .14);--radius-xl: 32px;--radius-lg: 24px;--radius-md: 18px;--container: min(1200px, calc(100vw - 40px) );--glow-x: 50vw;--glow-y: 20vh}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,sans-serif;color:var(--text);background:radial-gradient(circle at 15% 20%,rgba(47,140,255,.16),transparent 24%),radial-gradient(circle at 80% 18%,rgba(75,99,255,.14),transparent 26%),radial-gradient(circle at 66% 72%,rgba(118,98,242,.12),transparent 22%),linear-gradient(180deg,#f9fbff,#eef4fb),var(--bg);min-width:320px}a,button{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}.app-shell{position:relative;overflow-x:clip;overflow-y:visible;isolation:isolate}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(420px circle at var(--glow-x) var(--glow-y),rgba(47,140,255,.1),transparent 68%);z-index:-1}.app-shell__grid,.app-shell__noise,.app-shell__cloud{position:fixed;inset:0;pointer-events:none;z-index:-2}.app-shell__grid{background-image:linear-gradient(rgba(79,110,168,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,110,168,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black 38%,transparent 92%);mask-image:radial-gradient(circle at center,black 38%,transparent 92%)}.app-shell__noise{opacity:.08;background-image:radial-gradient(circle at 20% 20%,rgba(20,32,51,.12) 0 .7px,transparent .8px),radial-gradient(circle at 80% 70%,rgba(20,32,51,.08) 0 .7px,transparent .8px);background-size:18px 18px;mix-blend-mode:multiply}.app-shell__cloud{filter:blur(110px);opacity:.32;animation:floatCloud 18s ease-in-out infinite}.app-shell__cloud--one{background:#2f8cff1f;transform:translate(-10%,-15%)}.app-shell__cloud--two{background:#4b63ff1a;animation-delay:-6s;transform:translate(45%,20%)}.app-shell__cloud--three{background:#7662f21a;animation-delay:-12s;transform:translate(15%,55%)}.container{width:var(--container);margin:0 auto}.section{padding:120px 0}.eyebrow{display:inline-block;margin-bottom:18px;color:var(--cyan);text-transform:uppercase;letter-spacing:.22em;font-size:.75rem}.section-heading{margin-bottom:44px}.section-heading h2,.about__copy h2,.contact__panel h2{max-width:11ch;margin:0;font-family:Manrope,sans-serif;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95}.site-header{position:sticky;top:0;z-index:30;padding:18px 0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(180deg,#f9fbffeb,#f9fbff8c);transition:padding .22s ease,background .22s ease}.site-header__inner{display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:center;padding:14px 18px;border:1px solid rgba(79,110,168,.14);border-radius:999px;background:#ffffffb8;transition:padding .22s ease,background .22s ease,border-color .22s ease}.site-header.is-compact{padding:10px 0}.site-header.is-compact .site-header__inner{padding:12px 16px;background:#ffffffe0;border-color:#2f8cff29}.site-header__brand,.site-header__nav a,.button,.contact__links a{text-decoration:none;color:inherit}.site-header__brand{font-weight:700;letter-spacing:-.03em}.site-header__nav{display:flex;justify-content:center;gap:28px}.site-header__nav a{color:var(--muted)}.site-header__nav a:hover,.site-header__nav a:focus-visible,.contact__links a:hover,.contact__links a:focus-visible{color:var(--text)}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button--primary{color:#fff;background:linear-gradient(135deg,var(--cyan),var(--blue) 60%,var(--violet))}.button--ghost{border-color:var(--line);background:#fff9}.button--magnetic{position:relative}.hero{padding:56px 0 40px}.hero__layout{min-height:calc(100vh - 120px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:48px;align-items:center}.hero__copy{position:relative}.hero__copy:before{content:"WEB";position:absolute;top:-34px;left:-6px;font-family:Manrope,sans-serif;font-size:clamp(4rem,16vw,11rem);line-height:.9;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(79,110,168,.18);z-index:-1}.hero__kicker{display:inline-flex;align-items:center;margin-bottom:18px;padding:8px 14px;border:1px solid rgba(47,140,255,.18);border-radius:999px;background:#2f8cff14;color:#142033c2;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.hero__title{margin:0;font-family:Manrope,sans-serif;font-size:clamp(3.4rem,10vw,8rem);line-height:.9;letter-spacing:-.06em}.hero__subtitle{margin:22px 0 0;font-size:clamp(1rem,2vw,1.35rem);color:#142033c7}.hero__statement{display:grid;margin-top:26px;font-family:Manrope,sans-serif;font-size:clamp(2rem,5.6vw,5rem);line-height:.92;letter-spacing:-.04em}.hero__word-shell{position:relative;display:inline-grid;min-height:1.05em;color:var(--cyan)}.hero__word-shell strong{position:absolute;inset:0;opacity:0;transform:translateY(12px);transition:opacity .36s ease,transform .36s ease}.hero__word-shell strong.is-active{opacity:1;transform:translateY(0)}.hero__description,.about__copy p,.project-card p,.reactor__content p,.contact__panel p,.work-process__card p,.hero__panel p,.story__product-card p{color:var(--muted);line-height:1.75}.hero__description{max-width:58ch;margin:28px 0 0}.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero__aside{display:grid;gap:18px}.hero__visual-card{position:relative;min-height:360px;overflow:hidden;border:1px solid rgba(79,110,168,.14);border-radius:36px;background:radial-gradient(circle at 20% 20%,rgba(47,140,255,.14),transparent 28%),radial-gradient(circle at 85% 22%,rgba(118,98,242,.14),transparent 32%),linear-gradient(180deg,#fffffff5,#f0f5fceb);box-shadow:var(--shadow)}.hero__visual-card:after{content:"";position:absolute;inset:18px;border:1px solid rgba(79,110,168,.1);border-radius:26px}.hero__visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,110,168,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,110,168,.08) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 88%)}.hero__visual-window{position:absolute;right:28px;bottom:28px;left:28px;padding:18px;border:1px solid rgba(79,110,168,.14);border-radius:24px;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero__visual-bar{width:42%;height:10px;margin-bottom:20px;border-radius:999px;background:linear-gradient(90deg,var(--cyan),rgba(142,105,255,.9))}.hero__visual-lines{display:grid;gap:12px}.hero__visual-lines span{display:block;height:58px;border-radius:18px;background:linear-gradient(135deg,#4f6ea814,#2f8cff1a)}.hero__facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.hero__panel,.reactor__content,.project-card,.contact__panel,.work-process__card{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,#ffffffeb,#f6f9fee6);box-shadow:var(--shadow)}.hero__panel{padding:24px}.hero__panel span,.reactor__label,.project-card__meta{display:inline-block;margin-bottom:12px;color:#1420339e;font-size:.85rem;text-transform:uppercase;letter-spacing:.16em}.reactor__layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:36px;align-items:center}.reactor__visual{min-height:520px;border:1px solid var(--line);border-radius:var(--radius-xl);background:radial-gradient(circle at 15% 20%,rgba(47,140,255,.12),transparent 30%),radial-gradient(circle at 85% 82%,rgba(118,98,242,.12),transparent 30%),linear-gradient(180deg,#fffffff5,#f1f6fdeb);padding:24px}.reactor__stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;height:100%}.reactor__layer{display:flex;flex-direction:column;justify-content:space-between;min-height:220px;padding:22px;text-align:left;border:1px solid rgba(79,110,168,.12);border-radius:26px;color:var(--text);background:#ffffffa8;transition:transform .18s ease,border-color .18s ease,background .18s ease}.reactor__layer span{color:var(--cyan);font-family:Manrope,sans-serif;font-size:1.4rem}.reactor__layer strong{max-width:10ch;font-family:Manrope,sans-serif;font-size:clamp(1.4rem,2vw,2rem);line-height:1}.reactor__layer:hover,.reactor__layer.is-active{transform:translateY(-4px);border-color:#2f8cff47;background:linear-gradient(180deg,#2f8cff14,#ffffffbd)}.reactor__content{padding:28px}.reactor__content h3,.project-card h3,.work-process__card h3{margin:0 0 14px;font-family:Manrope,sans-serif;font-size:clamp(1.5rem,2.5vw,2.4rem);line-height:1}.reactor__list{margin:24px 0 0;padding:0;list-style:none}.reactor__list li+li{margin-top:10px}.reactor__list button{width:100%;padding:0;color:inherit;text-align:left;background:none;border:none}.reactor__list li.is-active button{color:var(--cyan)}.reactor__hint{margin-top:20px;color:#f5f7ff80;font-size:.95rem}.about__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:42px}.about__copy p+p{margin-top:16px}.about__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about__skill-block{display:flex;align-items:end;min-height:220px;padding:24px;border:1px solid rgba(79,110,168,.12);border-radius:28px;font-family:Manrope,sans-serif;font-size:clamp(1.75rem,3vw,2.6rem);line-height:.98;letter-spacing:-.03em;overflow-wrap:anywhere;background:linear-gradient(180deg,#ffffffd6,#f0f5fcb8);box-shadow:var(--shadow)}.about__skill-block:nth-child(1){background:radial-gradient(circle at 20% 25%,rgba(47,140,255,.12),transparent 38%),linear-gradient(180deg,#ffffffd6,#f0f5fcb8)}.about__skill-block:nth-child(2){transform:translateY(10px)}.about__skill-block:nth-child(3){transform:translateY(-6px)}.about__skill-block:nth-child(4){background:radial-gradient(circle at 80% 18%,rgba(118,98,242,.12),transparent 35%),linear-gradient(180deg,#ffffffd6,#f0f5fcb8)}.projects__list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.project-card{position:relative;overflow:hidden;padding:22px;min-height:250px;transform-style:preserve-3d;border-radius:30px}.project-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:.9;pointer-events:none}.project-card--violet:before{background:radial-gradient(circle at 10% 20%,rgba(118,98,242,.12),transparent 30%)}.project-card--cyan:before{background:radial-gradient(circle at 90% 20%,rgba(47,140,255,.12),transparent 30%)}.project-card--blue:before{background:radial-gradient(circle at 20% 80%,rgba(75,99,255,.1),transparent 26%)}.project-card__meta{display:flex;justify-content:space-between}.project-card>*{position:relative;z-index:1}.project-card--clickable{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.project-card--clickable:hover,.project-card--clickable:focus-visible{transform:translateY(-4px);border-color:#2f8cff47}.project-card__link{display:inline-flex;align-items:center;margin-top:auto;padding-top:20px;color:var(--text);text-decoration:none;font-weight:600}.story{padding-top:80px;padding-bottom:32px}.story__sticky{min-height:1500px}.story__sticky-inner{position:sticky;top:96px;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1fr) 220px;gap:24px;align-items:center;padding-top:24px;padding-bottom:24px}.story__intro h2{margin:0;font-family:Manrope,sans-serif;font-size:clamp(2rem,4.6vw,4.3rem);line-height:.95}.story__intro p{margin-top:18px;color:var(--muted);line-height:1.75}.story__frame{min-height:520px;padding:30px;border:1px solid var(--line);border-radius:var(--radius-xl);background:linear-gradient(180deg,#fffffff0,#f2f6fce6);transition:transform .28s ease,opacity .28s ease}.story__label{margin-bottom:24px;font-family:Manrope,sans-serif;font-size:clamp(2.4rem,6vw,5.8rem);letter-spacing:-.05em}.story__visual{position:relative;min-height:340px;border:1px solid rgba(79,110,168,.08);border-radius:26px;background:linear-gradient(180deg,rgba(79,110,168,.04),transparent),#ffffff9e}.story__browser-bar{display:flex;gap:8px;padding:18px 18px 0}.story__browser-bar span{width:10px;height:10px;border-radius:50%;background:#4f6ea83d}.story__wireframe,.story__prototype,.story__code-block,.story__product-card{position:absolute;inset:52px 30px 30px;border-radius:20px;transition:opacity .42s ease,transform .42s ease}.story__wireframe{border:1px dashed rgba(79,110,168,.34);opacity:0;transform:scale(.98)}.story__prototype{display:grid;gap:14px;padding:24px;opacity:0;transform:translateY(16px)}.story__prototype span{background:linear-gradient(90deg,#2f8cff4d,#7662f238)}.story__prototype-hero{height:86px;border-radius:18px}.story__prototype-line{height:14px;border-radius:999px}.story__prototype-line.short{width:62%}.story__prototype-card{height:72px;border-radius:16px}.story__code-block{display:grid;gap:12px;padding:24px;opacity:0;transform:translateY(18px);background:#ffffffd1;border:1px solid rgba(47,140,255,.14)}.story__code-block span{display:block;height:12px;border-radius:999px;background:linear-gradient(90deg,#2f8cff80,#4f6ea829)}.story__code-block span:nth-child(2){width:78%}.story__code-block span:nth-child(3){width:64%}.story__code-block span:nth-child(4){width:84%}.story__product-card{inset:auto 30px 30px auto;width:min(320px,calc(100% - 60px));padding:24px;border:1px solid var(--line);background:#ffffffeb;opacity:0;transform:translateY(24px)}.story__product-card strong{display:block;margin-bottom:12px;font-size:1.15rem}.story__frame--step-0 .story__wireframe,.story__frame--step-1 .story__wireframe{opacity:1;transform:scale(1)}.story__frame--step-2 .story__prototype,.story__frame--step-3 .story__prototype,.story__frame--step-4 .story__prototype{opacity:1;transform:translateY(0)}.story__frame--step-2 .story__wireframe,.story__frame--step-3 .story__wireframe,.story__frame--step-4 .story__wireframe{opacity:.22;transform:scale(1)}.story__frame--step-3 .story__code-block,.story__frame--step-4 .story__code-block,.story__frame--step-3 .story__product-card,.story__frame--step-4 .story__product-card{opacity:1;transform:translateY(0)}.story__stages{margin:0;padding:0;list-style:none}.story__stages li{position:relative;padding:14px 0 14px 20px;color:var(--muted)}.story__stages li:before{content:"";position:absolute;top:22px;left:0;width:8px;height:8px;border-radius:50%;background:#4f6ea838}.story__stages li.is-active{color:var(--text)}.story__stages li.is-active:before{background:var(--cyan)}.tech-stack__belt{overflow:hidden;padding:10px 0}.tech-stack__track{display:flex;gap:14px;width:max-content;padding-left:calc((100vw - var(--container)) / 2)}.tech-stack__item{padding:18px 22px;border:1px solid var(--line);border-radius:999px;white-space:nowrap;background:#ffffffb8}.work-process__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-process__card{padding:26px;position:relative;overflow:hidden}.work-process__card span{display:inline-block;margin-bottom:18px;color:var(--cyan);font-family:Manrope,sans-serif;font-size:1.6rem}.work-process__card:after{content:"";position:absolute;right:-40px;bottom:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(97,215,255,.18),transparent 70%)}.contact__panel{padding:42px}.contact__panel p{max-width:56ch;margin:18px 0 26px}.contact__links{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}.contact__links a{display:inline-flex;align-items:center;gap:10px;color:var(--muted)}.footer{padding:24px 0 40px}.footer__inner{display:grid;grid-template-columns:1.3fr auto auto;gap:20px;align-items:end;color:#f5f7ff9e;font-size:.95rem}.footer__title{margin:0 0 8px;color:var(--text);font-weight:700}.footer__text,.footer__copy{margin:0;color:var(--muted)}.footer__links{display:flex;gap:18px}.footer__links a{color:var(--text);text-decoration:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}@media(max-width:1024px){.site-header__inner,.hero__layout,.reactor__layout,.about__layout,.story__sticky-inner{grid-template-columns:1fr}.site-header__nav{justify-content:flex-start;flex-wrap:wrap;gap:14px 18px}.work-process__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reactor__visual{min-height:520px}.story__sticky{min-height:auto}.story__intro{margin-bottom:8px}.story__sticky-inner{position:static;top:auto;padding-top:0}}@media(max-width:768px){.section{padding:88px 0}.site-header__inner{border-radius:28px}.site-header__cta{display:none}.hero__layout{min-height:auto}.hero__actions,.contact__links{flex-direction:column;align-items:stretch}.button{width:100%}.hero__facts{grid-template-columns:1fr}.reactor__visual{min-height:360px}.reactor__stack,.about__grid,.projects__list,.work-process__grid{grid-template-columns:1fr}.about__skill-block:nth-child(2),.about__skill-block:nth-child(3){transform:none}.project-card,.contact__panel,.story__frame{padding:24px}.project-card__timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.story__stages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 16px}.footer__inner{grid-template-columns:1fr}}@media(max-width:480px){:root{--container: min(100vw - 24px, 1200px)}.site-header{padding-top:10px}.site-header__inner{gap:14px;padding:14px}.hero__statement{font-size:clamp(2rem,12vw,3.4rem)}.hero__copy:before{top:-18px;font-size:clamp(3rem,22vw,6rem)}.reactor__layout{gap:22px}.reactor__visual{min-height:auto}}@keyframes floatCloud{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(4%,-3%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}