.section-pad-top-10 { padding-top: 10px; }
.section-pad-top-20 { padding-top: 20px; }
.btn-full { width: 100%; }
/* HTML width/height hints reserve layout space; CSS widths must keep image proportions. */
img { height: auto; }

@media (max-width: 640px) {
  .hero-grid, .split, .product-layout, .download-grid, .help-grid, .legal, .cookie-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .hero-grid > *, .split > *, .product-layout > *, .download-grid > *,
  .help-grid > *, .legal > *, .cookie-grid > * { min-width: 0; }
  .hero .eyebrow { letter-spacing: .12em; }
  .hero h1, .page-hero h1 { font-size: clamp(2.25rem, 10vw, 2.875rem); }
  .section h2 { font-size: clamp(2rem, 8vw, 2.375rem); }
  .character-card { grid-template-columns: 88px minmax(0, 1fr); }
  .character-card > * { min-width: 0; }
  .character-card h3 { font-size: 1.1875rem; }
}

/* Legal pages: contents list, tables, notes */
.legal-nav{margin:0 0 28px;padding:16px 20px;border:1px solid #e5e9f0;border-radius:12px;background:#f8fafc}
.legal-nav ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 20px}
.legal-nav a{overflow-wrap:anywhere}
.legal-content{overflow-wrap:anywhere}
.legal-content h2{font-size:28px}
.legal-content blockquote{margin:0 0 20px;padding:0 0 0 16px;border-left:4px solid #e5e9f0}
.legal-content code{font-size:.95em}
.table-wrap{margin:16px 0 24px}
.legal-content table{width:100%;border-collapse:collapse;font-size:15px;color:#566177}
.legal-content th,.legal-content td{padding:10px 12px;border:1px solid #e5e9f0;text-align:left;vertical-align:top}
.legal-content th{background:#f8fafc;color:#1c2433}
@media(max-width:700px){
  .legal-content thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .legal-content table,.legal-content tbody,.legal-content tr,.legal-content td{display:block;width:100%}
  .legal-content tr{margin:0 0 14px;border:1px solid #e5e9f0;border-radius:10px;overflow:hidden}
  .legal-content td{border:0;border-bottom:1px solid #eef1f6}
  .legal-content td::before{content:attr(data-label);display:block;font-weight:700;color:#1c2433;font-size:13px}
  .legal-content h2{font-size:24px}
}
.legal-hero h1{overflow-wrap:anywhere}
@media(max-width:480px){.legal-hero h1{font-size:clamp(26px,8vw,40px)}}

/* Mobile menu button: SVG hamburger (no font glyph dependency), >=48px target */
.mobile-toggle{width:48px;min-width:48px;height:48px;border-radius:12px;color:var(--ink)}
.mobile-toggle svg{fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.mobile-toggle .icon-close{display:none}
.mobile-toggle[aria-expanded="true"] .icon-menu{display:none}
.mobile-toggle[aria-expanded="true"] .icon-close{display:block}
.mobile-toggle:hover{background:var(--blue)}
@media (max-width: 980px){
  .nav.open .nav-links a{min-height:48px;font-size:17px}
}
/* Hero visual: never clip the person or the dashboard at the bottom on small screens */
@media (max-width: 980px){
  .hero{padding-bottom:56px}
  .hero-visual{margin-bottom:12px}
}
@media (max-width: 640px){
  .hero-person{bottom:0}
  .hero-visual{min-height:400px}
}
/* The foreman cut-out has a hard bottom edge: fade it out instead of showing a cropped rectangle */
.hero-person{-webkit-mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 99%);mask-image:linear-gradient(180deg,#000 0,#000 78%,transparent 99%)}
@media (max-width: 980px){ .hero-person{left:0} }
/* Scribble caption sits above the dashboard card instead of covering its heading */
@media (min-width: 981px){ .hero-visual .scribble{top:-14px;right:6%} }
.icon svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width: 640px){
  .footer-links a,.footer-nav a,footer nav a{display:inline-flex;align-items:center;min-height:44px}
}
.footer-meta{color:#566177}

/* ---- Home polish (design 91, round 2) ---- */
.eyebrow{color:#4a5775}
.benefit p,.feature-card p,.character-card p,.form-note{color:#4f5b72}
.form-note{font-size:14px;line-height:1.5}
.footer-links{font-size:16px;color:#3f4a60;gap:6px 26px}
.footer-links a{display:inline-flex;align-items:center;min-height:44px}
.footer-meta{font-size:14px;color:#4f5b72}
.feature-card p,.benefit p{font-size:16px}
.price small{color:#4f5b72}
/* Hero: calm background, larger dashboard, mascot anchored to the bottom edge */
.hero{background:linear-gradient(90deg,#fff 0%,#fff 40%,#f3f8fd 70%,#e8f2fd 100%);padding:64px 0 52px}
.hero:after{opacity:.09;filter:saturate(.6)}
.hero-grid{grid-template-columns:.86fr 1.14fr;gap:24px}
.hero-visual{min-height:600px}
.hero-app{width:86%;top:70px;right:0}
.hero-person{width:40%;left:-4%;bottom:0}
.hero-visual .scribble{top:8px;right:4%}
.micro-trust{display:grid;gap:8px;font-size:15px;color:#46526a}
.micro-trust span:before{margin-right:9px}
/* Trust strip as three calm cards, no stray hairlines */
.benefits{padding:36px 0;background:#fff;border-top:0}
.benefit-grid{gap:20px}
.benefit{border:1px solid var(--line);border-radius:20px;padding:22px 24px;background:#fbfcfe}
/* Sections: tighter rhythm, balanced columns */
.section{padding:84px 0}
.split{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:56px}
.split>img:first-child{order:0}
.section-copy{max-width:none;font-size:18px;color:#4a566d}
.section .check-list{margin:22px 0 0}
.section .check-list div{font-weight:650;color:#1c2a45}
.section-warm .split{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)}
/* Prompt suggestions as clear, tappable chips */
.prompt{display:flex;align-items:center;gap:14px;min-height:56px;padding:10px 18px 10px 12px;border:1px solid #d6deec;border-radius:999px;font-weight:650;font-size:17px;color:var(--ink);background:#fff;transition:.2s ease}
.prompt:hover{border-color:var(--orange);box-shadow:0 10px 26px rgba(179,71,0,.12);transform:translateY(-1px)}
.prompt-ic{width:36px;height:36px;border-radius:50%;background:#fff3e9;color:var(--orange);display:grid;place-items:center;flex:none}
.prompt-ic svg{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round}
.prompt-t{flex:1}
.prompt-go{color:var(--orange);font-weight:800}
.prompt-list{margin:24px 0 18px}

@media (max-width:980px){
  .hero-grid,.split,.section-warm .split{grid-template-columns:minmax(0,1fr)}
  .hero{padding:36px 0 40px;background:linear-gradient(180deg,#fff 0%,#f3f8fd 100%)}
  .hero-visual{min-height:0;margin:8px 0 56px}
  .hero-app{position:relative;top:auto;right:auto;width:100%;display:block}
  .hero-person{width:38%;left:auto;right:-2%;bottom:-48px}
  .hero-visual .scribble{display:none}
  .split{gap:30px}
  .section{padding:64px 0}
  .benefit{padding:18px 20px}
}
@media (max-width:640px){
  .hero-person{width:40%;right:-3%;bottom:-44px}
  .hero-actions .btn{flex:1 1 100%}
  .hero-actions .btn-secondary{flex:1 1 100%}
  .feature-card{display:grid;grid-template-columns:48px 1fr;column-gap:14px;align-items:center;padding:14px 16px}
  .feature-card .icon{grid-row:1/3}
  .feature-card h3{margin:0}
  .feature-card p{margin:0}
  .feature-row{gap:10px;margin-top:20px}
  .section .btn-primary{width:100%}
  .prompt{font-size:16px}
  .footer-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;width:100%}
  .footer-meta{font-size:14px}
  .cta-inner .btn{width:100%}
}
@media (max-width:640px){.footer-links a:last-child:nth-child(odd){grid-column:1/-1}}

/* ---- Home polish (design 91, round 3) ---- */
/* Hero: calm gradient (no photo band with a hard bottom edge) */
.hero{background:linear-gradient(180deg,rgba(255,255,255,0) 70%,#fff 100%),linear-gradient(100deg,#fff 0%,#fff 42%,#f1f7fe 100%)}
.hero:after{display:none}
.hero-visual{min-height:0;padding-bottom:37%}
.hero-app{position:relative;right:auto;top:auto;width:100%;display:block}
.hero-person{left:auto;right:3%;bottom:0;width:31%;max-width:230px}
.hero-visual .scribble,.hero-visual .scribble{right:auto;top:auto;left:auto;right:40%;bottom:clamp(40px,5vw,70px);font-size:clamp(22px,2.2vw,28px);color:#0b204b;transform:rotate(-4deg)}
.hero{padding-top:64px}
.lead{color:#47536a}
.micro-trust{color:#3f4b62;font-size:15px;gap:10px 22px}
.section-copy{color:#46526a}
.eyebrow{color:#44506a}
@media (max-width:980px){
  .hero-visual{padding-bottom:44%}
  .hero-person{right:4%;left:auto;width:36%;bottom:0}
  .hero-visual .scribble{display:block;left:4%;right:auto}
}
@media (max-width:640px){
  .hero{padding-bottom:8px}
  .hero-visual{margin-top:18px;padding-bottom:47%}
  .hero-app{width:100%;aspect-ratio:13/10;object-fit:cover;object-position:100% 0}
  .hero-person{width:38%;right:2%;max-width:none}
  .hero-visual .scribble{display:block;font-size:21px;left:3%;right:auto;top:auto;bottom:12%}
  .hero{padding-top:36px}
  .micro-trust{font-size:15px}
  .benefits{padding:28px 0;background:#f1f5fb;border-color:#d5dce8}
  .benefit{background:#fff;border:1px solid #cfd8e6;border-radius:16px;padding:18px;margin-bottom:12px;box-shadow:0 2px 8px rgba(15,27,61,.05)}
  .benefit:last-child{margin-bottom:0;border-bottom:1px solid #cfd8e6}
  .benefit p{color:#46526a}
  .section{padding:56px 0}
  .section-soft{background:#f6f8fc}
}
.prompt{border-color:#cfd8e6}
.feature-card,.character-card{border-color:#d5dce8}
.benefit{border-color:#d5dce8}

/* Be om pilot */
.price-sub{margin:6px 0 0;color:#39445c;font-weight:650}
.pilot-form{scroll-margin-top:96px}
.pilot-form h2{margin:0 0 6px}
.pilot-form .form{margin-top:18px}
.pilot-form textarea.input{min-height:96px;resize:vertical;font:inherit}
.pilot-form .input[aria-invalid="true"]{border-color:#a61b1b}
.pilot-form .field-hint{margin:6px 0 0;font-size:14px;color:#4f5b72}
.pilot-form .hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.pilot-form .consent-label{display:flex;gap:12px;align-items:flex-start;font-weight:600;line-height:1.5;margin:0}
.pilot-form .consent-label input{flex:none;width:24px;height:24px;margin:2px 0 0;accent-color:#b34700}
.pilot-form .consent-label a{color:#8a3600;text-decoration:underline}
.pilot-form .btn:focus-visible,.pilot-form .input:focus-visible,.pilot-form .consent-label input:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}
.pilot-form .btn{min-height:48px}

/* W1 conversion rewrite (2026-10-29): pain, steps with real phone screens, calculator, FAQ, referral note */
.pain-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}
.pain{padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff}
.pain h3{margin:0 0 8px;font-size:20px}
.pain p{margin:0;color:var(--ink2)}
.steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.step{display:flex;flex-direction:column;gap:18px}
.step h3{margin:6px 0 6px;font-size:21px}
.step p{margin:0;color:var(--ink2)}
.step-n{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800}
.phone-shot{margin:0;max-width:300px;width:100%;justify-self:center;align-self:center}
.phone-shot img{width:100%;border-radius:30px;border:8px solid #0b1324;box-shadow:var(--shadow);background:#fff}
.phone-shot figcaption{margin-top:12px;font-size:15px;color:var(--ink2)}
.step .phone-shot{max-width:260px}
.shot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:28px}
.center-link{margin:28px 0 0;text-align:center;font-weight:700;color:var(--orange)}
.feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}
.feature-list>div{padding:22px;border-radius:18px;background:#fff;border:1px solid var(--line)}
.feature-list h3{margin:0 0 6px;font-size:19px}
.feature-list p{margin:0;color:var(--ink2)}
.calc-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.calc{display:grid;gap:14px;padding:26px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.calc .input{font-size:18px}
.calc-result{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;padding:18px;border-radius:16px;background:var(--warm)}
.calc-result strong{font-size:clamp(32px,7vw,44px);line-height:1.1;color:#14532d}
.calc-label{color:var(--ink2);font-weight:650}
.calc-compare{flex-basis:100%;margin:0;font-weight:700}
.calc-formula{margin:0}
.faq-wrap{max-width:860px}
.faq-list{margin-top:20px;border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-item summary{display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:56px;padding:14px 0;font-weight:750;font-size:18px;cursor:pointer;list-style:none}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";flex:none;font-size:26px;line-height:1;color:var(--orange);font-weight:500}
.faq-item[open] summary::after{content:"–"}
.faq-a{padding:0 0 18px;color:var(--ink2)}
.faq-a p{margin:0}
.faq-a a{color:var(--orange);text-decoration:underline}
.ref-note{display:inline-block;margin:18px auto 0;padding:12px 16px;border-radius:12px;background:#ecfdf3;color:#14532d;font-weight:650}
.ref-note[hidden]{display:none}
.pricing-card .btn-secondary{margin-top:10px}
@media (max-width:980px){
  .steps,.pain-grid,.feature-list{grid-template-columns:minmax(0,1fr)}
  .shot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-wrap{grid-template-columns:minmax(0,1fr);gap:20px}
  .step{display:grid;grid-template-columns:minmax(0,1fr);}
}
@media (max-width:640px){
  .shot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
  .phone-shot img{border-width:6px;border-radius:24px}
  .step .phone-shot{max-width:240px}
  .faq-item summary{font-size:17px}
}
.hero h1{font-size:clamp(40px,4.4vw,62px);line-height:1.05}
.faq-wrap{margin-inline:auto}
@media (max-width:640px){.hero h1{font-size:clamp(2.1rem,9.4vw,2.6rem)}}
.hero-visual{position:relative}
.illus-tag{position:absolute;left:10px;top:10px;z-index:3;padding:4px 10px;border-radius:999px;background:rgba(7,20,49,.72);color:#fff;font-size:12px;font-weight:700;letter-spacing:.02em}
.who-note{margin-top:8px;color:var(--muted);font-size:14px}
/* Round 3: label sits in the dashboard's top-right corner (not over its logo); phone hero has no empty band */
.illus-tag{left:auto;right:12px;top:82px}
.hero-money{margin:14px 0 0;font-size:15px;color:#46526a}
.hero-money strong{color:var(--ink)}
@media (max-width:980px){
  .illus-tag{top:8px;right:8px}
  .hero-visual{min-height:0;margin:8px 0 24px}
  .hero-visual .scribble{display:none}
  .hero-person{width:30%;right:-2%;bottom:-24px}
}
@media (min-width:981px){ .illus-tag{top:auto;bottom:18px;right:auto;left:12px} }
@media (max-width:640px){
  .hero-visual{min-height:0;margin:8px 0 28px}
  .hero-person{position:absolute;width:24%;right:-1%;bottom:-22px;top:auto;left:auto}
}
.hero-app-box{position:relative;display:block}

.hero-app-box .illus-tag{top:auto;left:auto;right:12px;bottom:12px}
@media (max-width:640px){
  .hero-visual{padding-bottom:14%}
  .hero-person{bottom:-10px}
}
@media (max-width:980px){ .hero-app-box .illus-tag{top:8px;bottom:auto;right:8px} }

/* Links inside running text must look like links (hjelp, logg-inn). */
.section-copy a,.form-note a{text-decoration:underline;text-underline-offset:2px}
/* Trust (2026-11-01): "Hvem står bak" band on home, /om-oss/ facts, desktop screenshot on /produkt */
.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.trust-card{display:flex;flex-direction:column;gap:10px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.trust-card h3{margin:0;font-size:19px}
.trust-card p{margin:0;color:var(--ink2);flex:1}
.trust-card a{font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.about-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.about-card h2{margin-top:0}
.about-card .check-list{margin:14px 0 18px}
.about-card a:not(.btn){color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.fact-list{margin:0 0 14px;display:grid;gap:0}
.fact-list>div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.fact-list dt{font-weight:700;color:#1c2a45}
.fact-list dd{margin:0;color:var(--ink2)}
.desk-shot{margin:28px 0 0}
.desk-shot img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:0 18px 50px rgba(10,20,40,.14)}
.desk-shot figcaption{margin-top:12px;font-size:15px;color:var(--ink2)}
.footer-meta a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:620px){.trust-grid{grid-template-columns:minmax(0,1fr)}.fact-list>div{grid-template-columns:minmax(0,1fr);gap:2px}}
.about-hero .lead{margin-inline:0}
.about-card h2{font-size:clamp(26px,2.6vw,32px);letter-spacing:-.02em;margin-bottom:14px}
.about-grid .pricing-secondary{margin-top:0}
.trust-card h3{font-size:18px}
.hero-who{margin:14px 0 0;font-size:15px;color:var(--ink2)}
.hero-who a{font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.about-wide{grid-column:1/-1}
.about-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.about-cols h3{margin:0 0 4px;font-size:18px}
.note-list{margin:14px 0 0;padding-left:20px;display:grid;gap:10px;color:var(--ink2)}
.next-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.next-steps li{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}
.next-steps h3{margin:10px 0 6px;font-size:19px}
.next-steps p{margin:0;color:var(--ink2)}
.desk-shot figcaption a{font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px}
@media (max-width:980px){.about-cols,.next-steps{grid-template-columns:minmax(0,1fr)}}
#stotte .check-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
@media (max-width:980px){#stotte .check-list{grid-template-columns:minmax(0,1fr)}}
.desk-shot img{max-width:1024px}
/* BACKLOG 27 (2026-11-01): one self-serve path, also on the phone (FIRSTRUN-1) */
.nav-cta-short{display:none}
.nav-links .nav-signup{display:none}
@media(max-width:980px){.nav.open .nav-links .nav-signup{display:inline-flex;justify-content:center;margin-top:6px;padding:12px 18px;border-radius:12px;background:var(--orange);color:#fff;font-weight:800}}
@media(max-width:640px){
  .nav-actions{display:flex;order:2;margin-left:auto;margin-right:4px}
  .mobile-toggle{order:3}
  .nav-actions .btn-primary{min-height:44px;padding:10px 14px;font-size:15px;box-shadow:none;white-space:nowrap}
  .brand img{width:150px}
  .nav-cta-long{display:none}.nav-cta-short{display:inline}
}
@media(max-width:370px){.brand img{width:132px}.nav-actions .btn-primary{padding:10px 11px;font-size:14px}}
/* Owner decision 2026-10-15: above 640 px the hero is the illustration and the real screens are the band under it; at <=640 px the hero shows the real phones */
.hero-proof{display:none}
.real-screens{padding:40px 0 48px;background:#f6f9fd;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.real-screens h2{margin:6px 0 22px;font-size:clamp(26px,3.2vw,36px);line-height:1.15}
.real-screens-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.55fr);gap:28px;align-items:start}
.real-screens figure{margin:0}
.real-screens img{display:block;width:100%;height:auto;background:#fff}
.real-phone img{border-radius:22px;border:6px solid #0b1324;box-shadow:0 14px 34px rgba(10,20,40,.2)}
.real-desk img{border-radius:14px;border:1px solid var(--line);box-shadow:0 14px 34px rgba(10,20,40,.14)}
.real-screens figcaption{margin-top:10px;font-size:15px;font-weight:700;color:var(--ink)}
.real-cap{margin:18px 0 0;font-size:14px;line-height:1.45;color:#5b6679}
@media(max-width:980px){.real-screens-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.real-desk{grid-column:1/-1}}
.proof-phone{position:absolute;left:0;bottom:34px;width:31%;max-width:220px;margin:0;z-index:2}
.proof-phone img{display:block;width:100%;height:auto;border-radius:26px;border:7px solid #0b1324;box-shadow:0 20px 50px rgba(10,20,40,.28);background:#fff}
.proof-phone figcaption{display:none;margin-top:8px;font-size:14px;font-weight:700;color:var(--ink);text-align:center}
.proof-phone-owner{display:none}
.proof-n{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:6px;border-radius:50%;background:var(--orange);color:#fff;font-size:13px;font-weight:800}
.proof-cap{grid-column:1/-1;margin:14px 0 0 auto;max-width:88%;font-size:13px;line-height:1.45;color:#5b6679;text-align:right}
@media(max-width:640px){
  .hero-visual,.real-screens{display:none}
  .hero-proof{display:grid;position:relative;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
  .proof-phone,.proof-phone-owner{display:block;position:static;width:100%;max-width:none}
  .proof-phone figcaption{display:block}
  .proof-phone img{border-width:5px;border-radius:20px;aspect-ratio:780/1300;object-fit:cover;object-position:top}
  .proof-cap{margin:2px 0 0;max-width:none;text-align:left}
}
/* /last-ned/: real phone + desktop */
.device-pair{position:relative;display:grid;grid-template-columns:1fr}
.device-pair .device-desk{margin:0;width:86%;justify-self:end}
.device-pair .device-phone{position:absolute;left:0;bottom:40px;width:30%;max-width:210px;margin:0;z-index:2}
.device-pair .device-phone img{border-width:6px;border-radius:24px}
.device-pair .device-phone figcaption,.device-pair .device-desk figcaption{font-size:14px}
.device-pair .device-desk figcaption{text-align:right}
@media(max-width:640px){
  .device-pair{grid-template-columns:1fr}
  .device-pair .device-desk{width:100%}
  .device-pair .device-phone{position:static;width:62%;max-width:240px;justify-self:center;margin-bottom:18px;order:-1}
  .device-pair .proof-cap{text-align:left;max-width:none}
}
.price-vat{margin:4px 0 10px;font-size:15px;color:var(--ink2)}
.price small{white-space:nowrap}
@media(min-width:981px){.hero-grid{grid-template-rows:auto 1fr;row-gap:0}.hero-grid>.hero-visual{grid-column:2;grid-row:1/span 2}.hero-grid>.hero-extra{grid-column:1;grid-row:2}}
@media(max-width:640px){.hero .micro-trust{gap:4px;font-size:14px}.hero-extra{margin-top:18px}}
.page-hero:not(.center) .lead{margin-left:0;margin-right:0}
.pricing-secondary h2{font-size:clamp(26px,3.2vw,36px);line-height:1.15}
.price-data-note{margin:14px 0 16px;padding:12px 14px;border-radius:12px;background:#fff6e3;border:1px solid #f1deb0;font-size:15px;line-height:1.45;color:var(--ink2)}
.price-data-note a{font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px}

/* B38 timepris calculator */
.tp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.tp-layout[hidden]{display:none}
.tp-inputs,.tp-result{min-width:0}
.tp-h2{margin:0;font-size:24px}
.tp-sub{margin:8px 0 0;font-size:18px}
.tp-hint{margin:6px 0 0;font-size:14px;line-height:1.45;color:#4f5b72}
.tp-check label{display:flex;gap:10px;align-items:center;font-weight:650;min-height:44px}
.tp-check input{width:22px;height:22px;flex:none}
.tp-big{flex-direction:column;align-items:flex-start;gap:4px}
.tp-prices{display:grid;gap:4px;margin:6px 0}
.tp-row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}
.tp-row strong{white-space:nowrap}
.tp-row[hidden]{display:none}
.tp-total{border-bottom:0;font-size:18px}
.tp-formula{padding-left:22px;display:grid;gap:10px}
.tp-print-only{display:none}
@media(max-width:820px){.tp-layout{grid-template-columns:minmax(0,1fr)}}
@media print{
  .site-header,.site-footer,.skip-link,.tp-noprint,.faq-list,#sporsmal,[data-js-only],.page-hero .lead{display:none!important}
  .tp-print-only{display:block!important}
  body{background:#fff}
  .tp-layout{grid-template-columns:1fr 1fr;gap:16px}
  .calc,.calc-result{box-shadow:none;border:1px solid #999;background:#fff}
  .reveal{opacity:1!important;transform:none!important}
}
.btn[hidden]{display:none}

/* BACKLOG 271: above 640 px the first screen shows the real app (hero-godkjenn-pc + meld-ekstra, Hansen VVS sample firm), labelled as sample data.
   The foreman stays as the owner's hero but sits beside the product, never over it. */
.hero-real-phone{display:none}
@media (min-width:641px){
  .hero-visual{min-height:0;padding-bottom:0;margin:8px 0 104px}
  .hero-visual .hero-app-box{width:80%;margin-left:20%}
  .hero-visual .hero-app{position:static;width:100%;height:auto;aspect-ratio:1020/836;object-fit:cover;object-position:0 0;border-radius:14px;border:1px solid var(--line);box-shadow:0 24px 60px rgba(10,20,40,.18)}
  .hero-visual .hero-app-box .illus-tag{position:static;display:inline-block;margin:10px 0 0;padding:5px 12px;font-size:13px;left:auto;right:auto;top:auto;bottom:auto}
  .hero-visual .hero-real-phone{display:block;position:absolute;left:0;top:14%;width:23%;height:auto;aspect-ratio:780/1500;object-fit:cover;object-position:top;border-radius:20px;border:5px solid #0b1324;box-shadow:0 20px 50px rgba(10,20,40,.3);background:#fff;z-index:2}
  .hero-visual .hero-person{position:absolute;left:auto;right:0;bottom:-112px;top:auto;width:22%;max-width:165px;z-index:1}
  .hero-visual .scribble{display:block;position:absolute;left:0;right:auto;top:auto;bottom:8px;font-size:clamp(18px,1.9vw,25px);line-height:1.1;transform:rotate(-4deg)}
}
@media (min-width:641px) and (max-width:980px){
  .hero-visual{padding-bottom:150px;margin-bottom:24px}
  .hero-visual .hero-person{width:22%;bottom:0}
  .hero-visual .scribble{display:none}
}

/* BACKLOG 272: the contact line is the first thing in the footer, so the e-mail link is on screen when the footer opens on a phone */
.footer-contact{margin:0 0 22px;padding:14px 16px;border-radius:14px;background:#fff6e3;border:1px solid #f1deb0}
.footer-contact p{margin:0;font-size:16px;line-height:1.5;color:var(--ink)}
.footer-contact a{font-weight:700;color:var(--orange);text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}