:root{--navy:#0b1e3b;--navy-deep:#071426;--orange:#ff8a00;--orange-hover:#e67c00;--gray:#e6eef4;--white:#fff;--surface:#f7f9fc;--ink:#071426;--muted:#3e5270;--line:#c5d2de;--line-strong:#9aafc2;--focus:#ff8a00;--pixel:#ff8a00;--font-sans:"Inter", "Segoe UI", system-ui, sans-serif;--font-display:"Manrope", "Inter", system-ui, sans-serif;--fs-xs:.75rem;--fs-sm:.875rem;--fs-md:1.0625rem;--fs-lg:1.125rem;--fs-h3:1.2rem;--fs-h2:clamp(1.65rem, 3vw, 2.25rem);--fs-h1:clamp(2rem, 4.2vw, 3.15rem);--fs-display:clamp(2.15rem, 5vw, 3.5rem);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-5:40px;--space-6:48px;--space-7:64px;--space-8:80px;--space-9:96px;--gutter:clamp(20px, 4vw, 40px);--section-y:clamp(4rem, 8vw, 6.5rem);--max:1240px;--radius:6px;--ease:.16s ease;--header-h:88px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;color-scheme:light}html,body{background:var(--surface);min-height:100%;color:var(--ink);font-family:var(--font-sans);font-size:var(--fs-md);margin:0;font-weight:400;line-height:1.65}body.nav-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,dl,figure{margin:0}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}::selection{background:var(--orange);color:var(--navy-deep)}main:focus{outline:none}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{left:var(--gutter);z-index:80;background:var(--orange);color:var(--navy-deep);font-size:var(--fs-sm);border-radius:var(--radius);padding:10px 14px;font-weight:700;position:absolute;top:0;transform:translateY(-140%)}.skip-link:focus{transform:translateY(12px)}.wrap{width:min(var(--max), calc(100% - var(--gutter) * 2));margin-inline:auto}.eyebrow{margin-bottom:var(--space-2);color:var(--orange);font-size:var(--fs-xs);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:10px;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--orange);width:16px;height:2px}.display{font-family:var(--font-display);letter-spacing:-.03em;font-weight:800;line-height:1.12}.lead{color:var(--muted);max-width:40rem;font-size:var(--fs-lg)}.btn{border-radius:var(--radius);min-height:44px;font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:background var(--ease), border-color var(--ease), color var(--ease);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:700;display:inline-flex}.btn-primary{background:var(--orange);color:var(--navy-deep)}.btn-primary:hover{background:var(--orange-hover)}.btn-ghost{border-color:var(--line-strong);color:var(--ink);background:0 0}.btn-ghost:hover{border-color:var(--navy);color:var(--navy)}.btn-ghost-light{color:var(--white);border-color:#ffffff59}.btn-ghost-light:hover{border-color:var(--white);color:var(--white)}.text-link{color:var(--navy);font-size:var(--fs-sm);border-bottom:1px solid var(--line);align-items:center;gap:8px;padding-bottom:2px;font-weight:700;display:inline-flex}.text-link:hover{color:var(--orange-hover);border-color:var(--orange)}.text-link:after{content:"→";font-weight:500}.site-header{z-index:40;background:var(--white);border-bottom:1px solid var(--gray);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:var(--header-h);display:flex}.brand{flex-shrink:0;align-items:center;gap:10px;display:flex}.brand-lockup{width:auto;height:72px;display:block}.brand-lockup-footer{filter:drop-shadow(0 0 18px #ff8a002e);height:120px;transition:filter var(--ease), transform var(--ease);background:0 0;padding:0}.footer-brand:hover .brand-lockup-footer{filter:drop-shadow(0 0 26px #ff8a0052);transform:translateY(-1px)}.nav{align-items:center;gap:8px;display:flex}.nav-link{border-radius:var(--radius);color:var(--muted);transition:border-color var(--ease), background var(--ease), color var(--ease), transform var(--ease);border:1px solid #0000;padding:8px 12px;font-size:.9rem;font-weight:600}.nav-link:hover{border-color:var(--orange);color:var(--navy);background:0 0;transform:translateY(-1px)}.nav-link[aria-current=page]{border-color:var(--orange);color:var(--navy);background:0 0}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lang-switch{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:3px;display:inline-flex}.lang-switch a{color:var(--muted);letter-spacing:.04em;border-radius:4px;padding:5px 8px;font-size:.68rem;font-weight:700}.lang-switch a[aria-current=page]{background:var(--navy);color:var(--white)}.header-cta,.nav-cta{display:none}.menu-toggle{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--white);width:42px;height:42px;color:var(--navy);cursor:pointer;justify-content:center;align-items:center;padding:0;display:inline-flex}.menu-toggle-bars{background-color:#0000;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-position:top,50%,bottom;background-repeat:no-repeat;background-size:16px 2px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:16px;height:10px;display:block}.menu-toggle[aria-expanded=true] .menu-toggle-bars{background:linear-gradient(currentColor,currentColor) 50%/16px 2px no-repeat;height:12px;position:relative;transform:rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-toggle-bars:after{content:"";background:currentColor;height:2px;position:absolute;inset:5px 0 auto;transform:rotate(-90deg)}.hero{padding:clamp(3.5rem, 8vw, 6rem) 0 var(--space-7);background:var(--navy);color:var(--white);position:relative;overflow:hidden}.hero-grid{z-index:1;gap:var(--space-5);grid-template-columns:minmax(0,1.15fr) minmax(14rem,.75fr);align-items:center;display:grid;position:relative}.hero .eyebrow{color:var(--orange)}.hero h1{max-width:14ch;font-size:var(--fs-display)}.hero .lead{margin-top:var(--space-3);color:#c5d4e4}.hero-actions{margin-top:var(--space-3);flex-wrap:wrap;gap:10px;display:flex}.pixel-field{grid-template-columns:repeat(8,1fr);justify-items:stretch;gap:6px;width:min(100%,280px);margin-left:auto;display:grid}.pixel{aspect-ratio:1;background:#ffffff14;border-radius:2px}.pixel.is-on{background:var(--orange)}.pixel.is-mid{background:#ff8a0073}@media (prefers-reduced-motion:no-preference){.pixel{animation:1.8s both pixel-in}.pixel.is-on{animation:3.6s ease-in-out infinite pixel-pulse}}@keyframes pixel-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes pixel-pulse{0%,to{opacity:1}50%{opacity:.55}}.trust{padding:var(--space-3) 0;background:var(--white);border-bottom:1px solid var(--gray)}.trust-inner{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.trust-label{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.trust-list{flex-wrap:wrap;gap:8px;padding:0;list-style:none;display:flex}.trust-list li{border:1px solid var(--gray);border-radius:var(--radius);background:var(--surface);color:var(--navy);font-size:var(--fs-sm);padding:6px 10px;font-weight:600}.section{padding:var(--section-y) 0}.section-navy{background:var(--navy);color:var(--white)}.section-navy .lead,.section-navy .muted,.section-navy .catalog-item p,.section-navy .step p,.section-navy .why-item p{color:#c5d4e4}.section-navy .catalog-item,.section-navy .step,.section-navy .why-item,.section-navy .essay,.section-navy .case,.section-navy .service-row{border-color:#ffffff1f}.section-navy .text-link{color:var(--white);border-color:#ffffff4d}.section-navy .text-link:hover{color:var(--orange);border-color:var(--orange)}.section-soft{background:var(--white)}.section-head{gap:var(--space-2);margin-bottom:var(--space-5);grid-template-columns:1fr;display:grid}.section-head:has(.lead){gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,.85fr);align-items:end}.section h2,.page-hero h1{font-size:var(--fs-h2);max-width:20ch}.page-hero h1{font-size:var(--fs-h1)}.section-more{margin-top:var(--space-4)}.section-continue{padding-top:var(--space-3)}.catalog{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);gap:0;display:grid}.catalog-item{padding:var(--space-4) var(--space-3) var(--space-4) 0;border-bottom:1px solid var(--line)}.catalog-2>:nth-child(odd){padding-right:var(--space-4)}.catalog-2>:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--line)}.catalog-item .index,.step .index,.service-row .index{color:var(--orange);font-size:var(--fs-xs);letter-spacing:.08em;margin-bottom:8px;font-weight:800;display:inline-block}.catalog-item h3,.step h3,.why-item h3,.note h3{font-family:var(--font-display);font-size:var(--fs-h3);letter-spacing:-.02em;margin-bottom:8px;font-weight:800;line-height:1.25}.outcome{color:var(--navy);margin-bottom:8px;font-weight:600}.catalog-item p,.step p,.why-item p,.note p,.muted{color:var(--muted)}.steps{grid-template-columns:repeat(5,1fr);gap:0;margin:0;padding:0;list-style:none;display:grid}.step{padding:var(--space-3) var(--space-2) 0 0;border-top:1px solid var(--line)}.step:not(:first-child){padding-left:var(--space-2);border-left:1px solid var(--line)}.case-list,.service-list,.essay-list,.note-list,.why-list,.ai-list{border-top:1px solid var(--line)}.case,.essay,.note,.service-row{padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.service-row{gap:var(--space-2) var(--space-3);grid-template-columns:3rem minmax(0,1fr);display:grid}.note h2{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:12px;font-size:1.35rem;font-weight:800}.responsible-light{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);max-width:46rem}.responsible-light h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.2rem;font-weight:800}.stack-gap{margin-top:var(--space-4)}.case{gap:var(--space-2) var(--space-4);grid-template-columns:8.5rem minmax(0,1fr);display:grid}.case h2,.service-row h2,.essay h2{max-width:none;font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:8px;font-size:1.35rem;font-weight:800}.tag{color:var(--orange);font-size:var(--fs-xs);letter-spacing:.08em;text-transform:uppercase;padding-top:4px;font-weight:800}.case-kicker{margin-top:8px}.case-problem{margin-bottom:12px;font-size:1.35rem}.case-meta{margin-top:var(--space-2);gap:8px;display:grid}.case-meta strong{color:var(--navy);font-size:var(--fs-sm);margin-bottom:2px;display:block}.case-meta span,.case-meta p{color:var(--muted);font-size:var(--fs-sm)}.ai-list{grid-template-columns:1fr 1fr;display:grid}.ai-item{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--line)}.ai-list>:nth-child(odd){padding-right:var(--space-3)}.ai-list>:nth-child(2n){padding-left:var(--space-3);border-left:1px solid var(--line)}.ai-item h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.05rem;font-weight:800}.responsible{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #ffffff1f;max-width:46rem}.responsible h3{font-family:var(--font-display);margin-bottom:8px;font-size:1.2rem;font-weight:800}.why-list{grid-template-columns:repeat(3,1fr);display:grid}.why-item{padding:var(--space-3) var(--space-3) var(--space-3) 0;border-bottom:1px solid var(--line)}.why-list>:nth-child(3n+2){padding-left:var(--space-3);padding-right:var(--space-3);border-left:1px solid var(--line)}.why-list>:nth-child(3n){padding-left:var(--space-3);border-left:1px solid var(--line)}.founders{gap:var(--space-4);grid-template-columns:minmax(0,.4fr) minmax(0,1fr);align-items:start;display:grid}.founders p{max-width:40rem;color:var(--muted);font-size:var(--fs-lg)}.page-hero{padding:clamp(2.75rem, 6vw, 4.5rem) 0 var(--space-2)}.page-hero .lead{margin-top:var(--space-2)}.contact-layout,.inquiry-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(16rem,.75fr);align-items:start;display:grid}.inquiry-band{padding:var(--section-y) 0;background:var(--white);border-top:1px solid var(--gray)}.form{gap:var(--space-2);display:grid}label{font-size:var(--fs-sm);gap:8px;font-weight:700;display:grid}input,textarea{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--white);width:100%;color:var(--ink);padding:12px}input:hover,textarea:hover{border-color:var(--muted)}textarea{resize:vertical;min-height:140px}.form .btn{justify-self:start}.form-note{color:var(--muted);font-size:var(--fs-sm)}.form-note a,.contact-dl a{color:var(--navy);text-underline-offset:3px;font-weight:700;text-decoration:underline}.form-note a:hover,.contact-dl a:hover{color:var(--orange-hover)}.contact-aside h2{font-size:var(--fs-h3);margin-bottom:8px}.contact-dl{gap:var(--space-2);margin:var(--space-3) 0 0;display:grid}.contact-dl dt{color:var(--muted);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-weight:700}.contact-dl dd{overflow-wrap:anywhere;margin:0}.contact-dl dd p{margin:0 0 6px}.site-footer{padding:var(--space-6) 0 var(--space-4);background:var(--navy-deep);color:#c5d4e4;font-size:var(--fs-sm)}.footer-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,.7fr));display:grid}.footer-brand strong{color:var(--white);font-family:var(--font-display);margin:8px 0;font-size:1rem;display:block}.footer-brand .brand-lockup-footer{margin-bottom:16px}.footer-brand p{max-width:22rem}.footer-col h2{margin-bottom:var(--space-2);color:#8ea0b5;font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.footer-col ul{gap:10px;padding:0;list-style:none;display:grid}.footer-col a:hover{color:var(--white)}.footer-base{justify-content:space-between;gap:var(--space-2);padding-top:var(--space-3);color:#8ea0b5;border-top:1px solid #ffffff1a;flex-wrap:wrap;display:flex}.thanks{padding:clamp(4rem, 10vw, 7rem) 0 var(--space-8)}.thanks .lead{margin-top:var(--space-2)}.thanks .hero-actions{margin-top:var(--space-3)}.note+.note{border-top:0}@media (width>=960px){.header-cta{display:inline-flex}.menu-toggle{display:none}.brand-lockup{height:80px}}@media (width<=959px){.nav{inset:var(--header-h) 0 0;z-index:30;padding:var(--space-2) var(--gutter) var(--space-5);background:var(--white);border-top:1px solid var(--gray);flex-direction:column;align-items:stretch;gap:0;display:none;position:fixed;overflow:auto}body.nav-open .nav{display:flex}.nav-link{border:1px solid var(--gray);padding:12px 14px;font-size:1.05rem}.nav-link:hover,.nav-link[aria-current=page]{border-color:var(--orange);transform:none}.nav-cta{margin-top:var(--space-3);align-self:flex-start;display:inline-flex}.hero-grid,.section-head,.section-head:has(.lead),.catalog,.steps,.case,.contact-layout,.inquiry-layout,.footer-grid,.founders,.ai-list,.why-list{grid-template-columns:1fr}.catalog-2>:nth-child(odd),.ai-list>:nth-child(odd){padding-right:0}.catalog-2>:nth-child(2n),.ai-list>:nth-child(2n),.why-list>:nth-child(3n+2),.why-list>:nth-child(3n){border-left:none;padding-left:0;padding-right:0}.step,.why-item{padding:var(--space-3) 0 0}.step:not(:first-child){border-left:none;padding-left:0}.pixel-field{width:min(100%,168px);margin:var(--space-3) 0 0;gap:4px}}@media (width<=599px){.brand-lockup{height:60px}.brand-lockup-footer{height:96px}.case,.service-row{grid-template-columns:1fr}.form .btn{width:100%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
