:root{--ink:#102a36;--deep:#0b2732;--navy:#071e28;--paper:#f6f4ef;--white:#fff;--line:#d7dfdc;--muted:#5d716f;--orange:#f48236;--mint:#d6eee7;--wrap:1320px}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Inter,"Avenir Next",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}img{max-width:100%}a{color:inherit}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.055em}p{line-height:1.58}::selection{background:#b9e2d5;color:var(--deep)}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.lang-sv,.lang-en{display:none}html[lang=sv] .lang-sv,html[lang=en] .lang-en{display:inline}
/* Navigation */
#header{position:sticky;top:0;z-index:100}.site-header{height:78px;background:rgba(250,249,245,.97);border-bottom:1px solid #dce2dd;backdrop-filter:blur(16px)}.header-container{height:100%;width:min(calc(100% - 64px),var(--wrap));margin:auto;display:flex;align-items:center;gap:42px}.site-header .logo{display:flex;align-items:center;gap:8px;text-decoration:none;flex:none}.site-header .logo-img{width:54px;height:54px;object-fit:contain}.site-header .logo::after{content:"taxiflow";font-size:23px;font-weight:850;letter-spacing:-.075em;color:var(--deep)}.nav{display:flex;align-items:center;justify-content:center;gap:27px;flex:1}.nav a{text-decoration:none;font-size:13px;font-weight:650;white-space:nowrap;color:#3d565c;transition:color .2s}.nav a:hover{color:#c45e21}.header-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;align-items:center;gap:7px;text-decoration:none;border:1px solid #ccd5d1;padding:8px 10px;border-radius:999px;font-size:11px;font-weight:750}.lang-switch .flag{display:inline-flex}.lang-switch svg{width:19px;height:13px;border-radius:2px}.lang-switch[data-target=sv] .flag-gb,.lang-switch[data-target=en] .flag-se{display:none}.plan-btn{display:none!important}html[lang=sv] .plan-btn-sv,html[lang=en] .plan-btn-en{display:inline-flex!important}.btn-primary,.btn-secondary,.pricing-btn,.demo-dashboard-link,.final-cta .btn{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 20px;border-radius:7px;text-decoration:none;font-size:13px;font-weight:800;transition:transform .2s,background .2s,border-color .2s}.btn-primary:hover,.btn-secondary:hover,.pricing-btn:hover,.demo-dashboard-link:hover,.final-cta .btn:hover{transform:translateY(-3px)}.btn-primary,.header-btn{background:var(--orange);border:1px solid var(--orange);color:#12272a}.btn-secondary{background:transparent;border:1px solid #a8bdb8;color:#ecf6f0}.header-btn{min-height:41px;border-radius:999px;padding:9px 17px;white-space:nowrap}.mobile-menu-toggle{display:none}
/* Hero: editorial message and a real rotating product showcase */
.hero{background:var(--deep);color:#f4f7f2;position:relative;overflow:hidden;padding:79px 32px 43px}.hero::before{content:"";position:absolute;inset:auto auto -220px -240px;width:600px;height:600px;border:1px solid rgba(255,255,255,.07);border-radius:50%;box-shadow:0 0 0 95px rgba(255,255,255,.025),0 0 0 190px rgba(255,255,255,.015);pointer-events:none}.hero-container{position:relative;width:min(100%,var(--wrap));margin:auto;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(36px,5vw,86px);align-items:center}.hero-left{padding-bottom:48px}.hero-head{margin-bottom:0}.hero-insight,.pricing-eyebrow,.demo-access-content>span,.pricing-launch-label{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:850}.hero-insight{color:#a4d1c5;margin-bottom:24px}.hero-insight::before{content:"";width:20px;height:2px;background:var(--orange)}.hero h1{font-size:clamp(52px,5.75vw,88px);line-height:1.02;max-width:630px;margin:0 0 23px;font-weight:790;letter-spacing:-.078em}.hero-left-title{font-size:clamp(20px,1.8vw,27px);font-weight:500;line-height:1.3;letter-spacing:-.04em;color:#aad2c6;max-width:520px;margin:0 0 21px}.hero-subtitle{font-size:15px;line-height:1.75;color:#c1d0cf;max-width:510px;margin:0 0 27px}.hero-benefits{display:grid;grid-template-columns:1fr;gap:8px;padding-left:15px;border-left:1px solid #708f8d;color:#d8e5e1;font-size:13px;margin-bottom:30px}.hero-benefits div{max-width:460px}.hero-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:22px}.hero-buttons .btn-secondary:last-child{border-color:transparent;text-decoration:underline;text-underline-offset:5px;padding-inline:8px}.hero-demo-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:12px;color:#8aada9}.hero-demo-strip span{font-weight:700;color:#c0d5cf}.hero-demo-strip a{text-decoration:none;color:#d8ece4;border-bottom:1px solid #789e93;font-weight:700}.hero-demo-note{font-size:11px;color:#7fa09f;margin:8px 0 0;max-width:480px}.hero-right{min-width:0}.phone-stack{height:clamp(315px,32vw,470px);position:relative;isolation:isolate;border-radius:16px;background:#f6f4ef;box-shadow:0 28px 80px rgba(0,0,0,.25);overflow:hidden}.phone-item{position:absolute;inset:0;opacity:0;transform:translateX(9%) scale(.98);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1);pointer-events:none}.phone-item.active{opacity:1;transform:none;z-index:3}.phone-item.prev{opacity:0;transform:translateX(-9%) scale(.98);z-index:1}.phone-item.next{opacity:0;z-index:2}.phone-item img{display:block;width:100%;height:100%;object-fit:contain}.feature-display{position:relative;min-height:93px;margin:21px 0 15px}.feature-slide{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .35s,transform .35s;pointer-events:none}.feature-slide.active{opacity:1;transform:none}.feature-slide h2{font-size:22px;letter-spacing:-.05em;color:#f7faf6;margin:0 0 5px}.feature-slide p{font-size:13px;line-height:1.5;color:#aec4c2;max-width:530px;margin:0}.hero-slider-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.slider-control{display:flex;gap:9px;align-items:center;background:transparent;border:0;border-top:2px solid #527074;color:#8faeaa;text-align:left;padding:10px 4px 3px;font-size:12px;font-weight:700;transition:color .2s,border-color .2s}.slider-control span{font-size:10px;letter-spacing:.09em;color:#749691}.slider-control em{font-style:normal}.slider-control.active,.slider-control:hover{border-color:var(--orange);color:#fff}.slider-control.active span{color:var(--orange)}
/* Demo: a horizontal process with real product images */
.demo-access-section{background:#e8efe9;padding:96px 32px 100px}.demo-access-shell{width:min(100%,var(--wrap));margin:auto}.demo-access-top{max-width:830px;margin-bottom:40px}.pricing-eyebrow{color:#ba5a24;margin-bottom:15px}.demo-access-top h2,.section-header h2,.how-header h2,.ba-header h2,.pricing-top h2,.final-cta h2{font-size:clamp(39px,4.4vw,65px);line-height:1.06;font-weight:770;margin:0 0 16px}.demo-access-top p{font-size:16px;color:#526d69;max-width:670px;margin:0}.demo-access-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.demo-access-card{display:flex;flex-direction:column;background:#fff;border:1px solid #cadad3;border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s}.demo-access-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px rgba(16,60,53,.11)}.demo-access-image{height:242px;background:#f6f8f5;display:grid;place-items:center;padding:18px}.demo-access-image img{display:block;max-height:100%;max-width:100%;object-fit:contain}.demo-access-card:nth-child(3) .demo-access-image{background:#f2f3f1}.demo-access-content{display:flex;flex:1;flex-direction:column;padding:27px}.demo-access-content>span{color:#b15b2d;margin-bottom:12px}.demo-access-content h3{font-size:25px;line-height:1.18;margin:0 0 10px}.demo-access-content p{font-size:13px;color:#647975;margin:0 0 20px}.demo-store-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.demo-store-row a{display:grid;place-items:center;border:1px solid #d4e0da;border-radius:6px;min-height:46px;padding:4px}.demo-store-row img{height:36px;width:100%;object-fit:contain}.demo-login-box{display:grid;gap:6px;margin:0 0 17px}.demo-login-box div{display:flex;justify-content:space-between;gap:10px;padding:8px 9px;border:1px solid #e0e7e2;border-radius:5px;font-size:11px}.demo-login-box em{font-style:normal;color:#72847c}.demo-login-box strong{font-size:11px;text-align:right;overflow-wrap:anywhere}.demo-dashboard-link{background:var(--deep);color:#fff;margin-top:auto}.demo-access-note{font-size:12px;color:#68817a;margin:22px 0 0}
/* Direct booking case: asymmetric editorial panel */
.customer-growth{background:#faf9f6;padding:105px 32px}.section-container,.growth-container,.growth-center-line{width:min(100%,var(--wrap));margin:auto}.section-header{display:grid;grid-template-columns:1fr .55fr;gap:80px;align-items:end;margin-bottom:41px}.section-header::before,.how-header::before,.ba-header::before,.pricing-top::before{display:block;font-size:11px;font-weight:800;letter-spacing:.15em;color:#b25a29;text-transform:uppercase;margin-bottom:13px}.section-header::before{content:"01 / Från hemsida till bokning";grid-column:1/-1;margin-bottom:-36px}html[lang=en] .section-header::before{content:"01 / From website to booking"}.section-header h2{max-width:750px}.section-header p{font-size:15px;color:var(--muted);margin:0 0 5px}.growth-container{display:grid;grid-template-columns:.84fr 1.16fr;gap:24px;align-items:stretch}.growth-left{background:var(--deep);color:#fff;padding:40px;border-radius:12px}.growth-sub{font-size:20px;line-height:1.46;letter-spacing:-.025em;color:#e4eee9;margin:0 0 28px}.growth-points{display:grid;gap:9px;padding:20px 21px;margin:0 0 10px;background:#193944;border:1px solid #2b5058;border-radius:8px;font-size:12px;color:#bfd0cd}.growth-points.good{background:#20483f;border-color:#34695b;color:#ecf8f3}.growth-right{background:#edf2ed;border:1px solid #dce7dd;padding:28px;border-radius:12px;display:flex;flex-direction:column;justify-content:center}.growth-right img{width:100%;display:block}.growth-caption{font-size:11px;color:#657d75;text-align:center;margin:14px 0 0}.growth-center-line{margin-top:26px;border-top:1px solid #cbdad1;padding-top:23px}.growth-center-line h3{font-size:24px;max-width:840px;line-height:1.27;margin:0;color:#23574c}
/* Implementation: wide flowing timeline rather than repeated cards */
.how-it-works{background:#f1eae0;padding:104px 32px}.how-container{width:min(100%,var(--wrap));margin:auto}.how-header{max-width:760px;margin-bottom:40px}.how-header::before{content:"02 / Så kommer du igång"}html[lang=en] .how-header::before{content:"02 / Getting started"}.how-header p{font-size:16px;color:#64716e;margin:0}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid #cbbeb0}.step-card{position:relative;padding:27px 28px 20px 0;margin-right:28px;border-right:1px solid #d2c6ba}.step-card:last-child{margin-right:0;border-right:0}.step-number{font-size:11px;font-weight:900;letter-spacing:.1em;color:#ad592b;margin-bottom:15px}.step-number::before{content:"0"}.step-image{height:185px;background:#fff;border-radius:8px;padding:12px;display:grid;place-items:center;margin-bottom:22px}.step-image img{display:block;max-width:100%;max-height:100%;object-fit:contain}.step-card h3{font-size:25px;line-height:1.16;margin:0 0 10px}.step-card p{font-size:13px;color:#667470;margin:0}
/* Why: paired strategy columns */
.before-after{background:#fff;padding:105px 32px}.ba-container{width:min(100%,var(--wrap));margin:auto}.ba-header{display:grid;grid-template-columns:1fr .65fr;gap:80px;align-items:end;margin-bottom:38px}.ba-header::before{content:"03 / Varför TaxiFlow";grid-column:1/-1;margin-bottom:-37px}html[lang=en] .ba-header::before{content:"03 / Why TaxiFlow"}.ba-header p{font-size:15px;color:var(--muted);margin:0 0 5px}.ba-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.ba-card{padding:32px 33px;background:#f3f6f2;border:1px solid #dce6df;border-radius:9px}.ba-card.before{background:#f5f0ec;border-color:#e9ddd4}.ba-card.after:nth-child(2){background:#e9f1ed}.ba-card h3{font-size:24px;margin:0 0 22px}.ba-list{display:grid;gap:13px;font-size:13px;color:#45605a}.ba-card.before .ba-list{color:#796a61}.ba-highlight{margin-top:18px;background:var(--deep);color:#d7e9e2;padding:22px 26px;border-radius:8px}.ba-highlight p{font-size:14px;margin:0}.ba-highlight strong{color:#fff}
/* Pricing: six crisp plan cards, detailed disclosure and a comparison */
.pricing-section{background:#edf2ec;padding:104px 32px}.pricing-shell{width:min(100%,var(--wrap));margin:auto}.pricing-top{max-width:850px}.pricing-top::before{content:"04 / Paket & priser"}html[lang=en] .pricing-top::before{content:"04 / Plans & pricing"}.pricing-top h2{max-width:820px}.pricing-intro{font-size:15px;color:#58716a;max-width:720px;margin:0 0 7px}.pricing-vat{font-size:11px;color:#71877f;margin:0}.pricing-trust{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 20px}.pricing-trust span{border:1px solid #c4d8c9;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:750;background:#f9fbf7;color:#28584f}.pricing-launch{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:var(--deep);color:#fff;padding:25px 32px;border-radius:10px;margin-bottom:18px}.pricing-launch-label{color:#9bc8b6;margin:0 0 8px}.pricing-launch h3{font-size:22px;margin:0 0 7px}.pricing-launch p{font-size:12px;color:#b0c9c2;margin:0}.pricing-launch-right{border-left:1px solid #426068;padding-left:25px}.pricing-launch-pill{font-size:11px;font-weight:850;color:#f6a36b;margin-bottom:6px}.pricing-launch-summary{display:flex;flex-wrap:wrap;gap:6px 13px;font-size:11px;color:#b7ccc5}.pricing-launch-summary strong{color:#fff}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pricing-plan{position:relative;display:flex;flex-direction:column;min-height:286px;background:#fff;border:1px solid #d5e2d8;border-radius:9px;padding:24px}.pricing-plan-featured{background:#fef6ee;border-color:#e08a51;box-shadow:0 16px 35px rgba(110,75,39,.09)}.pricing-badge{position:absolute;top:14px;right:15px;background:#f48236;color:#182c2e;padding:6px 9px;border-radius:3px;font-size:10px;font-weight:850}.pricing-plan-head h3{font-size:25px;margin:0 0 11px}.pricing-price-row{display:flex;align-items:baseline;gap:5px;margin:0 0 10px}.pricing-price{font-size:30px;font-weight:850;letter-spacing:-.06em}.pricing-period{font-size:12px;color:#788982}.pricing-plan-sub{font-size:12px;color:#667a71;line-height:1.5;margin:0 0 16px;max-width:350px}.plan-details{margin:auto 0 14px;border-top:1px solid #e0e7df;padding-top:12px}.plan-details summary{cursor:pointer;list-style:none;color:#255c51;font-size:12px;font-weight:800;display:flex;justify-content:space-between;align-items:center}.plan-details summary::-webkit-details-marker{display:none}.plan-details summary::after{content:"+";font-size:19px;font-weight:400}.plan-details[open] summary::after{content:"−"}.pricing-features{list-style:none;padding:14px 0 0;margin:0;display:grid;gap:8px}.pricing-features li{position:relative;padding-left:15px;font-size:11px;line-height:1.4;color:#526b61}.pricing-features li::before{content:"•";position:absolute;left:0;color:#d5773c}.pricing-btn{min-height:42px;background:#f1f6f0;border:1px solid #c5d8ca;color:#214b40;width:100%;font-size:12px}.pricing-btn-primary{background:var(--orange);border-color:var(--orange);color:#172c2d}.comparison{background:#fff;border:1px solid #d5e2d8;border-radius:9px;margin-top:18px;overflow:hidden}.comparison-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:24px 25px 17px}.comparison-heading h3{font-size:24px;margin:0}.comparison-heading p{font-size:11px;color:#71847a;margin:0}.comparison-scroll{overflow-x:auto}.comparison table{width:100%;border-collapse:collapse;font-size:11px;min-width:810px}.comparison th,.comparison td{padding:13px 12px;border-top:1px solid #e6ece6;text-align:left;white-space:nowrap}.comparison thead th{font-size:11px;color:#2c5b50;background:#f7faf6}.comparison tbody th{color:#536a60;font-weight:750}.comparison td{color:#344d43}.comparison tr>*:nth-child(4){background:#fcf2e8}.pricing-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.pricing-bottom-card{background:#fff;border:1px solid #d8e4d9;border-radius:9px;padding:25px}.pricing-bottom-card-dark{background:#dceae0}.pricing-bottom-card h3{font-size:21px;margin:0 0 13px}.pricing-bottom-card p{font-size:12px;color:#506a60;margin:0}.pricing-bottom-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;font-size:11px;color:#426255}.pricing-final-line{border-top:1px solid #ceddcf;margin-top:21px;padding-top:16px;font-size:12px;color:#607a6d}.pricing-final-line strong{color:#235848}
/* Conversion and footer */
.final-cta{background:#e1803f;padding:94px 32px;color:#173339}.cta-container{width:min(100%,1000px);margin:auto;text-align:center}.final-cta h2{font-size:clamp(40px,5.5vw,78px);max-width:900px;margin:0 auto 19px}.cta-sub{font-size:16px;max-width:680px;margin:0 auto 24px;color:#294c4c}.cta-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.final-cta .btn.primary{background:var(--deep);border:1px solid var(--deep);color:#fff}.final-cta .btn.secondary{background:transparent;border:1px solid #6d5545;color:#173339}.cta-trust{font-size:11px;color:#475753;margin-top:22px}.site-footer{background:#091d26;color:#eef6ef;padding:65px 32px 25px}.footer-grid{width:min(100%,var(--wrap));margin:auto;display:grid;grid-template-columns:1.2fr .7fr .7fr 1.15fr;gap:50px}.footer-brand{display:flex;align-items:center;gap:8px;margin-bottom:13px}.footer-brand .logo-img{width:58px;height:58px;object-fit:contain;background:#f7faf7;border-radius:9px}.footer-brand::after{content:"taxiflow";font-size:24px;font-weight:850;letter-spacing:-.075em}.footer-text,.footer-col p{font-size:12px;color:#a7c1b9;line-height:1.7}.footer-col h4{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#d4e9e0;margin:0 0 16px}.footer-col ul{padding:0;margin:0;list-style:none}.footer-col li{margin-bottom:9px}.footer-col a{font-size:12px;color:#abc6bb;text-decoration:none}.footer-col a:hover{color:#fff}.footer-bottom{width:min(100%,var(--wrap));margin:42px auto 0;padding-top:16px;border-top:1px solid #2b4a50;color:#88a99e;font-size:11px}.footer-bottom p{margin:0}
/* Cookie component used by existing consent logic */
.tf-cookie-banner{position:fixed;left:14px;bottom:14px;z-index:99999;width:min(430px,calc(100% - 28px));display:none}.tf-cookie-banner.tf-show{display:block}.tf-cookie-inner{padding:20px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:9px;box-shadow:0 18px 50px rgba(0,0,0,.22)}.tf-cookie-title{font-size:17px;margin:0 0 5px}.tf-cookie-body{font-size:12px;color:#5c7180;margin:0}.tf-cookie-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.tf-cookie-btn,.tf-cookie-policy-link{border:1px solid #c7d7df;border-radius:6px;padding:9px 12px;cursor:pointer;font-size:12px;font-weight:750;background:#fff;color:var(--ink);text-decoration:none}.tf-cookie-btn-accept{background:var(--deep);color:#fff;border-color:var(--deep)}.tf-cookie-manage{position:fixed;left:14px;bottom:14px;z-index:99998;display:none;padding:8px 11px;background:var(--deep);color:#fff;border:0;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer}.tf-cookie-manage.tf-show{display:block}
@media(max-width:1100px){.nav{gap:15px}.nav a{font-size:12px}.header-container{gap:24px}.hero h1{font-size:clamp(50px,5.5vw,70px)}.hero-container{gap:34px}.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{gap:25px}}
@media(max-width:900px){.site-header{height:72px}.header-container{width:calc(100% - 30px)}.site-header .logo-img{width:49px;height:49px}.mobile-menu-toggle{display:flex;align-items:center;gap:8px;order:3;background:transparent;border:1px solid #c5d3cc;border-radius:999px;padding:9px 12px;color:var(--deep);font-size:12px;font-weight:800}.mobile-menu-icon{width:15px;height:2px;background:var(--deep);box-shadow:0 -5px var(--deep),0 5px var(--deep)}.header-actions{margin-left:auto}.site-header .header-btn{display:none!important}.nav{display:none;position:absolute;top:71px;left:0;right:0;background:#f8f8f3;border-bottom:1px solid #dce2dd;padding:16px 23px;box-shadow:0 22px 35px rgba(12,37,36,.13);flex-direction:column;align-items:stretch;gap:0}.site-header.menu-open .nav{display:flex}.nav a{padding:12px 3px;border-bottom:1px solid #e3e8e1;font-size:14px}.hero-container{grid-template-columns:1fr}.hero-left{padding-bottom:0}.hero h1{max-width:760px}.hero-right{max-width:800px;width:100%}.phone-stack{height:auto;aspect-ratio:1.5}.section-header,.ba-header{grid-template-columns:1fr;gap:10px}.section-header::before,.ba-header::before{margin-bottom:0}.growth-container{grid-template-columns:1fr}.growth-left{padding:32px}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){html{scroll-padding-top:72px}.hero{padding:56px 18px 62px}.hero h1{font-size:clamp(48px,12vw,65px)}.hero-left-title{font-size:22px}.hero-subtitle{font-size:14px}.hero-benefits{font-size:12px}.hero-buttons .btn-primary,.hero-buttons .btn-secondary:first-of-type{flex:1 1 100%}.phone-stack{aspect-ratio:1.5}.feature-display{min-height:104px}.feature-slide h2{font-size:19px}.feature-slide p{font-size:12px}.slider-control{font-size:11px}.demo-access-section,.customer-growth,.how-it-works,.before-after,.pricing-section,.final-cta{padding:74px 18px}.demo-access-grid,.steps,.ba-grid,.pricing-grid,.pricing-bottom,.footer-grid{grid-template-columns:1fr}.demo-access-image{height:225px}.section-header h2,.how-header h2,.ba-header h2,.pricing-top h2,.demo-access-top h2{font-size:clamp(37px,9vw,49px)}.steps{border-top:0}.step-card{margin:0;padding:22px 0;border-right:0;border-top:1px solid #d2c6ba}.step-image{height:205px}.pricing-launch{grid-template-columns:1fr}.pricing-launch-right{border-left:0;border-top:1px solid #426068;padding:15px 0 0}.pricing-plan{min-height:265px}.pricing-bottom-list{grid-template-columns:1fr}.comparison-heading{display:block}.comparison-heading p{margin-top:5px}.site-footer{padding:60px 18px 25px}.footer-grid{gap:25px}.footer-bottom{margin-top:25px}}
@media(max-width:390px){.site-header .logo::after{font-size:20px}.site-header .logo-img{width:44px;height:44px}.lang-switch{padding:8px}.mobile-menu-toggle{padding:8px 10px}.hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
/* Keep the mobile navigation within the viewport, regardless of language rules. */
@media(max-width:900px){html[lang=sv] .site-header .header-btn,html[lang=en] .site-header .header-btn{display:none!important}}
.pricing-top::before{display:none}
.hero{overflow:clip}
/* Product tour: three alternating editorial spreads with unchanged demo access. */
.demo-access-section{background:#f2f4ee;padding-bottom:103px}
.demo-access-top{max-width:100%;display:grid;grid-template-columns:1fr .58fr;gap:12px 65px;align-items:end}
.demo-access-top .pricing-eyebrow{grid-column:1/-1;margin-bottom:0}
.demo-access-top h2{margin-bottom:0;max-width:760px}
.demo-access-top p{margin:0 0 6px;font-size:15px}
.demo-access-grid{grid-template-columns:1fr;gap:18px}
.demo-access-card{display:grid;grid-template-columns:1.03fr .97fr;min-height:365px;border:1px solid #d7e1d9;border-radius:8px;background:#fff;overflow:hidden;box-shadow:none}
.demo-access-card:hover{transform:none;box-shadow:0 16px 35px rgba(16,60,53,.08)}
.demo-access-card:nth-child(2){grid-template-columns:.97fr 1.03fr}
.demo-access-card:nth-child(2) .demo-access-image{order:2}
.demo-access-image{height:auto;min-height:365px;padding:0;background:#101f2d}
.demo-access-image img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}
.demo-access-card:nth-child(3) .demo-access-image{background:#fff}
.demo-access-card:nth-child(3) .demo-access-image img{object-fit:contain;padding:18px}
.demo-access-content{padding:38px clamp(30px,4vw,58px);justify-content:center;background:#fff}
.demo-access-card:nth-child(2) .demo-access-content{background:#e5eee6}
.demo-access-content>span{font-size:11px;margin-bottom:15px}
.demo-access-content h3{font-size:clamp(31px,3vw,43px);line-height:1.08;max-width:460px;margin-bottom:12px}
.demo-access-content p{font-size:14px;max-width:460px}
.demo-store-row{margin-top:8px;max-width:330px}
.demo-dashboard-link{margin-top:6px;max-width:280px}
/* Growth: large evidence visual, then a contrasting business case. */
.customer-growth{background:#fff}
.section-header{grid-template-columns:1fr .52fr}
.growth-container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.growth-left{display:contents}
.growth-right{grid-column:1/-1;grid-row:1;background:#f7faf7;padding:36px 55px 27px;min-height:380px;display:flex;flex-direction:column;align-items:center;border-color:#dce6dc}
.growth-right img{max-width:850px;max-height:400px;object-fit:contain}
.growth-caption{font-size:12px;margin-top:8px}
.growth-sub{grid-column:1/-1;grid-row:2;background:var(--deep);color:#eff8f2;padding:32px 38px;border-radius:8px;font-size:clamp(21px,2.2vw,31px);line-height:1.35;margin:0}
.growth-points{grid-row:3;margin:0;padding:31px 34px;border-radius:8px;background:#f5f0e9;border:1px solid #e8dacc;font-size:14px;color:#785f51;gap:15px}
.growth-points.good{background:#e3f0e8;border-color:#cfe2d5;color:#255948}
.growth-center-line{margin-top:28px}
.growth-center-line h3{font-size:clamp(26px,3vw,40px);max-width:970px}
/* Setup: alternating image and copy in a spacious timeline. */
.how-it-works{background:#f5eee5}
.steps{display:block;border-top:1px solid #d2c7b8}
.step-card{display:grid;grid-template-columns:70px minmax(0,1.04fr) minmax(0,.96fr);align-items:center;gap:25px;padding:26px 0;margin:0;border-right:0;border-bottom:1px solid #d2c7b8;min-height:360px}
.step-number{position:static;grid-column:1;grid-row:1;align-self:start;padding-top:14px;margin:0;font-size:15px}
.step-image{grid-column:2;grid-row:1;height:300px;margin:0;background:#fff;border:1px solid #e2dbd1;border-radius:8px;padding:10px}
.step-image img{width:100%;height:100%;max-height:none;object-fit:contain}
.step-copy{grid-column:3;grid-row:1;padding:20px clamp(8px,3vw,50px)}
.step-copy h3{font-size:clamp(29px,3.1vw,45px);line-height:1.07;max-width:470px;margin:0 0 16px}
.step-copy p{font-size:15px;line-height:1.7;max-width:470px}
.step-card:nth-child(even) .step-image{grid-column:3}
.step-card:nth-child(even) .step-copy{grid-column:2}
/* Why: a stark before/after followed by open proof lists. */
.ba-grid{gap:0 15px}
.ba-card{border-radius:8px;padding:40px}
.ba-card.before,.ba-card.after:nth-child(2){min-height:435px}
.ba-card.before{background:#142e37;border-color:#142e37;color:#fff}
.ba-card.before .ba-list{color:#d0ded7}
.ba-card.after:nth-child(2){background:#dcf0e5;border-color:#cce5d8}
.ba-card h3{font-size:clamp(27px,2.5vw,35px);margin-bottom:25px}
.ba-list{font-size:14px;gap:17px}
.ba-card:nth-child(n+3){background:transparent;border:0;border-top:1px solid #d6e3d8;border-radius:0;min-height:0;margin-top:25px;padding:31px 36px 18px 0}
.ba-card:nth-child(n+3) h3{font-size:28px}
.ba-highlight{margin-top:18px;padding:28px 31px}
.ba-highlight p{font-size:16px}
@media(max-width:900px){.demo-access-top{grid-template-columns:1fr;gap:12px}.demo-access-top .pricing-eyebrow{grid-column:1}.demo-access-card{grid-template-columns:1fr 1fr}.demo-access-card:nth-child(2){grid-template-columns:1fr 1fr}.demo-access-content{padding:25px}.demo-access-content h3{font-size:30px}.step-card{grid-template-columns:46px 1fr 1fr;gap:14px}.step-copy{padding:8px}.step-copy h3{font-size:30px}.step-copy p{font-size:13px}.growth-right{padding:26px}}
@media(max-width:650px){.demo-access-grid{gap:13px}.demo-access-card,.demo-access-card:nth-child(2){display:flex;flex-direction:column;min-height:0}.demo-access-card:nth-child(2) .demo-access-image{order:0}.demo-access-image{height:225px;min-height:0}.demo-access-card:nth-child(3) .demo-access-image img{padding:10px}.demo-access-content{padding:27px}.demo-access-content h3{font-size:30px}.growth-container{grid-template-columns:1fr}.growth-right{grid-column:1;grid-row:1;min-height:0;padding:17px}.growth-sub{grid-column:1;grid-row:2;font-size:23px;padding:25px}.growth-points{grid-row:auto;padding:23px;font-size:13px}.step-card{display:grid;grid-template-columns:40px 1fr;gap:10px;padding:20px 0;min-height:0}.step-number{grid-column:1;grid-row:1;padding-top:12px}.step-image,.step-card:nth-child(even) .step-image{grid-column:2;grid-row:1;height:205px}.step-copy,.step-card:nth-child(even) .step-copy{grid-column:2;grid-row:2;padding:7px 0 11px}.step-copy h3{font-size:30px}.step-copy p{font-size:14px}.ba-grid{gap:12px}.ba-card.before,.ba-card.after:nth-child(2){min-height:0}.ba-card{padding:27px}.ba-card:nth-child(n+3){margin-top:4px;padding:22px 0}.ba-card h3{font-size:27px}.ba-list{font-size:13px;gap:12px}}
.step-image img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain}
.step-image{position:relative}.step-image img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);max-width:none;max-height:none;object-fit:contain}
@media(max-width:900px){.section-header{grid-template-columns:1fr;gap:12px}.section-header::before{margin-bottom:0}}
.nav a[aria-current=page]{color:#ae5727}.nav a[aria-current=page]::after{content:"";display:block;height:2px;background:var(--orange);margin-top:6px}.header-cta{display:inline-flex!important}.site-footer .footer-brand{text-decoration:none}.site-footer .footer-brand::after{color:#eef6ef}.site-footer .site-route[aria-current=page]{color:#fff;font-weight:750}
@media(max-width:900px){.nav a[aria-current=page]::after{display:none}.site-header .header-cta{display:none!important}}
#site-header{position:sticky;top:0;z-index:100}
/* Use equal dark badge surfaces; the Google artwork has transparent padding. */
.demo-store-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:370px}
.demo-store-row a{height:54px;min-height:54px;padding:4px 8px;overflow:hidden;background:#050505;border-color:#050505;border-radius:7px}
.demo-store-row img{display:block;width:120px;height:40px;max-width:100%;object-fit:contain}
.demo-store-row .demo-store-link img{transform:scale(1.32)}
/* Every hero image is 3:2: match the frame so the full slide fills it. */
.phone-stack{height:auto;aspect-ratio:3/2;background:#161c27}
.phone-item img{object-fit:contain}
/* Match the first setup frame to its 3:2 source, keeping both phones intact. */
.step-card:first-child .step-image{height:auto;aspect-ratio:3/2;background:#161c27;padding:0;overflow:hidden}
.step-card:first-child .step-image img{inset:0;width:100%;height:100%;object-fit:contain}
/* Demo image one uses the same source proportions and dark surround. */
.demo-access-card:first-child .demo-access-image{background:#161c27}
.demo-access-card:first-child .demo-access-image img{object-fit:contain}
/* Keep both driver phones visible as the demo layout narrows. */
.demo-access-card:nth-child(2) .demo-access-image{position:relative;overflow:hidden;background:#f5f5f5}
.demo-access-card:nth-child(2) .demo-access-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:12px}
@media(max-width:900px){.demo-access-card:nth-child(2){grid-template-columns:1fr}.demo-access-card:nth-child(2) .demo-access-image{order:0;height:360px;min-height:0}.demo-access-card:nth-child(2) .demo-access-content{order:1}.demo-access-card:nth-child(2) .demo-access-image img{padding:8px}}
@media(max-width:650px){.demo-access-card:nth-child(2) .demo-access-image{height:260px}}

/* Homepage explainer and restored company example; styles scoped to this section. */
#customer-growth .tf-growth-layout{display:grid;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(32px,4.3vw,68px);align-items:center}
#customer-growth .tf-growth-copy{display:block;min-width:0;padding:0;background:none;border:0;border-radius:0;color:var(--ink)}
#customer-growth .tf-growth-copy .section-header{display:block;margin:0 0 20px}
#customer-growth .tf-growth-copy .section-header::before{margin:0 0 18px}
#customer-growth .tf-growth-copy .section-header h2{font-size:clamp(34px,3.2vw,47px);line-height:1.07;max-width:620px;margin:0 0 22px}
#customer-growth .tf-growth-copy .section-header p{font-size:16px;line-height:1.65;margin:0;color:var(--muted)}
#customer-growth .tf-growth-copy .growth-sub{display:block;padding:0;background:none;border:0;border-radius:0;color:var(--muted);font-size:15px;line-height:1.65;letter-spacing:0;margin:0 0 24px}
#customer-growth .tf-growth-copy .growth-points.good{display:grid;gap:11px;margin:0;padding:22px 0 0;background:none;border:0;border-top:1px solid var(--line);border-radius:0;color:#285e51;font-size:13px;line-height:1.5}
#customer-growth .tf-growth-copy .growth-points.good>div{display:flex;gap:10px;align-items:flex-start}
#customer-growth .tf-growth-copy .growth-points.good>div::before{content:"✓";display:inline-flex;align-items:center;justify-content:center;flex:0 0 19px;width:19px;height:19px;border-radius:50%;background:#e3f0e8;font-size:12px;font-weight:800;margin-top:1px}
#customer-growth .tf-growth-explainer{display:flex;grid-column:auto;grid-row:auto;min-width:0;min-height:0;padding:0;background:none;border:0;border-radius:0;align-items:stretch;justify-content:center}
#customer-growth .tf-growth-player{position:relative;overflow:hidden;border:1px solid #e0e6e1;border-radius:20px;background:#f6f4ef;box-shadow:0 20px 52px rgba(21,48,42,.07)}
#customer-growth .tf-growth-video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#f6f4ef;border:0;border-radius:0}
#customer-growth .tf-growth-explainer .growth-caption{font-size:11px;line-height:1.5;color:var(--muted);text-align:center;margin:13px 0 0}
#customer-growth .tf-growth-video-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:22px 0 0;margin:0;background:none;border:0;border-radius:0;color:var(--ink);font-size:12px;line-height:1.4}
#customer-growth .tf-growth-video-flow>div{display:flex;align-items:flex-start;gap:9px;min-width:0}
#customer-growth .tf-growth-video-flow svg{display:block;flex:0 0 22px;width:22px;height:22px;color:#538172}
#customer-growth .tf-growth-case{width:min(100%,var(--wrap));margin:64px auto 0;display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:20px 38px;align-items:center;padding:34px;background:#f7faf7;border:1px solid var(--line);border-radius:12px}
#customer-growth .tf-growth-case h3{font-size:clamp(25px,2.7vw,38px);line-height:1.12;margin:0 0 16px;overflow-wrap:anywhere}
#customer-growth .tf-growth-case p{font-size:15px;color:var(--muted);margin:0}
#customer-growth .tf-growth-case-visual{min-width:0;background:#fff;border-radius:9px;padding:15px 0}
#customer-growth .tf-growth-case img{display:block;width:100%;height:auto}
#customer-growth .tf-growth-case figcaption{grid-column:1/-1;color:var(--muted);font-size:12px;line-height:1.6;border-top:1px solid var(--line);padding-top:16px}
@media(max-width:980px){#customer-growth .tf-growth-layout{grid-template-columns:1fr;gap:32px}#customer-growth .tf-growth-copy{max-width:700px}#customer-growth .tf-growth-copy .section-header h2{font-size:clamp(36px,5vw,47px)}#customer-growth .tf-growth-explainer{max-width:800px;width:100%}#customer-growth .tf-growth-video-flow{font-size:13px}}
@media(max-width:850px){#customer-growth .tf-growth-case{grid-template-columns:1fr;padding:24px;gap:20px}#customer-growth .tf-growth-case-copy{max-width:640px}}
@media(max-width:650px){#customer-growth .tf-growth-copy .section-header h2{font-size:clamp(34px,9vw,43px);margin-bottom:18px}#customer-growth .tf-growth-copy .section-header p{font-size:15px}#customer-growth .tf-growth-copy .growth-sub{font-size:14px;margin-bottom:20px}#customer-growth .tf-growth-copy .growth-points.good{font-size:12px;padding-top:18px}#customer-growth .tf-growth-player{border-radius:14px}#customer-growth .tf-growth-video-flow{gap:12px;font-size:11px;padding-top:18px}#customer-growth .tf-growth-video-flow>div{flex-direction:column;gap:8px}#customer-growth .tf-growth-case{padding:20px 15px;margin-top:44px}#customer-growth .tf-growth-case h3{font-size:29px}#customer-growth .tf-growth-case-visual{padding:12px 0}}
/* End homepage explainer layout. */
#customer-growth .tf-growth-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;padding:0;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#12343cee;color:white;box-shadow:0 10px 32px #16313a30;cursor:pointer;transition:background .2s,box-shadow .2s}
#customer-growth .tf-growth-play:hover{background:#24534f;box-shadow:0 12px 36px #16313a40}
#customer-growth .tf-growth-play:focus-visible{outline:3px solid #ed8b47;outline-offset:5px}
#customer-growth .tf-growth-play svg{width:34px;height:34px}
#customer-growth .tf-growth-play[hidden]{display:none}