:root{--bg:#0b0d10;--surface:#12151a;--surface-2:#181c23;--line:#ffffff14;--line-strong:#ffffff29;--text:#f2f4f7;--text-2:#c3c9d4;--muted:#9199a6;--accent:#528cff;--accent-hover:#7aa8ff;--accent-ink:#061328;--danger:#ff8a80;--success:#6fd3a0;--font-display:"Familjen Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Instrument Sans", "Segoe UI", system-ui, sans-serif;--text-xs:13px;--text-sm:15px;--text-base:17px;--text-lg:20px;--text-xl:clamp(28px, 3.4vw, 40px);--text-2xl:clamp(40px, 6.4vw, 84px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--section-y:clamp(72px, 10vw, 128px);--gutter:clamp(20px, 4vw, 48px);--container:1200px;--radius-sm:8px;--radius-md:14px;--radius-lg:22px;--ease-out:cubic-bezier(.2, .7, .2, 1);--motion-fast:.18s;--motion-base:.32s}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--text-2);font-family:var(--font-body);font-size:var(--text-base);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;margin:0;font-weight:600;line-height:1.05}h3{font-size:var(--text-lg);letter-spacing:-.01em;line-height:1.25}p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.container{max-width:var(--container);padding-inline:var(--gutter);margin-inline:auto}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.eyebrow{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:18px;height:2px}.section-head{gap:var(--space-4);max-width:680px;margin-bottom:var(--space-12);display:grid}.section-head p{font-size:var(--text-lg);color:var(--muted)}section{padding-block:var(--section-y);position:relative}section+section{border-top:1px solid var(--line)}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:48px;font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:background-color var(--motion-fast) var(--ease-out), border-color var(--motion-fast) var(--ease-out), color var(--motion-fast) var(--ease-out);border:1px solid #0000;border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{background:var(--surface-2);color:var(--muted);cursor:progress}.btn-ghost{color:var(--text);border-color:var(--line-strong);background:0 0}.btn-ghost:hover{border-color:var(--text-2)}.btn-sm{min-height:40px;padding:8px 16px}.site-header{z-index:50;transition:border-color var(--motion-base) var(--ease-out);background:#0b0d10d1;border-bottom:1px solid #0000;position:fixed;inset:0 0 auto}.site-header.is-scrolled{border-bottom-color:var(--line)}.header-inner{justify-content:space-between;align-items:center;gap:var(--space-6);height:72px;display:flex}.brand img{width:auto;height:26px}.nav{align-items:center;gap:var(--space-8);display:flex}.nav a{font-size:var(--text-sm);color:var(--text-2);transition:color var(--motion-fast) var(--ease-out);text-decoration:none}.nav a:hover{color:var(--text)}.header-actions{align-items:center;gap:var(--space-4);display:flex}.lang{border:1px solid var(--line-strong);border-radius:999px;padding:3px;display:inline-flex}.lang button{color:var(--muted);cursor:pointer;font:600 12px/1 var(--font-body);letter-spacing:.08em;transition:color var(--motion-fast), background-color var(--motion-fast);background:0 0;border:0;border-radius:999px;padding:8px 12px}.lang button[aria-pressed=true]{background:var(--text);color:var(--bg)}.lang button:not([aria-pressed=true]):hover{color:var(--text)}.nav-toggle{border:1px solid var(--line-strong);width:44px;height:44px;color:var(--text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;display:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";background:currentColor;border-radius:2px;width:16px;height:2px;display:block;position:relative}.nav-toggle span:before{position:absolute;transform:translateY(-5px)}.nav-toggle span:after{position:absolute;transform:translateY(5px)}.hero{border-top:0;padding-top:clamp(128px,16vw,176px);padding-bottom:clamp(72px,9vw,120px);overflow:hidden}.hero-grid{gap:var(--space-12);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;display:grid}.hero h1{font-size:var(--text-2xl);margin-block:var(--space-6);text-wrap:balance}.hero h1 em{color:var(--accent);font-style:normal}.hero-lead{font-size:var(--text-lg);color:var(--muted);max-width:52ch}.hero-actions{gap:var(--space-3);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.hero-visual{min-height:420px;position:relative}.stripes{opacity:.9;width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;inset:-20px}.console{background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-lg);padding:var(--space-6);gap:var(--space-4);align-content:start;display:grid;position:absolute;inset:48px 0 0 40px;box-shadow:0 30px 60px -30px #000000b3}.console-top{gap:6px;display:flex}.console-top i{background:var(--line-strong);border-radius:50%;width:9px;height:9px}.console-row{gap:var(--space-3);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-sm);grid-template-columns:36px 1fr auto;align-items:center;display:grid}.console-row .dot{background:#528cff24;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.console-row .dot:after{content:"";background:var(--accent);border-radius:3px;width:12px;height:12px}.bar{background:var(--line-strong);border-radius:99px;height:8px}.bar.short{width:40%}.bar.accent{background:var(--accent);width:62%}.pill-mini{border:1px solid var(--line-strong);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:11px}.console-foot{gap:var(--space-3);margin-top:var(--space-2);grid-template-columns:repeat(3,1fr);display:grid}.console-foot span{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line);height:56px}.console-foot span:nth-child(2){border-color:#528cff59}.services-grid{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.service{padding:var(--space-8);border-right:1px solid var(--line);border-bottom:1px solid var(--line);gap:var(--space-4);transition:background-color var(--motion-base) var(--ease-out);align-content:start;display:grid}.service:hover{background:var(--surface)}.service-index{font-family:var(--font-display);font-size:var(--text-sm);color:var(--muted)}.service p{color:var(--muted);font-size:var(--text-sm)}.why-layout{gap:var(--space-12);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);display:grid}.why-list{gap:var(--space-6);display:grid}.why-item{gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--line);grid-template-columns:48px 1fr;display:grid}.why-item:last-child{border-bottom:0}.why-mark{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--line-strong);place-items:center;width:48px;height:48px;display:grid}.why-mark svg{width:22px;height:22px;stroke:var(--accent);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.why-item p{color:var(--muted);margin-top:var(--space-2)}.process{counter-reset:step;gap:0;display:grid;position:relative}.process:before{content:"";background:linear-gradient(var(--accent), var(--line) 85%);width:2px;position:absolute;top:24px;bottom:24px;left:23px}.step{gap:var(--space-6);padding-block:var(--space-6);grid-template-columns:48px 1fr;display:grid;position:relative}.step-dot{background:var(--bg);border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);font-family:var(--font-display);z-index:1;border-radius:50%;place-items:center;font-weight:600;display:grid}.step h3{margin-bottom:var(--space-2)}.step p{color:var(--muted)}.work-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.work-card{border-radius:var(--radius-lg);min-height:320px;padding:var(--space-6);border:1px dashed var(--line-strong);background:var(--surface);justify-content:space-between;gap:var(--space-6);flex-direction:column;display:flex}.work-preview{border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--line);background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:28px 28px;flex:1}.work-card h3{color:var(--text)}.work-card p{color:var(--muted);font-size:var(--text-sm);margin-top:var(--space-2)}.work-status{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;align-self:flex-start;padding:4px 10px;font-size:12px;font-weight:600}.work-note{margin-top:var(--space-8);color:var(--muted);font-size:var(--text-sm)}.about-layout{gap:var(--space-12);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.about-copy{gap:var(--space-6);font-size:var(--text-lg);color:var(--text-2);display:grid}.about-copy p:first-child{color:var(--text);font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:-.015em;line-height:1.25}.principles{border-top:1px solid var(--line);gap:0;display:grid}.principle{gap:var(--space-4);padding-block:var(--space-6);border-bottom:1px solid var(--line);grid-template-columns:56px 1fr;display:grid}.principle span{font-family:var(--font-display);color:var(--accent);font-weight:600}.principle p{color:var(--muted);margin-top:var(--space-1)}.contact-intro h2{font-size:var(--text-2xl);margin-block:var(--space-6);text-wrap:balance}.contact-intro>p{color:var(--muted);font-size:var(--text-lg);max-width:44ch}.contact-actions{align-items:center;gap:var(--space-6);margin-top:var(--space-8);flex-wrap:wrap;display:flex}.contact-mail{color:var(--text);font-family:var(--font-display);font-size:var(--text-lg);border-bottom:1px solid var(--accent);text-decoration:none;display:inline-block}.contact-mail:hover{color:var(--accent-hover)}.site-footer{border-top:1px solid var(--line);padding-block:var(--space-8)}.footer-inner{justify-content:space-between;align-items:center;gap:var(--space-6);font-size:var(--text-sm);color:var(--muted);flex-wrap:wrap;display:flex}.footer-inner img{width:auto;height:22px}.js .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(18px)}.js .reveal.is-in{opacity:1;transform:none}.js .reveal[data-delay="1"]{transition-delay:80ms}.js .reveal[data-delay="2"]{transition-delay:.16s}@media (width<=1024px){.hero-grid,.why-layout,.about-layout{gap:var(--space-12);grid-template-columns:1fr}.hero-visual{max-width:560px;min-height:380px}.services-grid,.work-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.nav-toggle{display:inline-flex}.nav{background:var(--bg);border-bottom:1px solid var(--line);padding:var(--space-4) var(--gutter) var(--space-6);flex-direction:column;align-items:stretch;gap:0;position:absolute;top:72px;left:0;right:0}.nav[hidden]{display:none}.nav a{padding:var(--space-4) 0;border-bottom:1px solid var(--line);font-size:var(--text-base);color:var(--text)}.header-actions .btn-cta{display:none}}@media (width<=767px){.services-grid,.work-grid{grid-template-columns:1fr}.service{padding:var(--space-6)}.console{inset:40px 0 0 24px}.hero-visual{min-height:340px}.hero-actions .btn{flex:100%}.section-head{margin-bottom:var(--space-8)}}@media (width<=374px){.lang button{padding:8px 9px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.js .reveal{opacity:1;transform:none}}