:root{--midnight: #07111f;--midnight-2: #0d1b2f;--electric: #1677ff;--electric-soft: #9cc6ff;--indigo: #5138ee;--white: #f5f7fa;--paper: #f5f7fa;--ink: #07111f;--muted: #536070;--mint: #5cd3b2;--mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:var(--ink);font-family:var(--sans);font-size:16px;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{background:var(--midnight);scroll-behavior:smooth}body{overflow-x:hidden;margin:0;min-width:320px}button,input,textarea{letter-spacing:0}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--electric);outline-offset:3px}::selection{background:#1677ff59}#root{min-height:100svh}main{background:var(--paper);overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}.kodbild-page{background:#f5f8fc;color:var(--ink);isolation:isolate;--reveal-distance: 56px}a,button{-webkit-tap-highlight-color:transparent}section{scroll-margin-top:82px}.site-header{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#060f1cc7;border-bottom:1px solid rgba(245,247,250,.08);box-shadow:0 16px 48px #07111f29;display:flex;gap:24px;justify-content:space-between;left:0;max-width:100vw;padding:16px clamp(20px,5vw,72px);position:fixed;right:0;top:0;z-index:20}.brand,.mobile-header-cta,.button,.price-cta{align-items:center;display:inline-flex;text-decoration:none}.brand{color:var(--white);font-weight:900;gap:10px;min-height:44px}.brand-mark{filter:drop-shadow(0 8px 18px rgba(22,119,255,.24));height:34px;object-fit:contain;width:34px}.site-header nav{align-items:center;display:flex;gap:clamp(14px,2vw,28px)}.site-header nav a{align-items:center;color:#f5f7fabd;display:inline-flex;font-size:.86rem;min-height:44px;padding-inline:4px;text-decoration:none;transition:color .18s ease,transform .18s ease}.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--white);transform:translateY(-1px)}.mobile-header-cta{background:#1677ff24;border:1px solid rgba(22,119,255,.5);border-radius:8px;color:var(--white);display:none;font-weight:900;justify-content:center;min-height:44px;padding:0 16px}.kb-hero{align-items:center;background:radial-gradient(circle at 78% 20%,rgba(81,56,238,.34),transparent 28rem),radial-gradient(circle at 16% 12%,rgba(22,119,255,.22),transparent 24rem),linear-gradient(180deg,#07111f,#0b1a2e 66%,#eef4fb);color:var(--white);display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:minmax(0,1fr) minmax(320px,.88fr);min-height:96svh;overflow:hidden;padding:116px clamp(20px,5vw,72px) clamp(76px,8vw,116px);position:relative}.kb-hero:before,.kb-pricing:before{background:linear-gradient(rgba(245,247,250,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(245,247,250,.045) 1px,transparent 1px);background-size:64px 64px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,black,transparent 78%);mask-image:linear-gradient(180deg,black,transparent 78%);pointer-events:none;position:absolute}.kb-hero>*,.kb-pricing>*{min-width:0;position:relative;z-index:1}.kb-hero-copy{animation:pageEnter .82s cubic-bezier(.19,1,.22,1) both;max-width:850px}.hero-lockup{align-items:center;display:flex;gap:14px;margin-bottom:28px}.hero-lockup img{filter:drop-shadow(0 16px 32px rgba(22,119,255,.3));height:clamp(56px,6vw,82px);object-fit:contain;width:clamp(56px,6vw,82px)}.hero-lockup span{color:var(--white);font-size:clamp(2.05rem,4vw,3.65rem);font-weight:900;line-height:1}.hero-lockup strong{background:linear-gradient(135deg,#16d4f7,#1677ff,#6f3cff);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow{color:var(--electric);font-family:var(--mono);font-size:.74rem;font-weight:900;letter-spacing:0;margin:0 0 16px;text-transform:uppercase}.kb-hero h1,h2,h3{letter-spacing:0;margin:0;overflow-wrap:break-word}.kb-hero h1{color:var(--white);font-size:clamp(3.55rem,6.4vw,6.75rem);font-weight:900;line-height:.95;max-width:920px}.hero-subtitle,.section-heading p,.experience-copy p,.developer-section p,.estimate-result p,.process-step p{line-height:1.66}.hero-subtitle{color:#f5f7facc;font-size:clamp(1.08rem,1.4vw,1.24rem);margin:28px 0 0;max-width:690px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{border:1px solid transparent;border-radius:8px;cursor:pointer;font-weight:900;gap:10px;justify-content:center;min-height:50px;padding:0 18px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.button:hover,.button:focus-visible,.price-cta:hover,.price-cta:focus-visible{transform:translateY(-2px)}.button.primary{background:linear-gradient(135deg,var(--electric),var(--indigo));box-shadow:0 18px 42px #1677ff47;color:var(--white)}.button.secondary{background:#f5f7fa14;border-color:#f5f7fa33;color:var(--white)}.kb-proof-row{border-top:1px solid rgba(245,247,250,.12);color:#f5f7faad;display:flex;flex-wrap:wrap;font-family:var(--mono);font-size:.72rem;font-weight:900;gap:12px;margin-top:34px;max-width:700px;padding-top:18px;text-transform:uppercase}.kb-proof-row span{align-items:center;display:inline-flex;gap:8px}.kb-proof-row span:before,.experience-copy li:before,.kb-price-card li:before{background:var(--mint);border-radius:50%;box-shadow:0 0 16px #5cd3b2a6;content:"";flex:0 0 7px;height:7px;width:7px}.kb-showcase{animation:floatIn .9s .16s cubic-bezier(.19,1,.22,1) both;min-height:560px;position:relative}.showcase-tabs,.pricing-switch{background:#f5f7fa14;border:1px solid rgba(245,247,250,.13);border-radius:8px;display:flex;gap:6px;padding:6px;width:fit-content}.showcase-tabs button,.pricing-switch button{background:transparent;border:0;border-radius:6px;color:#f5f7fab8;cursor:pointer;font:inherit;font-weight:900;min-height:44px;padding:0 18px;transition:background .18s ease,color .18s ease,transform .18s ease}.showcase-tabs button.active,.pricing-switch button.active{background:var(--white);color:var(--ink);transform:translateY(-1px)}.device-composition{min-height:500px;position:relative}.browser-device,.phone-device,.showcase-status,.kb-track-card,.kb-price-card,.mobile-screen,.lead-form,.portrait,.process-step{border-radius:8px}.browser-device,.phone-device,.showcase-status{background:linear-gradient(180deg,#f5f7fa21,#f5f7fa0d),#07111fa8;border:1px solid rgba(245,247,250,.14);box-shadow:0 28px 80px #07111f38;color:var(--white);position:absolute;transition:border-color .24s ease,box-shadow .24s ease,opacity .24s ease,transform .24s ease}.browser-device{display:grid;gap:16px;left:2%;padding:16px;top:15%;width:min(86%,520px)}.browser-device-top{display:flex;gap:7px}.browser-device-top span{background:#f5f7fa6b;border-radius:50%;height:8px;width:8px}.browser-device-hero,.browser-device-grid span,.phone-device div,.phone-device i,.mobile-screen i{background:linear-gradient(90deg,#1677ffdb,#5cd3b294)}.browser-device-hero{border-radius:8px;height:180px}.browser-device-grid{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.browser-device-grid span{border-radius:8px;height:86px}.phone-device{display:grid;gap:14px;padding:42px 14px 18px;right:0;top:29%;width:170px}.phone-device>span{background:#f5f7fa3d;border-radius:999px;height:7px;left:50%;position:absolute;top:18px;transform:translate(-50%);width:46px}.phone-device div{border-radius:8px;height:116px}.phone-device i{border-radius:999px;display:block;height:18px}.phone-device i:last-child{width:72%}.device-composition.web .browser-device,.device-composition.mobile .phone-device{border-color:#1677ff5c;box-shadow:0 34px 90px #1677ff2e;transform:translateY(-4px)}.device-composition.web .phone-device,.device-composition.mobile .browser-device{opacity:.78;transform:scale(.98)}.showcase-status{bottom:38px;display:grid;gap:5px;left:11%;padding:16px}.showcase-status span{color:var(--electric-soft);font-family:var(--mono);font-size:.68rem;font-weight:900;text-transform:uppercase}.showcase-status strong{font-size:1.1rem}.kb-services,.kb-pricing,.kb-experience,.process-section,.developer-section,.estimator-section,.final-cta{padding:clamp(68px,8vw,116px) clamp(20px,5vw,72px)}.kb-services,.kb-experience,.process-section,.developer-section,.estimator-section{background:linear-gradient(180deg,#fff,#f4f7fb)}.section-heading{margin-bottom:34px;max-width:840px}.section-heading p{color:var(--muted);font-size:clamp(1rem,1.6vw,1.18rem);margin:18px 0 0;max-width:720px}h2{color:var(--ink);font-size:clamp(2.2rem,4.6vw,4.25rem);font-weight:900;line-height:.98}h3{font-size:clamp(1.35rem,2.2vw,2.05rem);line-height:1.08}.kb-track-grid{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1180px}.kb-track-card{background:linear-gradient(180deg,rgba(22,119,255,.06),transparent 46%),#ffffffe0;border:1px solid rgba(7,17,31,.08);box-shadow:0 22px 70px #07111f12;color:var(--ink);cursor:pointer;display:grid;font:inherit;gap:18px;min-height:330px;padding:clamp(24px,4vw,42px);position:relative;text-align:left;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.kb-track-card.active,.kb-track-card:hover,.kb-track-card:focus-visible,.kb-price-card:hover,.kb-price-card:focus-within,.process-step:hover,.lead-form:hover,.portrait:hover{border-color:#1677ff3d;box-shadow:0 30px 90px #07111f1f;transform:translateY(-4px)}.kb-track-card span,.price-card-top span,.price-card-top strong,.price-lockup small,.estimate-result span{color:var(--electric);font-family:var(--mono);font-size:.72rem;font-weight:900;text-transform:uppercase}.kb-track-card strong{font-size:clamp(1.7rem,3.2vw,3rem);line-height:1}.kb-track-card p{color:var(--muted);line-height:1.65;margin:0;max-width:620px}.kb-track-card i{bottom:28px;color:var(--electric);font-style:normal;font-weight:900;position:absolute;right:30px}.kb-pricing{background:radial-gradient(circle at 86% 10%,rgba(92,211,178,.18),transparent 22rem),linear-gradient(180deg,#fff,#eef4fb);overflow:hidden;position:relative}.kb-pricing:before{background:linear-gradient(rgba(7,17,31,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,31,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent);mask-image:linear-gradient(180deg,transparent,black 18%,black 78%,transparent)}.pricing-switch{background:#07111f0f;border-color:#07111f14;margin-bottom:22px}.pricing-switch button{color:#07111f9e}.pricing-switch button.active{background:#07111f;color:var(--white)}.pricing-layout{display:grid;gap:20px;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);max-width:1240px}.pricing-options{align-content:start;display:grid;gap:14px}.option-kicker{color:var(--muted);font-family:var(--mono);font-size:.72rem;font-weight:900;margin:0 0 2px;text-transform:uppercase}.kb-price-card{animation:cardRise .7s cubic-bezier(.19,1,.22,1) both;background:linear-gradient(180deg,#fffffffa,#ffffffe6),#fff;border:1px solid rgba(7,17,31,.08);box-shadow:0 22px 70px #07111f14;display:grid;gap:20px;min-height:570px;padding:clamp(24px,2.7vw,34px);position:relative;transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.kb-price-card:nth-child(2){animation-delay:90ms}.kb-price-card:nth-child(3){animation-delay:.18s}.kb-price-card:before{background:linear-gradient(90deg,var(--electric),var(--mint));content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(.28);transform-origin:left;transition:transform .24s ease}.kb-price-card:hover:before,.kb-price-card:focus-within:before,.kb-price-card.featured:before{transform:scaleX(1)}.recommendation-card{min-height:540px}.kb-price-card.compact{align-items:start;gap:14px;min-height:0;padding:clamp(20px,2.2vw,26px)}.kb-price-card.compact h3{font-size:clamp(1.3rem,2vw,1.72rem)}.kb-price-card.compact p,.kb-price-card.compact .price-lockup{min-height:0}.kb-price-card.compact .price-lockup{padding:14px 0;width:100%}.kb-price-card.compact .price-lockup strong{font-size:clamp(1.55rem,2.8vw,2.2rem)}.kb-price-card.featured{background:linear-gradient(180deg,rgba(22,119,255,.11),transparent 48%),#fff;border-color:#1677ff4d}.price-card-top{align-items:start;display:flex;gap:10px;justify-content:space-between;min-height:36px}.price-card-top strong{background:#5cd3b229;border:1px solid rgba(92,211,178,.32);border-radius:999px;color:#087b62;padding:7px 10px;white-space:nowrap}.kb-price-card p{color:var(--muted);line-height:1.6;margin:0;min-height:78px}.price-lockup{border-bottom:1px solid rgba(7,17,31,.08);border-top:1px solid rgba(7,17,31,.08);display:grid;gap:8px;padding:20px 0}.price-lockup strong{color:var(--ink);font-size:clamp(2rem,3.6vw,3.1rem);line-height:.95}.kb-price-card ul,.experience-copy ul,.trust-list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.kb-price-card li,.experience-copy li{align-items:center;color:#07111fb8;display:flex;gap:10px;line-height:1.45}.price-cta{align-self:end;background:#07111f;border:1px solid rgba(7,17,31,.12);color:var(--white);font-weight:900;gap:10px;justify-content:center;min-height:50px;padding:0 16px;transition:background .18s ease,transform .18s ease}.kb-price-card.featured .price-cta{background:linear-gradient(135deg,var(--electric),var(--indigo));box-shadow:0 18px 42px #1677ff38}.pricing-note{align-items:center;background:#07111feb;border:1px solid rgba(245,247,250,.12);border-radius:8px;box-shadow:0 22px 62px #07111f24;color:var(--white);display:flex;gap:18px;justify-content:space-between;margin-top:22px;max-width:1240px;padding:clamp(18px,3vw,24px)}.pricing-note p{color:#f5f7fac7;line-height:1.58;margin:0;max-width:780px}.pricing-note .button{flex:0 0 auto}.kb-experience{overflow:hidden}.experience-grid,.developer-section,.estimator-grid{display:grid;gap:28px;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr)}.experience-copy{align-content:center;display:grid;gap:24px}.experience-copy p{color:var(--muted);font-size:clamp(1.05rem,1.8vw,1.28rem);margin:0;max-width:680px}.mobile-flow-preview{display:grid;min-height:520px;place-items:center;position:relative}.mobile-flow-preview:before{background:linear-gradient(135deg,#1677ff2e,#5cd3b224);border-radius:50%;content:"";filter:blur(10px);height:360px;position:absolute;width:360px}.mobile-screen{background:linear-gradient(180deg,#f5f7fa1f,#f5f7fa0b),#07111f;border:10px solid rgba(7,17,31,.12);box-shadow:0 34px 90px #07111f3d;color:var(--white);display:grid;gap:18px;min-height:430px;padding:38px 22px 24px;position:relative;width:min(100%,260px)}.mobile-screen>span{background:#f5f7fa38;border-radius:999px;height:7px;justify-self:center;width:54px}.mobile-screen strong{font-size:1.65rem;line-height:1}.mobile-screen p{color:#f5f7fab8;line-height:1.5;margin:0}.mobile-screen i{border-radius:999px;display:block;height:16px}.mobile-screen i:last-child{width:68%}.process-line{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.process-step{background:#ffffffe0;border:1px solid rgba(7,17,31,.08);box-shadow:0 18px 50px #07111f0f;display:grid;gap:14px;min-height:260px;padding:clamp(22px,3vw,30px);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.process-step span{align-items:center;background:#1677ff1a;border:1px solid rgba(22,119,255,.24);border-radius:50%;color:var(--electric);display:flex;font-family:var(--mono);font-weight:900;height:46px;justify-content:center;width:46px}.process-step strong{color:var(--ink);font-size:1.4rem}.process-step p{color:var(--muted);margin:0}.developer-section{align-items:center}.portrait{background:linear-gradient(135deg,#1677ff29,#5cd3b214),#0b1728;border:1px solid rgba(7,17,31,.1);box-shadow:0 26px 76px #07111f1f;color:var(--white);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.portrait{align-items:center;display:flex;justify-content:center;min-height:420px}.portrait-code{align-items:center;display:grid;font-family:var(--mono);font-weight:900;gap:18px;justify-items:center;text-transform:uppercase}.portrait-code img{height:clamp(110px,18vw,180px);width:clamp(110px,18vw,180px)}.portrait-code span{color:#f5f7fab8;font-size:.78rem}.developer-section>div:last-child{display:grid;gap:22px}.developer-section p{color:var(--muted);margin:0}.promise-strip{display:flex;flex-wrap:wrap;gap:10px}.promise-strip span{background:#1677ff1a;border:1px solid rgba(22,119,255,.22);border-radius:999px;color:var(--electric);font-size:.82rem;font-weight:900;padding:8px 12px}.estimator-controls,.lead-form,.field-group{display:grid}.estimator-controls,.lead-form{gap:22px;min-width:0}.estimator-grid.guided{align-items:start}.estimator-panel{min-width:0}.estimator-mobile-tabs,.goal-next,.form-back{display:none}.field-group{gap:12px}.field-group label{color:var(--ink);font-weight:900}.pill-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.pill-grid button{background:#fff;border:1px solid rgba(7,17,31,.1);border-radius:8px;color:var(--ink);cursor:pointer;font:inherit;font-weight:850;line-height:1.16;min-height:52px;padding:10px 12px;text-align:left;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.pill-grid button:hover,.pill-grid button.active{background:linear-gradient(135deg,var(--electric),var(--indigo));border-color:transparent;color:var(--white);transform:translateY(-1px)}.addon-details{background:#07111f09;border:1px solid rgba(7,17,31,.07);border-radius:8px;padding:16px}.addon-details summary{color:var(--ink);cursor:pointer;font-weight:900;list-style-position:inside}.addon-details .pill-grid{margin-top:14px}.select-row,.contact-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.lead-form label,.select-row label{color:var(--ink);display:grid;font-weight:900;gap:8px}.contact-grid label:last-child{grid-column:1 / -1}.select-row select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(45deg,transparent 50%,var(--muted) 50%) calc(100% - 18px) 55% / 7px 7px no-repeat,linear-gradient(135deg,var(--muted) 50%,transparent 50%) calc(100% - 13px) 55% / 7px 7px no-repeat,#fff;border:1px solid rgba(7,17,31,.1);border-radius:8px;color:var(--ink);font:inherit;min-height:52px;padding:0 40px 0 14px}.lead-form textarea,.lead-form input{background:#fff;border:1px solid rgba(7,17,31,.1);border-radius:8px;color:inherit;font:inherit;min-height:50px;padding:14px}.lead-form textarea{min-height:122px;resize:vertical}.lead-form button{width:100%}.lead-form .hp-field{border:0;clip:rect(0 0 0 0);height:1px;left:-10000px;min-height:0;opacity:0;padding:0;pointer-events:none;position:absolute;width:1px}.lead-form,.goal-summary{background:#ffffffeb;border:1px solid rgba(7,17,31,.08);border-radius:8px;box-shadow:0 22px 70px #07111f14;color:var(--ink)}.lead-form{padding:clamp(22px,4vw,34px);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.goal-summary{display:grid;gap:10px;padding:clamp(20px,3vw,28px)}.goal-summary span{color:var(--electric);font-family:var(--mono);font-size:.72rem;font-weight:900;text-transform:uppercase}.goal-summary strong{font-size:clamp(1.72rem,3vw,2.6rem);line-height:1}.goal-summary p{color:var(--muted);line-height:1.58;margin:0}.estimate-result{background:linear-gradient(135deg,#1677ff17,#5cd3b214);border:1px solid rgba(22,119,255,.14);border-radius:8px;display:grid;gap:8px;padding:18px}.estimate-result strong{color:var(--ink);font-size:clamp(1.45rem,2.3vw,2rem);line-height:1.08}.estimate-result p{color:var(--muted);margin:0}.form-note{font-weight:900;margin:0}.form-note.success{color:var(--mint)}.form-note.error{color:#ffb4a8}.final-cta{background:radial-gradient(circle at 50% 12%,rgba(22,119,255,.24),transparent 26rem),#07111f;color:var(--white);min-height:68svh;overflow:hidden;position:relative;text-align:center}.final-cta h2{color:var(--white);font-size:clamp(3rem,9.5vw,9rem);line-height:.88;margin-bottom:28px}.final-mark{filter:drop-shadow(0 22px 48px rgba(22,119,255,.42));height:clamp(92px,14vw,170px);margin-bottom:20px;width:clamp(92px,14vw,170px)}.converge-lines{top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.converge-lines span{animation:converge 5s ease-in-out infinite alternate;background:linear-gradient(90deg,transparent,rgba(22,119,255,.65),transparent);height:1px;left:12%;position:absolute;right:12%;top:50%}.converge-lines span:nth-child(2){transform:rotate(36deg)}.converge-lines span:nth-child(3){transform:rotate(-36deg)}.converge-lines span:nth-child(4){transform:rotate(90deg)}@keyframes pageEnter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(28px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cardRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes revealFromLeft{0%{opacity:0;transform:translate(calc(var(--reveal-distance) * -1)) translateY(14px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes revealFromRight{0%{opacity:0;transform:translate(var(--reveal-distance)) translateY(14px)}to{opacity:1;transform:translate(0) translateY(0)}}@keyframes converge{0%{opacity:.22;scale:.8}to{opacity:.72;scale:1}}@supports (animation-timeline: view()){.kb-services .section-heading,.recommendation-card,.experience-copy,.process-step:nth-child(odd),.portrait,.estimator-controls,.final-mark{animation:revealFromLeft linear both;animation-range:entry 4% cover 28%;animation-timeline:view()}.kb-pricing .section-heading,.kb-experience .section-heading,.process-section .section-heading,.developer-section>div:last-child,.pricing-options,.pricing-note,.mobile-flow-preview,.process-step:nth-child(2n),.lead-form,.final-cta h2{animation:revealFromRight linear both;animation-range:entry 4% cover 28%;animation-timeline:view()}}@media (max-width: 1100px){.kb-hero,.experience-grid,.developer-section,.estimator-grid{grid-template-columns:1fr}.kb-showcase{min-height:430px}.device-composition{min-height:380px}.browser-device{left:0;top:10%}.phone-device{right:4%;top:18%}.pricing-layout,.process-line{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.kodbild-page{--reveal-distance: 22px}.site-header{gap:12px;min-height:70px;padding:12px 20px;width:100%}.site-header nav{display:none}.brand{gap:12px;min-width:0}.brand-mark{height:44px;width:44px}.brand span{font-size:1.52rem}.mobile-header-cta{display:inline-flex;flex:0 0 auto;font-size:.98rem;width:auto}.kb-hero{display:block;min-height:auto;overflow:hidden;padding:96px 20px 56px}.kb-hero-copy,.kb-showcase,.section-heading,.pricing-layout,.experience-grid,.developer-section,.estimator-grid{max-width:calc(100vw - 40px);width:100%}.kb-hero h1{font-size:2.2rem;line-height:1.02;max-width:100%;text-wrap:balance}.hero-lockup{margin-bottom:26px}.hero-lockup img{height:54px;width:54px}.hero-lockup span{font-size:2.34rem}.hero-subtitle{font-size:1.02rem;line-height:1.62;margin-top:22px;max-width:32ch}.hero-actions{flex-direction:column;margin-top:28px}.button,.price-cta{min-height:54px;width:100%}.kb-proof-row{font-size:.68rem;gap:10px;margin-top:28px}.kb-proof-row span{width:100%}.kb-showcase{display:none}.showcase-tabs{width:100%}.showcase-tabs button{flex:1}.device-composition{min-height:300px}.browser-device{left:0;padding:12px;top:22px;width:calc(100% - 44px)}.browser-device-hero{height:116px}.browser-device-grid{gap:8px}.browser-device-grid span{height:52px}.phone-device{gap:10px;padding:34px 10px 14px;right:0;top:64px;width:112px}.phone-device div{height:86px}.phone-device i{height:13px}.showcase-status{bottom:0;left:0;right:0}.kb-services,.kb-pricing,.kb-experience,.process-section,.developer-section,.estimator-section,.final-cta{padding:62px 20px}h2{font-size:2.02rem;line-height:1.02;text-wrap:balance}h3{line-height:1.12}.section-heading{margin-bottom:26px}.section-heading p{font-size:1rem;max-width:33ch}.kb-track-grid,.pricing-layout,.process-line,.pill-grid,.select-row,.contact-grid{grid-template-columns:1fr}.kb-track-card{min-height:260px;padding:24px}.pricing-switch{position:sticky;top:82px;width:100%;z-index:2}.pricing-switch button{flex:1}.pricing-layout,.pricing-options{gap:14px}.kb-price-card{min-height:auto;padding:24px}.recommendation-card{min-height:auto}.price-card-top{display:grid}.price-card-top strong{width:fit-content}.kb-price-card p{min-height:0}.price-lockup strong{font-size:clamp(2.15rem,10vw,3rem)}.pricing-note{align-items:stretch;flex-direction:column}.mobile-flow-preview{min-height:420px}.process-step{min-height:auto}.portrait{min-height:300px}.estimator-section{background:#f7f9fc}.estimator-mobile-tabs{background:#07111f0f;border:1px solid rgba(7,17,31,.08);border-radius:8px;display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:18px;padding:6px;position:sticky;top:82px;z-index:2}.estimator-mobile-tabs button{background:transparent;border:0;border-radius:6px;color:#07111f9e;cursor:pointer;font:inherit;font-weight:900;min-height:44px}.estimator-mobile-tabs button.active{background:#07111f;color:var(--white)}.estimator-panel{display:none}.estimator-panel.active{animation:cardRise .36s cubic-bezier(.19,1,.22,1) both;display:grid}.goal-next,.form-back{display:inline-flex}.form-back{align-items:center;background:transparent;border:0;color:var(--electric);cursor:pointer;font:inherit;font-weight:900;justify-self:start;min-height:44px;padding:0}.lead-form{padding:22px}.pill-grid button{overflow-wrap:anywhere;text-align:left}.final-cta h2{font-size:2.7rem}}@media (max-width: 380px){.kb-hero h1{font-size:2.18rem}.brand span{font-size:1.34rem}.mobile-header-cta{padding:0 13px}}
