:root{--ink: #14100e;--ink-soft: #241b16;--ink-line: rgba(250, 246, 242, .14);--paper: #faf6f2;--paper-dim: #f2ece5;--ash: #6b615b;--hairline: #e4dbd2;--ember-100: #fdb159;--ember-300: #ff8c42;--ember-500: #ff6b35;--ember-700: #b8371a;--font-display: "Quicksand", "Trebuchet MS", sans-serif;--font-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--step--1: clamp(.8rem, .77rem + .14vw, .875rem);--step-0: clamp(1.0625rem, 1.02rem + .22vw, 1.1875rem);--step-1: clamp(1.28rem, 1.2rem + .4vw, 1.5rem);--step-2: clamp(1.6rem, 1.42rem + .9vw, 2.11rem);--step-3: clamp(2rem, 1.62rem + 1.9vw, 3.1rem);--step-4: clamp(2.6rem, 1.8rem + 4vw, 4.25rem);--measure: 34rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-12: 3rem;--sp-16: 4rem;--sp-24: 6rem;--section-y: clamp(4rem, 9vw, 8rem);--gutter: clamp(1.25rem, 4vw, 2.5rem);--container: 72rem;--radius: 14px;--shadow-1: 0 1px 2px rgba(20, 16, 14, .05), 0 8px 24px -12px rgba(20, 16, 14, .14);--shadow-2: 0 2px 4px rgba(20, 16, 14, .06), 0 18px 40px -16px rgba(20, 16, 14, .22);color:var(--ink);background-color:var(--paper);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:280px;min-height:100vh;font-family:var(--font-body);font-size:var(--step-0);line-height:1.55;font-weight:400}a{color:var(--ember-700);text-decoration:none;transition:color .2s ease}a:hover{color:var(--ink)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display);font-weight:600;line-height:1.05;letter-spacing:-.02em}h1{font-size:var(--step-4)}h2{font-size:var(--step-3)}h3{font-size:var(--step-1)}p{margin:0;line-height:1.6}.eyebrow{display:block;font-family:var(--font-mono);font-size:var(--step--1);text-transform:uppercase;letter-spacing:.14em;font-weight:500;color:var(--ember-700);margin-bottom:var(--sp-3)}.on-ink .eyebrow{color:var(--ember-100)}button{border:none;border-radius:999px;padding:.9rem 2rem;font-size:var(--step-0);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .25s ease,transform .2s ease;background-color:var(--ink);color:var(--paper)}button:hover{background-color:var(--ink-soft)}:where(a,button):focus-visible{outline:2px solid var(--ember-300);outline-offset:3px;border-radius:6px}.container{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}.section{padding-block:var(--section-y)}.text-center{text-align:center}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.header{z-index:1000;padding:var(--sp-4) 0;position:absolute;top:0;left:0;right:0}.header-content{display:flex;justify-content:flex-end;align-items:center}.language-switcher{display:flex;align-items:center;gap:var(--sp-2);background:#faf6f214;border:1px solid var(--ink-line);color:var(--paper);padding:.5rem 1rem;border-radius:999px;font-size:var(--step--1);font-family:var(--font-mono);letter-spacing:.04em}.language-switcher:hover{background:#faf6f229;border-color:#faf6f247}.on-ink{background:var(--ink);color:var(--paper)}.section+.section{border-top:1px solid transparent;border-image:linear-gradient(90deg,transparent,var(--ember-500),transparent) 1}.hero{padding-top:96px;padding-bottom:var(--sp-16);min-height:100svh;display:flex;align-items:center;position:relative;overflow:clip;background:radial-gradient(80% 55% at 50% 42%,rgba(253,177,89,.3) 0%,rgba(255,107,53,.14) 35%,transparent 72%),var(--ink);color:var(--paper)}.hero-content{max-width:48rem;margin:0 auto;position:relative;z-index:1}.hero-logo-container{display:flex;justify-content:center;align-items:center;margin-bottom:var(--sp-8);position:relative}.hero-logo-container:before{content:"";position:absolute;inset:-22% -10%;background:radial-gradient(closest-side,rgba(253,177,89,.42),transparent 70%);filter:blur(28px);animation:ember 5.5s ease-in-out infinite;pointer-events:none}@keyframes ember{0%,to{opacity:.62;transform:scale(1) translateY(0)}50%{opacity:1;transform:scale(1.055) translateY(-3px)}}.hero-logo{height:clamp(80px,12vw,120px);width:auto;position:relative;z-index:1}.hero-title{font-size:var(--step-4);margin-bottom:var(--sp-6);color:var(--paper)}.hero-description{font-size:var(--step-1);color:#faf6f2b8;line-height:1.55;max-width:var(--measure);margin-inline:auto;margin-bottom:var(--sp-8)}.cta-button{background:var(--ember-300);color:var(--ink);font-size:var(--step-0)}.cta-button:hover{background:var(--ember-100);color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 30px -10px #ff8c4299}.section-head{display:grid;grid-template-columns:minmax(16rem,26rem) 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:end;text-align:left;margin-bottom:var(--sp-16);padding-bottom:var(--sp-8);border-bottom:1px solid var(--hairline)}.on-ink .section-head{border-bottom-color:var(--ink-line)}.section-head h2{margin:0}.section-head p{color:var(--ash);max-width:32rem}.on-ink .section-head p{color:#faf6f2a8}.section-head-center{text-align:center;max-width:40rem;margin-inline:auto;margin-bottom:var(--sp-16)}.section-head-center p{color:var(--ash);margin-top:var(--sp-4)}.on-ink .section-head-center p{color:#faf6f2a8}.services{background:var(--paper)}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-6)}.service-card{background:#fff;padding:var(--sp-8);border-radius:var(--radius);text-align:left;box-shadow:var(--shadow-1);border:1px solid var(--hairline);transition:box-shadow .3s ease,border-color .3s ease}.service-card:hover{box-shadow:var(--shadow-2);border-color:var(--ember-100)}.service-icon{color:var(--ember-700);margin-bottom:var(--sp-6)}.service-card h3{margin-bottom:var(--sp-3);color:var(--ink)}.service-card p{color:var(--ash)}.services-aside{margin-top:var(--sp-12);padding:var(--sp-6) var(--sp-8);border-left:3px solid var(--ember-300);background:var(--paper-dim);border-radius:0 var(--radius) var(--radius) 0;color:var(--ash);max-width:46rem}.services-cta-container{display:flex;justify-content:center;margin-top:var(--sp-16)}.services-cta-button{background:var(--ink);color:var(--paper)}.services-cta-button:hover{background:var(--ember-700);color:var(--paper);transform:translateY(-2px)}.clients{background:var(--ink);color:var(--paper)}.clients-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:center;justify-items:center;gap:clamp(2rem,4vw,3rem) clamp(1rem,2vw,2rem);max-width:64rem;margin-inline:auto}.client-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:none;padding:0;text-decoration:none;width:100%;max-width:9.5rem;height:3.25rem}.client-logo img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);opacity:.62;transition:opacity .25s ease}a.client-logo:hover img{opacity:1}.apps{background:var(--paper)}.apps-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--sp-8);align-items:start}.app-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-1);border:1px solid var(--hairline);transition:box-shadow .3s ease;display:flex;flex-direction:column}.app-card:hover{box-shadow:var(--shadow-2)}.app-preview{height:190px;display:flex;align-items:center;justify-content:center;padding:var(--sp-8)}.app-preview--looping{background:#0d0d11;color:var(--paper)}.app-preview--looping .wm-loop{fill:#8ab4f8}.app-preview--slutbetalt{background:#101317;color:#eceeea}.app-preview--slutbetalt .sb-prick{fill:#6dcf92}.app-preview--slutbetalt .sb-punkt{fill:#4fbf8b}.app-preview--woups{background:#3b0a22}.app-preview--microjournal{background:#4c3f8f}.looping-wordmark,.slutbetalt-wordmark{width:100%;max-width:15rem;display:block}.looping-wordmark svg,.slutbetalt-wordmark svg{width:100%;height:auto}.app-logo{max-width:12rem;max-height:6rem;width:auto;height:auto;object-fit:contain}.app-info{padding:var(--sp-8);display:flex;flex-direction:column;flex:1}.app-title-row{display:flex;align-items:center;gap:var(--sp-3);flex-wrap:wrap;margin-bottom:var(--sp-3)}.app-info h3{color:var(--ink)}.app-info>p{color:var(--ash);margin-bottom:var(--sp-6)}.app-card--dormant{background:var(--paper-dim);box-shadow:none}.app-card--dormant .app-preview{height:130px;filter:saturate(.45)}.app-badge{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--hairline);color:var(--ash);background:#fff;white-space:nowrap}.app-note{font-size:var(--step--1);color:var(--ash);font-style:italic}.app-features{list-style:none;padding:0;margin:0 0 var(--sp-8)}.app-features li{padding:var(--sp-2) 0 var(--sp-2) var(--sp-6);color:var(--ash);position:relative}.app-features li:before{content:"";position:absolute;left:0;top:1.05em;width:.5rem;height:.5rem;border-radius:50%;background:var(--ember-300)}.app-link{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);align-self:flex-start;margin-top:auto;background:var(--ink);color:var(--paper);padding:.75rem 1.5rem;border-radius:999px;font-weight:600;font-size:var(--step--1);transition:background-color .25s ease,transform .2s ease}.app-link:hover{background:var(--ember-700);color:var(--paper);transform:translateY(-2px)}.contact{background:var(--ink);color:var(--paper)}.contact-content{max-width:40rem;margin:0 auto}.contact-content h2{margin-bottom:var(--sp-6)}.contact-description{margin-bottom:var(--sp-12);font-size:var(--step-1);color:#faf6f2b8;max-width:var(--measure);margin-inline:auto}.contact-info{display:flex;flex-direction:column;align-items:center;gap:var(--sp-8)}.contact-email{display:inline-flex;align-items:center;gap:var(--sp-3);background:var(--ember-300);color:var(--ink);padding:1rem 2rem;border-radius:999px;font-size:var(--step-0);font-weight:600;transition:background-color .25s ease,transform .2s ease,box-shadow .25s ease}.contact-email:hover{background:var(--ember-100);color:var(--ink);transform:translateY(-2px);box-shadow:0 12px 30px -10px #ff8c4299}.company-info{text-align:center;font-family:var(--font-mono);font-size:var(--step--1);line-height:1.9;color:#faf6f29e}.company-info p{margin:0}.footer{background:var(--ink);color:#faf6f29e;padding:var(--sp-8) 0;border-top:1px solid var(--ink-line);font-size:var(--step--1)}.footer-content p{margin:0}@media (max-width: 1100px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.section-head{grid-template-columns:1fr;align-items:start;gap:var(--sp-4)}}@media (max-width: 1000px){.clients-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.header-content{justify-content:center}.hero{padding-top:140px;text-align:center}.hero-logo{height:clamp(60px,10vw,100px)}.clients-grid{grid-template-columns:repeat(3,1fr)}.client-logo{height:2.75rem}.apps-grid{grid-template-columns:1fr}}@media (max-width: 600px){.services-grid{grid-template-columns:1fr}}@media (max-width: 480px){.service-card,.app-info{padding:var(--sp-6)}.services-aside{padding:var(--sp-4) var(--sp-6)}.hero-logo{height:clamp(50px,8vw,80px)}.clients-grid{grid-template-columns:repeat(2,1fr)}.client-logo{height:2.5rem}}