:root{--bg: oklch(.155 .014 256);--bg-2: oklch(.185 .016 256);--panel: oklch(.205 .018 256);--panel-2: oklch(.235 .02 256);--line: rgba(255, 255, 255, .09);--line-soft: rgba(255, 255, 255, .055);--line-strong: rgba(255, 255, 255, .16);--fg: oklch(.975 .004 256);--fg-2: oklch(.74 .014 256);--fg-3: oklch(.575 .018 256);--accent: #f8704e;--accent-bright: color-mix(in oklch, var(--accent) 58%, white);--accent-ink: oklch(.99 .005 256);--accent-soft: color-mix(in oklch, var(--accent) 16%, transparent);--accent-line: color-mix(in oklch, var(--accent) 42%, transparent);--glow: color-mix(in oklch, var(--accent) 30%, transparent);--font-sans: "Sora", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", monospace;--maxw: 1200px;--radius: 14px;--radius-lg: 20px;--radius-sm: 9px;--section-y: clamp(40px, 5.5vw, 80px);--gutter: clamp(20px, 5vw, 64px)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll;scrollbar-gutter:stable}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{font-family:var(--font-sans);background:#0c0b0b;color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}::selection{background:var(--accent);color:var(--accent-ink)}#bgfx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;opacity:.5;-webkit-mask-image:radial-gradient(ellipse 95% 90% at 50% 35%,#000 55%,transparent 100%);mask-image:radial-gradient(ellipse 95% 90% at 50% 35%,#000 55%,transparent 100%)}.nav,.hero,.strip,section,.footer{position:relative;z-index:1}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}img,svg{display:block}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y);position:relative}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent-bright);display:inline-flex;align-items:center;gap:10px;font-weight:500;white-space:nowrap}.eyebrow .idx{color:var(--fg-3)}.eyebrow .tick{width:16px;height:1px;background:var(--accent-line)}.h-display{font-weight:600;letter-spacing:-.03em;line-height:1.02;font-size:clamp(2.6rem,6.4vw,5rem)}.h2{font-weight:600;letter-spacing:-.025em;line-height:1.06;font-size:clamp(2rem,4.2vw,3.25rem)}.h3{font-weight:600;letter-spacing:-.015em;font-size:1.3rem;line-height:1.2}.lead{color:var(--fg-2);font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.65;max-width:56ch;text-wrap:pretty}.muted{color:var(--fg-3)}.accent-text{color:var(--accent-bright)}.btn{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;border-radius:var(--radius-sm);font-weight:600;font-size:.97rem;letter-spacing:-.01em;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .25s ease;white-space:nowrap}.btn svg{width:17px;height:17px;transition:transform .2s ease}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{transform:translateY(-1px);background:color-mix(in oklch,var(--accent) 88%,white)}.btn-primary:hover svg{transform:translate(3px)}.btn-ghost{background:transparent;color:var(--fg);border:1px solid var(--line-strong)}.btn-ghost:hover{background:#ffffff0a;border-color:var(--fg-3);transform:translateY(-2px)}.btn-sm{padding:10px 16px;font-size:.9rem}.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:background .3s ease,border-color .3s ease,backdrop-filter .3s ease;border-bottom:1px solid transparent}.nav.scrolled{background:color-mix(in oklch,var(--bg) 78%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line-soft)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;gap:24px}.brand{display:flex;align-items:center}.brand-word{display:inline-flex;font-family:var(--font-mono);font-weight:600;font-size:1.02rem;letter-spacing:-.01em;color:var(--fg);white-space:nowrap}.brand-word .ch{display:inline-block}.brand-word .sl{color:var(--accent-bright)}.brand-word .tld{color:var(--fg-3)}.nav-links{display:flex;gap:6px;align-items:center}.nav-links a{font-size:.93rem;color:var(--fg-2);font-weight:500;padding:8px 14px;border-radius:8px;transition:color .18s ease,background .18s ease;position:relative;cursor:pointer}.nav-links a:hover,.nav-links a.active{color:var(--fg)}.nav-links a.active:after{content:"";position:absolute;left:14px;right:14px;bottom:2px;height:2px;background:var(--accent);border-radius:2px}.nav-right{display:flex;align-items:center;gap:12px}.lang-switcher{position:relative}.lang{display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--fg-2);padding:8px 10px;border-radius:9px;border:1px solid var(--line);font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;font-weight:500;transition:color .18s,background .18s,border-color .18s}.lang:hover{color:var(--fg);background:#ffffff0d;border-color:var(--line-strong)}.lang svg{width:18px;height:18px;opacity:.8}.lang .lang-caret{width:13px;height:13px;opacity:.7;transition:transform .2s ease}.lang[aria-expanded=true] .lang-caret{transform:rotate(180deg)}.lang-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:100%;display:flex;flex-direction:column;gap:2px;background:color-mix(in oklch,var(--panel) 92%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border:1px solid var(--line);border-radius:var(--radius-sm);padding:6px;box-shadow:0 24px 60px -30px #000000e6;z-index:110}.lang-option{display:block;width:100%;text-align:left;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.06em;font-weight:500;color:var(--fg-2);padding:8px 14px;border-radius:6px;transition:color .15s,background .15s}.lang-option:hover{color:var(--fg);background:#ffffff0f}.lang-option.active{color:var(--accent-bright);background:var(--accent-soft)}.nav-toggle{display:none;width:42px;height:42px;border-radius:9px;border:1px solid var(--line);align-items:center;justify-content:center}.nav-toggle svg{width:20px;height:20px}.bg-glow{position:absolute;z-index:0;pointer-events:none;width:720px;height:720px;border-radius:50%;background:radial-gradient(circle,var(--accent-soft),transparent 62%);filter:blur(20px)}.hero .bg-glow.g1{animation:drift1 26s ease-in-out infinite}.contact .bg-glow{animation:breathe 18s ease-in-out infinite}body.no-motion .bg-glow{animation:none!important}@keyframes drift1{0%,to{transform:translate(-50%) translateY(0) scale(1)}50%{transform:translate(-50%) translateY(34px) scale(1.12)}}@keyframes breathe{0%,to{transform:translate(-50%) scale(1);opacity:.8}50%{transform:translate(-50%) scale(1.18);opacity:1}}.hero{position:relative;padding-top:150px;padding-bottom:var(--section-y);overflow:hidden}.hero .bg-glow.g1{top:-200px;left:50%;transform:translate(-50%)}.hero-grid{position:relative;z-index:1}.hero-copy{max-width:880px;margin-inline:auto;text-align:center}.pill{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em;color:var(--fg-2)}.hero h1{margin-top:26px}.hero h1 .accent-text{display:inline}.hero .lead{margin-top:24px;margin-inline:auto}.hero-cta{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}.hero-stats{display:flex;gap:0;margin-top:48px;justify-content:center}.hero-stats .stat{padding-right:36px;margin-right:36px;border-right:1px solid var(--line)}.hero-stats .stat:last-child{border-right:none}.stat .num{font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1}.stat .num .accent-text{color:var(--accent-bright)}.stat .lbl{font-family:var(--font-mono);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-top:10px}.sec-head{max-width:640px}.sec-head.center{margin-inline:auto;text-align:center}.sec-head.center .lead{margin-inline:auto}.sec-head .h2,.sec-head .lead{margin-top:18px}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,60px);margin-top:60px}.card{position:relative;display:flex;flex-direction:column}.card-num{font-family:var(--font-mono);font-size:.8rem;color:var(--accent);letter-spacing:.14em}.card-ico{color:var(--accent);margin-top:28px}.card-ico svg{width:30px;height:30px;stroke-width:1.4}.card h3{margin-top:22px}.card p{color:var(--fg-2);margin-top:13px;font-size:.97rem}.card ul{list-style:none;margin-top:auto;padding-top:28px;display:grid;gap:11px}.card ul li{display:flex;gap:12px;align-items:center;font-size:.9rem;color:var(--fg-2)}.card ul li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:18px}.work-featured{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,4vw,64px);align-items:center;margin-top:52px}.wf-body h3{margin-top:14px;font-size:clamp(1.6rem,2.4vw,2.15rem);letter-spacing:-.02em}.wf-body>p{color:var(--fg-2);margin-top:14px;font-size:1rem;max-width:46ch}.wf-points{list-style:none;display:flex;gap:22px;flex-wrap:wrap;margin-top:24px}.wf-points li{display:flex;align-items:center;gap:9px;font-size:.86rem;color:var(--fg-2)}.wf-points li:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);flex:none}.work-featured .work-link{margin-top:26px}.work-featured:hover .work-link{gap:13px}.browser{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg-2);box-shadow:0 26px 56px -50px #000000bf}.browser-bar{display:flex;align-items:center;gap:7px;padding:11px 14px;background:var(--bg-2);border-bottom:1px solid var(--line-soft)}.b-dot{width:10px;height:10px;border-radius:50%;background:var(--line-strong)}.b-url{margin-left:12px;font-family:var(--font-mono);font-size:.72rem;color:var(--fg-3);background:var(--bg);padding:5px 14px;border-radius:6px}.browser-shot{aspect-ratio:16 / 10;overflow:hidden;background:#000}.browser-shot img{width:100%;height:100%;object-fit:cover;object-position:top center}.work-card{cursor:pointer}.work-card:hover .work-shot{border-color:var(--accent-line)}.work-shot{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16 / 9;border:1px dashed var(--line-strong);border-radius:12px;background:var(--bg-2);overflow:hidden;transition:border-color .25s ease;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);text-align:center;padding:16px}.work-shot img{width:100%;height:100%;object-fit:cover}.work-meta{padding:18px 2px 0}.work-tags{display:flex;align-items:center;gap:12px}.work-tag{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--fg-3);white-space:nowrap}.work-year{font-family:var(--font-mono);font-size:.74rem;color:var(--fg-3);letter-spacing:.06em}.work-card h3{margin-top:16px}.work-card p{color:var(--fg-2);margin-top:10px;font-size:.96rem;max-width:44ch}.work-link{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:.9rem;font-weight:600;color:var(--accent-bright);transition:gap .2s ease}.work-link svg{width:16px;height:16px}.work-card:hover .work-link{gap:13px}@media (max-width: 920px){.work-featured{grid-template-columns:1fr}.wf-media{order:-1}}@media (max-width: 760px){.work-grid{grid-template-columns:1fr}}.cards-4{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(40px,5vw,56px) clamp(44px,6vw,80px);margin-top:60px}.feature{padding:0}.feature .f-ico{color:var(--accent);background:none;border:none;box-shadow:none;width:auto;height:auto;display:block}.feature .f-ico svg{width:28px;height:28px;stroke-width:1.5}.feature h3{margin-top:24px}.feature p{color:var(--fg-2);margin-top:12px;font-size:.96rem;max-width:40ch}.about-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,5vw,64px);align-items:center}.about-copy p{color:var(--fg-2);margin-top:20px;font-size:1.05rem;line-height:1.7}.about-copy p:first-of-type{margin-top:26px}.tag-row{display:flex;gap:clamp(20px,3vw,36px);margin-top:32px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;gap:10px;font-size:.92rem;font-weight:500;color:var(--fg-2);white-space:nowrap}.tag .t-ico{width:17px;height:17px;color:var(--accent)}.tag .t-ico svg{width:17px;height:17px}.promise{padding:0;position:relative}.promise .p-ico{position:relative;z-index:1;color:var(--accent)}.promise .p-ico svg{width:30px;height:30px;stroke-width:1.5}.promise h3{margin-top:24px;font-size:1.5rem;position:relative;z-index:1}.promise p{color:var(--fg-2);margin-top:14px;position:relative;z-index:1;font-size:1rem}.promise .sig{margin-top:26px;display:flex;align-items:center;gap:12px;position:relative;z-index:1}.promise .sig .line{flex:1;height:1px;background:var(--line)}.promise .sig .name{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-3);letter-spacing:.04em}.contact{position:relative;overflow:hidden;text-align:center}.contact .bg-glow{top:-120px;left:50%;transform:translate(-50%);opacity:.8}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:52px;max-width:880px;margin-inline:auto}.contact-card{padding:20px 12px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s ease}.contact-card:hover{transform:translateY(-3px)}.contact-card .c-ico{color:var(--accent)}.contact-card .c-ico svg{width:30px;height:30px;stroke-width:1.5}.contact-card h3{margin-top:22px}.contact-card .c-val{font-family:var(--font-mono);color:var(--fg-2);margin-top:10px;font-size:.95rem;letter-spacing:.01em;white-space:nowrap}.contact-foot{margin-top:44px}.footer{background:transparent;padding-block:36px 44px}.footer-row{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;border-top:1px solid var(--line-soft);padding-top:30px}.footer .tagline{color:var(--fg-2);font-size:.95rem}.footer-copy{color:var(--fg-3);font-size:.82rem;font-family:var(--font-mono);letter-spacing:.02em}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:color-mix(in oklch,var(--bg) 55%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .25s ease}.modal-backdrop.open{opacity:1;pointer-events:auto}.modal{width:100%;max-width:540px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--panel),var(--bg-2));padding:36px;position:relative;transform:translateY(16px) scale(.98);transition:transform .3s cubic-bezier(.2,.7,.2,1);box-shadow:0 60px 120px -50px #000000f2;max-height:90vh;overflow-y:auto}.modal-backdrop.open .modal{transform:translateY(0) scale(1)}.modal .close{position:absolute;top:18px;right:18px;width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:var(--fg-3);border:1px solid transparent;transition:color .2s,border-color .2s,background .2s}.modal .close:hover{color:var(--fg);border-color:var(--line);background:#ffffff0a}.modal .eyebrow{margin-bottom:12px}.modal h3{font-size:1.6rem}.modal p.sub{color:var(--fg-2);margin-top:10px;font-size:.96rem}.form{margin-top:26px;display:grid;gap:16px}.field{display:grid;gap:8px}.field label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3)}.field input,.field textarea,.field select{font-family:var(--font-sans);font-size:.97rem;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:13px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.field textarea{resize:vertical;min-height:96px}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip-opt{font-size:.85rem;padding:9px 14px;border-radius:999px;border:1px solid var(--line);color:var(--fg-2);transition:all .18s}.chip-opt:hover{border-color:var(--line-strong);color:var(--fg)}.chip-opt.sel{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-bright)}.modal .btn-primary{width:100%;justify-content:center;margin-top:6px}.form-success{text-align:center;padding:20px 0}.form-success .check{width:64px;height:64px;border-radius:50%;margin:0 auto 20px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-bright);border:1px solid var(--accent-line)}.form-success .check svg{width:30px;height:30px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.07s}.reveal.d2{transition-delay:.14s}.reveal.d3{transition-delay:.21s}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}}@media (max-width: 940px){.hero-grid,.about-grid,.cards-3{grid-template-columns:1fr}}@media (max-width: 760px){.nav-links,.nav-right .btn{display:none}.nav-toggle{display:flex}.cards-4,.contact-cards{grid-template-columns:1fr}.hero-stats{flex-wrap:wrap;gap:20px}.hero-stats .stat{border-right:none;padding-right:0;margin-right:0;min-width:40%}.field-row{grid-template-columns:1fr}.card{display:grid;grid-template-columns:auto 1fr;column-gap:18px;align-items:start;text-align:left}.card-ico{grid-column:1;grid-row:1 / -1;align-self:start;margin-top:2px}.card-num{grid-column:2}.card h3{grid-column:2;margin-top:8px}.card p{grid-column:2}.card ul{grid-column:2;margin-top:20px;padding-top:0}.card ul li{justify-content:flex-start}.feature{text-align:center}.feature .f-ico{display:flex;justify-content:center}.feature p{text-align:left;margin-inline:auto}.promise{margin-top:22px}.promise .p-ico{display:flex;justify-content:center}.promise h3,.promise p{text-align:center}.nav.mobile-open{background:color-mix(in oklch,rgb(12,11,11) 80%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line-soft)}.nav.mobile-open .nav-links{display:flex;flex-direction:column;position:absolute;top:72px;left:0;right:0;background:color-mix(in oklch,rgb(12,11,11) 80%,transparent);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);border-bottom:1px solid var(--line-soft);padding:16px var(--gutter);gap:4px}.nav.mobile-open .nav-links a{padding:12px 14px}}
