@font-face{font-family:Manrope;src:url('/fonts/manrope-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url('/fonts/manrope-700.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--paper:#f6f7f2;--ink:#17231d;--green:#5cbf8c;--line:#d7ddd2;--muted:#59635b;--dark:#18251e;--radius:24px;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;height:auto;display:block}p{line-height:1.7;margin:0 0 1.4rem}h1,h2,h3{font-weight:600;margin:0;letter-spacing:-.05em}h1 .dot,.dot{color:var(--green)}h1{font-size:clamp(3.5rem,7.7vw,7.5rem);line-height:1.05}h2{font-size:clamp(2.5rem,4.8vw,4.6rem);line-height:1.1}h3{font-size:1.7rem;line-height:1.2;letter-spacing:-.045em}.wrap{width:min(1360px,calc(100% - 112px));margin-inline:auto}.header{width:100%;position:sticky;top:0;z-index:100;background:rgba(246,247,242,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(23,35,29,.08)}.header-inner{width:100%;height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-inline:clamp(24px,4vw,56px)}.brand{display:flex;align-items:center}.brand img{width:108px;max-height:48px;object-fit:contain}.header nav{display:flex;align-items:center;gap:26px;font-size:.875rem;font-weight:600}.header nav>a{padding:12px 0;position:relative}.header nav>a:not(.nav-contact)::after{content:'';position:absolute;height:1px;background:var(--ink);bottom:7px;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .2s}.header nav>a:hover::after{transform:scaleX(1)}.header nav>.nav-contact{display:flex;gap:22px;background:var(--ink);color:white;padding:13px 19px;border-radius:99px;transition:background .2s}.nav-contact:hover{background:#304b40}.languages{display:flex;gap:8px;padding-left:8px;font-size:.8rem}.languages a{padding:5px 0;color:var(--muted)}.languages [aria-current]{color:var(--ink);border-bottom:1px solid var(--ink)}.menu-toggle{display:none}.eyebrow{font-size:.8rem;line-height:1.5;letter-spacing:.07em;text-transform:uppercase;font-weight:600;margin-bottom:24px}.hero{padding-top:44px}.hero-topline{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.hero-topline .eyebrow{display:flex;align-items:center;gap:12px;margin:0}.brand-dots{font-size:34px;line-height:20px;color:#5cbf8c}.hero-location{font-size:.75rem;color:var(--muted)}.hero h1{font-size:clamp(4.4rem,10.1vw,9.65rem);line-height:1.015;letter-spacing:-.06em;font-weight:600;max-width:1260px}.hero h1::selection{background:var(--green)}.hero-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:end;padding:44px 0 65px}.hero-specialties{display:flex;flex-direction:column;color:#7b8779;font-size:1.05rem;line-height:1.55;letter-spacing:-.03em}.hero-specialties span:first-child{color:var(--ink)}.hero-aside>p{font-size:1.07rem;max-width:525px;margin-bottom:25px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 25px;border-radius:99px;border:1px solid transparent;font-size:.9rem;font-weight:600;line-height:1.3;transition:background .2s,transform .2s;white-space:normal}.primary{background:var(--ink);color:#fff}.primary:hover{background:#48aa79;transform:translateY(-2px)}.button span{font-size:1.3rem;font-family:Arial,sans-serif}.text-link{display:flex;width:fit-content;gap:25px;align-items:center;font-size:.9rem;font-weight:600;margin-top:24px;padding-bottom:6px;border-bottom:1px solid var(--ink);transition:gap .2s}.text-link:hover{gap:34px}.hero-actions .text-link{margin:0}.work-section{padding-top:6px;padding-bottom:12px}.section-label{display:flex;justify-content:space-between;align-items:center;font-size:.8rem}.section-label .eyebrow{margin:0 0 20px}.section-label>span{margin-bottom:20px;color:var(--muted)}.project-card{display:grid;grid-template-columns:.95fr 1.3fr;overflow:hidden;background:var(--dark);color:#f5f8ef;min-height:510px;border-radius:var(--radius)}.project-copy{padding:38px 42px;display:flex;flex-direction:column;align-items:flex-start;gap:40px}.project-tags{display:flex;flex-wrap:wrap;gap:8px}.project-tags span{font-size:.75rem;border:1px solid #56644e;padding:6px 11px;border-radius:30px;color:#d8e5cf}.project-name{font-size:.875rem;margin-bottom:18px;color:var(--green);font-weight:600}.project-name>span{vertical-align:super;font-size:.5rem;margin-left:3px}.project-copy h2{font-size:clamp(2.5rem,3.7vw,3.6rem);margin-bottom:24px}.project-copy>div>p:last-child{font-size:1rem;max-width:390px;line-height:1.65;color:#c2ccba;margin:0}.pill-link{display:flex;width:100%;align-items:center;justify-content:space-between;gap:30px;font-size:.875rem;margin-top:auto}.round-arrow{display:flex;align-items:center;justify-content:center;border:1px solid #abb7a5;border-radius:50%;width:46px;height:46px;font:1.5rem Arial,sans-serif;flex-shrink:0;transition:transform .25s,background .25s}.pill-link .round-arrow{background:var(--green);color:var(--ink);border:0}.project-card:hover .round-arrow{transform:rotate(45deg)}.product-visual{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:40px 30px 60px;background:radial-gradient(ellipse at 70% 20%,#7dcaa1 0%,#dcf0e5 42%,#a8deb8 100%)}.product-window{width:100%;background:#f5f7ee;border:1px solid #fff9;border-radius:13px;overflow:hidden;box-shadow:0 28px 60px #263d263b;transform:rotate(-4deg) scale(.97);transition:transform .5s}.project-card:hover .product-window{transform:rotate(-1deg) scale(1)}.window-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #dce2d5;font-size:.8rem;color:#263d26;font-weight:700}.window-bar>span:last-child{font-size:.6rem;font-weight:400;letter-spacing:.06em}.product-window img{width:100%;mix-blend-mode:multiply;padding:10px 0 15px}.visual-caption{position:absolute;bottom:27px;left:20px;right:20px;text-align:center;font-size:.73rem;color:#3c5631}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:48px}.section-heading>p{max-width:340px;color:var(--muted);font-size:1rem;margin-bottom:5px}.service-list{border-top:1px solid var(--line)}.service-row{display:grid;grid-template-columns:45px 1fr 1fr 46px;gap:24px;align-items:center;padding:37px 0;border-bottom:1px solid var(--line);transition:background .2s,padding .2s}.service-row:hover{padding-inline:16px;background:#eaf4ef}.service-number{font-size:.85rem;color:var(--muted)}.service-row h3{font-size:1.8rem}.service-row p{font-size:.95rem;line-height:1.65;margin:0;color:var(--muted)}.service-row:hover .round-arrow{background:var(--green);border-color:var(--green);color:var(--ink);transform:rotate(45deg)}.product-band{background:var(--dark);color:var(--paper);padding:100px 0;overflow:hidden}.product-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:110px;align-items:center}.product-grid h2{margin-bottom:30px}.product-grid p:not(.eyebrow){max-width:460px;color:#becdb7}.product-grid .eyebrow{color:#acc594}.light{background:var(--green);color:var(--ink);margin-top:8px}.light:hover{background:#5cbf8c;transform:translateY(-2px)}.product-sign{display:flex;flex-direction:column;justify-content:space-between;gap:60px;background:var(--green);color:var(--ink);border-radius:20px;padding:25px 35px;transform:rotate(4deg);box-shadow:18px 18px 0 #34543a;transition:transform .35s;min-height:340px}.product-sign:hover{transform:rotate(0)}.product-sign img{width:90%;height:auto;max-height:150px;object-fit:contain;margin:auto;mix-blend-mode:multiply}.sign-top,.sign-bottom{display:flex;justify-content:space-between;align-items:center;font-size:.75rem}.sign-top>span:first-child{letter-spacing:.075em;font-size:.65rem}.sign-top>span:last-child{font:1.5rem Arial,sans-serif}.sign-bottom{font-weight:600;line-height:1.5;padding-top:20px;border-top:1px solid #405e3040}.sign-bottom>span:last-child{font-size:1.5rem}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin-top:45px}.process article{border-top:1px solid var(--line);padding-top:25px}.step{font-size:3.8rem;line-height:1;letter-spacing:-.08em;color:#9cae92;font-weight:400}.process h3{margin:35px 0 15px;font-size:1.45rem}.process p{font-size:.95rem;color:var(--muted);margin:0}.process-note{font-size:.95rem;color:var(--muted);line-height:1.6}.about-band,.product-story{border-block:1px solid var(--line);padding-block:55px 70px}.about-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.about-grid>div{max-width:470px}.about-grid p{color:var(--muted);font-size:1.06rem}.contact-cta{padding-block:100px}.contact-cta>.eyebrow{margin-bottom:30px}.contact-cta>div{display:flex;justify-content:space-between;align-items:center;gap:40px}.contact-cta h2{font-size:clamp(2.7rem,5.4vw,5.4rem);max-width:1020px}.cta-circle{width:115px;height:115px;flex:0 0 115px;border-radius:50%;background:var(--green);display:flex;align-items:center;justify-content:center;font:4rem Arial,sans-serif;transition:transform .25s}.cta-circle:hover{transform:rotate(45deg)}.email-link{display:inline-block;margin-top:28px;border-bottom:1px solid var(--ink);padding-bottom:5px;font-size:1.1rem}.footer{padding:60px 0 25px;background:var(--dark);color:#eff4eb}.footer-top{display:flex;gap:40px;justify-content:space-between;align-items:center;padding-bottom:55px}.footer-top p{margin:0;font-size:1.1rem}.footer-top>a:last-child{font-size:.95rem}.footer-bottom{border-top:1px solid #3b4b41;padding-top:22px;display:flex;justify-content:space-between;gap:15px;font-size:.8rem;color:#bcc9bd}.page-hero{padding-block:70px}.page-hero h1{max-width:1150px;font-size:clamp(3.5rem,6.5vw,6.5rem)}.page-intro{font-size:1.15rem;line-height:1.7;max-width:680px;margin:30px 0 0;color:var(--muted)}.compact{padding-top:10px;padding-bottom:30px}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:110px;padding-block:35px 70px}.prose{font-size:1.05rem;line-height:1.75}.prose h2{font-size:2rem;line-height:1.25;margin-bottom:20px;letter-spacing:-.045em}.prose p+h2{margin-top:48px}.prose a{text-decoration:underline}.prose p{color:var(--muted)}.deliverables{background:#e6eddd;padding:36px;border-radius:20px;height:fit-content}.deliverables ul{list-style:none;padding:0;margin:10px 0 30px}.deliverables li{border-bottom:1px solid #cbd6bf;padding:15px 0;font-size:.95rem;line-height:1.5}.deliverables h3{margin-bottom:30px;line-height:1.5}.case-image{background:#dfeacb;border-radius:24px;max-height:650px;display:flex;justify-content:center;margin-bottom:65px;overflow:hidden}.case-image img{max-width:960px;width:100%;object-fit:contain;mix-blend-mode:multiply}.about-note{border-radius:20px;background:var(--green);padding:35px 40px}.large-colon{font-weight:700;font-size:130px;line-height:.8;color:var(--ink);display:block;margin-bottom:40px}.about-note p{font-size:1.04rem}.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:80px;padding-bottom:110px}.contact-grid aside{border-top:1px solid var(--line);padding-top:30px}.contact-grid aside h2{font-size:2rem}.address{margin-top:50px;color:var(--muted);line-height:1.7;font-size:.95rem}.form-panel{padding:38px;background:#eaf0e2;border-radius:24px}label{font-size:.9rem;display:block;margin-bottom:25px}input,textarea{width:100%;display:block;border:1px solid #bac6b4;border-radius:9px;background:#fcfdf9;margin-top:10px;padding:13px 15px;color:var(--ink);font-size:1rem}textarea{resize:vertical;min-height:150px}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-note{font-size:.85rem;color:var(--muted)}.form-note a{text-decoration:underline}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.form-errors{border-left:3px solid #b54135;background:#fff3ee;padding:16px 20px;margin-bottom:25px}.form-errors p{margin:0}.form-errors ul{padding-left:18px;font-size:.9rem}.form-success h2{font-size:2.3rem;margin-bottom:20px}.form-success p{margin-bottom:0}.page-body{max-width:820px;padding-bottom:90px}.skip{position:absolute;top:-100px;background:var(--ink);color:white;padding:15px;z-index:20}.skip:focus{top:0}:focus-visible{outline:3px solid #5cbf8c;outline-offset:5px}::selection{background:var(--green);color:var(--ink)}
/* Product page: the product shares the first view with its story. */
.product-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;padding-top:48px;padding-bottom:65px;align-items:center}.product-hero-copy>.eyebrow{display:flex;align-items:center;gap:12px;font-size:.75rem;margin-bottom:28px}.product-badge{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;background:var(--green);border-radius:9px;font-size:1rem;font-weight:700}.product-hero h1{font-size:clamp(3.4rem,5.4vw,5.25rem);letter-spacing:-.05em}.product-hero .page-intro{font-size:1.02rem;max-width:520px;margin-top:28px}.product-hero .hero-actions{margin-top:30px;gap:25px}.product-hero .button{padding:17px 23px}.product-hero-art{background:radial-gradient(ellipse at 80% 0%,#d6f2e2,#bce8d0 45%,#9edbb9);border-radius:26px;padding:30px 28px 24px;position:relative;overflow:hidden;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;min-height:500px}.product-art-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.product-art-heading>img{max-width:135px;height:50px;object-fit:contain;mix-blend-mode:multiply}.product-art-heading>span{font-size:.65rem;letter-spacing:.06em}.consent-preview{mix-blend-mode:multiply;width:calc(100% + 48px);max-width:none;margin-inline:-24px;transform:rotate(-5deg);filter:drop-shadow(0 14px 15px #1d382924);transition:transform .5s}.product-hero-art:hover .consent-preview{transform:rotate(-1deg) translateY(-5px)}.art-footer{display:flex;justify-content:space-between;align-items:center;font-size:.8rem;border-top:1px solid #5cbf8c55;padding-top:18px;margin-top:20px}.art-footer>span:last-child{font:1.8rem Arial,sans-serif}.integration-strip{display:flex;align-items:center;justify-content:space-between;gap:35px;border-block:1px solid var(--line);padding-block:28px}.integration-strip>.eyebrow{max-width:150px;margin:0;font-size:.7rem;color:var(--muted)}.integration-strip>div{display:flex;justify-content:space-between;align-items:center;gap:50px;flex:1;max-width:820px}.integration-strip>div>span{font-size:1.45rem;font-weight:700;letter-spacing:-.05em}.small-plus{color:#5cbf8c}.integration-strip>div>.code-label{font-size:1.12rem}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{padding:32px 30px;border-radius:20px;min-height:330px;display:flex;flex-direction:column}.feature-dark{background:var(--dark);color:var(--paper)}.feature-green{background:var(--green)}.feature-pale{background:#ebf3ee}.feature-index{font-size:.75rem;letter-spacing:.045em;opacity:.75;margin-bottom:40px}.feature-card h3{font-size:clamp(1.75rem,2.4vw,2.4rem);margin-bottom:25px}.feature-card p{font-size:.93rem;line-height:1.7;margin:auto 0 0;opacity:.82}.product-story{margin-bottom:0}.product-story h2{font-size:clamp(2.5rem,4.7vw,4.5rem)}
/* Quiet entrance motion, never needed to reveal content. */
@media(prefers-reduced-motion:no-preference){.hero h1,.product-hero h1{animation:arrive .65s both}.hero-aside,.product-hero .page-intro{animation:arrive .65s .1s both}.product-hero-art{animation:arrive .8s .12s both}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1600px){.hero h1{font-size:9.65rem}}
@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.header nav{gap:17px;font-size:.8rem}.header nav>.nav-contact{gap:15px;padding:12px 16px}.hero-bottom{grid-template-columns:.7fr 1.3fr;gap:40px}.hero h1{font-size:10.4vw}.hero-aside>p{font-size:1rem}.hero-actions{gap:20px}.project-copy{padding:30px;gap:32px}.project-card{min-height:465px}.product-visual{padding-inline:20px}.product-grid{gap:65px}.detail-grid{gap:55px}.contact-grid{gap:40px}.service-row{gap:20px;grid-template-columns:30px 1fr 1fr 43px}.service-row h3{font-size:1.5rem}.product-hero{gap:30px}.product-hero h1{font-size:5.3vw}.product-hero-art{min-height:470px;padding-inline:22px}.product-hero .hero-actions{gap:18px}.integration-strip>div{gap:30px}.integration-strip>div>span{font-size:1.25rem}.feature-card{padding:28px 24px}.feature-card p{font-size:.9rem}.process{gap:25px}}
@media(max-width:900px){.wrap{width:calc(100% - 48px)}.header-inner{height:90px}.header nav{gap:15px;font-size:.75rem}.header nav>.nav-contact{padding:10px 13px;gap:12px}.brand img{width:92px}.languages{font-size:.72rem;gap:6px;padding-left:0}.hero-location{display:none}.hero{padding-top:32px}.hero h1{font-size:10.6vw}.hero-bottom{padding-bottom:50px;gap:35px}.hero-specialties{font-size:.95rem}.hero-actions .button{padding:16px 21px}.project-copy h2{font-size:2.5rem}.project-copy>div>p:last-child{font-size:.93rem}.project-name{font-size:.8rem}.project-copy{padding:28px 25px}.project-visual{padding-inline:20px}.section{padding-block:80px}.section-heading{gap:35px}.section-heading>p{max-width:300px;font-size:.95rem}.product-grid{gap:45px}.product-sign{padding:24px;min-height:310px;gap:45px}.product-band{padding-block:80px}.product-hero{gap:24px;padding-top:35px}.product-hero h1{font-size:5.6vw}.product-hero-art{min-height:440px;padding:25px 20px 20px}.product-hero .page-intro{font-size:.95rem}.product-hero .hero-actions{display:block}.product-hero .text-link{margin-top:22px}.product-art-heading>img{max-width:110px}.integration-strip{gap:30px}.integration-strip>div{gap:20px}.integration-strip>div>span{font-size:1.12rem}.integration-strip>div>.code-label{font-size:.95rem}.feature-grid{gap:13px}.feature-card{padding:25px 20px}.feature-card h3{font-size:1.7rem}.about-grid{gap:55px}.footer-top{gap:25px}.footer-top p{font-size:1rem}.footer-top>a:last-child{font-size:.85rem}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header-inner{height:85px;position:relative}.brand img{width:96px}.menu-toggle{display:flex;align-items:center;gap:16px;background:var(--ink);color:white;border:0;padding:11px 16px;border-radius:99px;font-size:.85rem}.menu-toggle span{font-size:1.3rem;line-height:1}.header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;z-index:10;box-shadow:0 20px 40px #18292315;font-size:1rem}.header nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.header nav>a{padding:13px 0}.header nav>.nav-contact{padding:14px 18px;margin-top:8px;justify-content:space-between}.languages{margin:10px 0 0;gap:20px;font-size:.85rem}.hero-topline{margin-bottom:27px}.hero-topline .eyebrow{font-size:.7rem}.hero h1{font-size:10.7vw}.hero-bottom{grid-template-columns:.65fr 1.35fr;gap:30px;padding-top:32px}.hero-actions{gap:18px}.hero-aside>p{font-size:.98rem}.hero-specialties{font-size:.9rem}.project-card{grid-template-columns:1fr 1.08fr;min-height:445px}.project-copy{padding:25px;gap:28px}.project-copy h2{font-size:2.2rem}.project-copy>div>p:last-child{font-size:.9rem}.project-tags span{font-size:.65rem}.visual-caption{font-size:.65rem;bottom:20px}.window-bar{padding:12px;font-size:.75rem}.window-bar>span:last-child{display:none}.service-row{grid-template-columns:25px 1fr 45px;gap:15px}.service-row p{grid-column:2;grid-row:2;max-width:480px}.service-row .round-arrow{grid-column:3;grid-row:1/3}.service-row h3{font-size:1.65rem}.process{grid-template-columns:1fr 1fr;gap:35px}.process-note{max-width:190px}.product-grid{gap:40px}.product-sign{min-height:290px;padding:22px}.product-sign img{width:100%}.product-grid h2{font-size:2.8rem}.product-grid p:not(.eyebrow){font-size:.95rem}.product-grid .eyebrow{font-size:.7rem}.about-grid{gap:35px}.contact-cta{padding-block:75px}.contact-cta h2{font-size:3.1rem}.cta-circle{width:90px;height:90px;flex-basis:90px;font-size:3.2rem}.footer-top{flex-wrap:wrap}.footer-bottom{flex-wrap:wrap}.page-hero{padding-block:48px}.page-hero h1{font-size:clamp(3.2rem,8vw,4.5rem)}.detail-grid{gap:35px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-grid aside{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:15px}.contact-grid aside .email-link{margin:0;justify-self:start}.contact-grid aside p{grid-column:2}.contact-grid .address{margin:0;grid-column:1;grid-row:2/4}.form-panel{padding:28px}.about-note{padding:25px}.detail-grid{grid-template-columns:1.2fr 1fr}.deliverables{padding:25px}.product-hero{grid-template-columns:1fr;gap:40px;padding-bottom:45px}.product-hero h1{font-size:clamp(3.2rem,7.5vw,4.8rem);max-width:680px}.product-hero .page-intro{font-size:1.05rem;max-width:580px}.product-hero .hero-actions{display:flex;gap:25px}.product-hero .text-link{margin:0}.product-hero-art{min-height:0;padding:25px 35px;aspect-ratio:1.6}.product-art-heading>img{max-width:130px}.consent-preview{width:85%;margin:-10px auto;max-height:350px;object-fit:contain}.integration-strip{display:block;padding-block:25px}.integration-strip>.eyebrow{max-width:none;margin-bottom:22px;font-size:.7rem}.integration-strip>div{gap:20px;max-width:none}.integration-strip>div>span{font-size:1.25rem}.feature-card{min-height:340px;padding:24px 19px}.feature-card h3{font-size:1.6rem}.feature-card p{font-size:.88rem}.feature-index{font-size:.68rem}}
@media(max-width:560px){.hero{padding-top:25px}.hero-topline{margin-bottom:25px}.hero-topline .eyebrow{font-size:.64rem;letter-spacing:.04em}.hero h1{font-size:clamp(3.15rem,11vw,4.2rem);line-height:1.05;letter-spacing:-.05em}.hero-bottom{display:block;padding-top:28px;padding-bottom:42px}.hero-specialties{display:none}.hero-aside>p{font-size:1rem;line-height:1.65;margin-bottom:25px}.hero-actions{gap:20px}.hero-actions .text-link{font-size:.85rem}.button{font-size:.875rem;padding:16px 22px;gap:22px}.hero-actions .button{padding:16px 22px}.section-label{font-size:.72rem}.section-label .eyebrow{font-size:.7rem;margin-bottom:16px}.section-label>span{margin-bottom:16px}.project-card{grid-template-columns:1fr;border-radius:20px}.project-copy{padding:28px;gap:30px}.project-copy h2{font-size:2.8rem;margin-bottom:22px}.project-copy>div>p:last-child{font-size:.95rem;max-width:none}.project-tags span{font-size:.7rem}.pill-link{font-size:.85rem}.product-visual{padding:40px 23px 55px;min-height:270px}.product-window{max-width:440px}.visual-caption{font-size:.68rem}.section{padding-block:65px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{max-width:none;margin-top:24px;font-size:.98rem}h2{font-size:2.65rem}.service-row{padding-block:28px}.service-row h3{font-size:1.45rem}.service-row p{font-size:.9rem}.service-row .round-arrow{width:40px;height:40px}.product-grid,.about-grid,.detail-grid{grid-template-columns:1fr;gap:35px}.product-grid h2{font-size:2.85rem}.product-grid .eyebrow{font-size:.73rem}.product-grid p:not(.eyebrow){font-size:1rem}.product-sign{transform:rotate(3deg);min-height:285px;margin:10px 12px;box-shadow:10px 12px 0 #34543a;padding:25px 28px}.product-sign img{width:82%;max-width:280px}.product-band{padding-block:65px}.process{gap:30px 24px;margin-top:35px}.step{font-size:3.2rem}.process h3{font-size:1.25rem;margin-top:27px}.process p{font-size:.9rem}.process-note{display:none}.about-band,.product-story{padding-block:40px 50px}.about-grid>div{max-width:none}.about-grid p{font-size:1rem}.contact-cta{padding-block:65px}.cta-circle{width:62px;height:62px;flex-basis:62px;font-size:2.4rem}.contact-cta h2{font-size:2.55rem}.contact-cta>div{align-items:end;gap:16px}.contact-cta h2 br{display:none}.contact-cta>.eyebrow{font-size:.7rem}.footer-top{display:block;padding-bottom:32px}.footer-top img{width:110px}.footer-top p{margin:25px 0}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;gap:22px;font-size:.75rem}.page-hero h1{font-size:3.1rem;line-height:1.1}.page-intro{font-size:1.05rem}.page-hero h1 br{display:none}.form-two{grid-template-columns:1fr;gap:0}.form-panel{padding:25px 20px}.contact-grid aside{display:block}.contact-grid aside .email-link{margin:20px 0}.contact-grid aside .address{margin-top:25px}.case-image{margin-bottom:30px}.detail-grid{padding-top:10px}.deliverables{margin-bottom:20px}.page-body{padding-bottom:60px}.product-hero{padding-top:26px;gap:35px}.product-hero-copy>.eyebrow{font-size:.68rem;margin-bottom:24px}.product-hero h1{font-size:clamp(2.65rem,10.6vw,3.7rem);letter-spacing:-.05em;line-height:1.08}.product-hero .page-intro{margin-top:24px;font-size:1rem}.product-hero .hero-actions{gap:21px}.product-hero-art{padding:22px;aspect-ratio:auto;min-height:315px;border-radius:20px}.consent-preview{width:calc(100% + 30px);margin:5px -15px;max-height:none}.product-art-heading>img{max-width:110px;height:43px}.product-art-heading>span{font-size:.6rem}.art-footer{font-size:.74rem;margin-top:5px;padding-top:14px}.integration-strip>div{display:grid;grid-template-columns:1fr 1fr;gap:25px 20px}.integration-strip>div>span{font-size:1.3rem}.integration-strip>div>.code-label{font-size:1.05rem}.feature-grid{grid-template-columns:1fr;gap:15px}.feature-card{padding:28px;min-height:280px}.feature-card h3{font-size:2.35rem;margin-bottom:24px}.feature-card p{font-size:1rem;margin:0}.feature-index{font-size:.75rem;margin-bottom:30px}.product-story h2{font-size:2.7rem}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Company details shared by every page and language. */
.footer-company{display:grid;grid-template-columns:1fr 2fr;gap:48px;border-top:1px solid #3b4b41;padding:32px 0;font-size:.875rem;line-height:1.8;color:#d4dfcf}
.footer-company address{font-style:normal;display:flex;flex-direction:column}.footer-company address strong{font-weight:600;color:#eff4eb;margin-bottom:6px}
.company-identifiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0}.company-identifiers dt{font-size:.8125rem;color:#acbea6;margin-bottom:6px}.company-identifiers dd{margin:0;white-space:nowrap;color:#eff4eb;font-variant-numeric:tabular-nums}
.company-tax{font-size:.8125rem;color:#acbea6;margin:18px 0 0}
@media(max-width:1000px){.footer-company{grid-template-columns:1fr;gap:28px}}
@media(max-width:560px){.company-identifiers{grid-template-columns:1fr;gap:18px}.company-identifiers dt{margin-bottom:1px}.footer-company{gap:26px}}

/* Keep navigation visible across all page templates and screen sizes. */
.header{position:sticky;top:0;z-index:100;background:rgba(246,247,242,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 1px 0 rgba(23,35,29,.08)}
.header::before{content:"";position:absolute;inset:0 calc((100vw - 100%)/-2);background:inherit;z-index:-1;pointer-events:none}
html{scroll-padding-top:116px}.skip{z-index:110}
@media(max-width:800px){html{scroll-padding-top:100px}.header nav{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}}

/* Strengths progress bars in 'En partner att tänka högt med' */
.l-strengths{margin-top:42px;padding-top:32px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:22px}
.l-strengths-title{font-size:1.15rem;font-weight:700;letter-spacing:-.03em;margin-bottom:6px;color:var(--ink)}
.strength-item{display:flex;flex-direction:column;gap:6px}
.strength-header{display:flex;justify-content:space-between;align-items:center;font-size:.92rem;font-weight:600;color:var(--ink)}
.strength-value{font-weight:700;color:var(--green);font-variant-numeric:tabular-nums}
.strength-bar-track{width:100%;height:8px;background:var(--line);border-radius:99px;overflow:hidden;position:relative}
.strength-bar-fill{height:100%;background:var(--green);border-radius:99px;width:var(--target-width,100%);transition:width 1.2s cubic-bezier(.25,1,.5,1)}
.strength-desc{font-size:.82rem;line-height:1.55;color:var(--muted);margin:2px 0 0}

/* Qodli & QookieQloud character visual language (Bildspråk) */
.l-showcase.l-illustration-hero{position:relative;isolation:isolate;background:#ebf1ec;min-height:650px;padding:0;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}
.l-illustration-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;margin:0;mix-blend-mode:normal;transform:scale(var(--hero-scale,1));transition:transform .4s ease}
.l-illustration-hero::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(24,37,30,.82));pointer-events:none}
.product-illustration-card{margin-top:50px;background:#ebf1ec;padding:35px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}
.product-illustration-card img{width:100%;max-width:720px;height:auto;object-fit:contain;mix-blend-mode:multiply;transition:transform .4s ease}
.product-illustration-card:hover img{transform:scale(1.02)}
.product-illustration-caption{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:16px;font-size:.8rem;color:var(--muted)}
.product-illustration-caption span{font-size:.65rem;letter-spacing:.08em;font-weight:700}
.product-illustration-caption strong{color:var(--ink)}

.product-feature-pills{display:flex;gap:16px;flex-wrap:wrap;margin-block:22px 30px}
.product-feature-pills span{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;color:#dce7d4;font-weight:600}
.product-feature-pills .dot-accent{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block}

.product-sign-character{min-height:380px;padding:30px 35px;background:#5cbf8c;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.sign-character-visual{position:relative;display:flex;align-items:center;justify-content:center;margin-block:15px;height:180px}
.sign-mascot-img{position:absolute;left:-10px;bottom:-20px;height:180px;width:auto;object-fit:contain;mix-blend-mode:multiply;filter:drop-shadow(0 8px 16px rgba(0,0,0,0.15));transition:transform .35s ease}
.product-sign:hover .sign-mascot-img{transform:scale(1.06) rotate(-3deg)}
.sign-logo-img{margin-left:auto;max-width:200px;height:auto;mix-blend-mode:multiply}

.service-character-wrap{margin-block:20px auto;width:100%;display:flex;justify-content:center}
.service-character-img{max-height:220px;width:auto;object-fit:contain;mix-blend-mode:multiply;opacity:.9}

.footer-contacts{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-contacts a{font-size:.95rem}
.footer-legal-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}