@font-face{font-family:Schibsted;src:url('../fonts/schibsted-grotesk-latin.woff2') format('woff2');font-display:swap}

:root{--ink:#17243d;--muted:#637087;--paper:#fcfcf9;--line:#dedfe5;--lilac:#e8e0f7;--lime:#d9ef91;--green:#244a37;--radius:22px}

*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Schibsted,Arial,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline;text-underline-offset:4px}
button,input,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:default}
img{display:block;max-width:100%}
h1,h2,h3,p{margin:0}
h1,h2,h3{line-height:1.1;letter-spacing:-.045em}
h1{font-size:clamp(44px,5.8vw,78px);font-weight:650}
h2{font-size:clamp(32px,3.9vw,52px);font-weight:650}
h3{font-size:24px;font-weight:650}
p{color:var(--muted)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #8971c1;outline-offset:5px}
section[id]{scroll-margin-top:24px}
.wrap{width:min(1160px,calc(100% - 64px));margin:auto}
.masthead{display:flex;align-items:center;gap:30px;padding:28px 0}
.brand{font-size:21px;letter-spacing:-.055em;font-weight:700;display:flex;align-items:center;gap:8px}
.masthead nav{display:flex;gap:27px;margin-left:auto;font-size:13px}
.masthead .contact{padding:10px 17px;border:1px solid var(--line);border-radius:30px;font-size:13px}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:650;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
.eyebrow .dot{display:inline-block;width:7px;height:7px;background:#6b9974;border-radius:50%;margin-right:9px}
.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:57px 0 70px}
.hero-copy h1{max-width:630px}
.hero-copy h1 .accent{color:#8a74ac}
.hero-copy>p:not(.eyebrow):not(.fine){font-size:18px;line-height:1.6;max-width:465px;margin-top:24px}
.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:13px 21px;background:var(--ink);color:white;font-size:13px;font-weight:550;border:1px solid var(--ink);border-radius:30px;text-decoration:none!important;transition:transform .15s}
.button:hover{transform:translateY(-2px)}
.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}
.text-link{font-size:13px;font-weight:600}
.fine{font-size:11px;margin-top:13px}
.portfolio-art{background:var(--lilac);border-radius:var(--radius);min-height:395px;position:relative;padding:37px 30px;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden}
.portfolio-art:before{content:'';position:absolute;width:230px;height:230px;border:1px solid #c8b8e0;border-radius:50%;right:-87px;top:-84px}
.portfolio-art:after{content:'';position:absolute;width:120px;height:120px;border:1px solid #c8b8e0;border-radius:50%;left:-45px;bottom:-53px}
.art-label{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#7a648f;text-align:center;margin-bottom:1px}
.mini-app{display:flex;align-items:center;gap:17px;background:white;border:1px solid #ded7e7;border-radius:15px;padding:22px;position:relative;z-index:1;box-shadow:0 12px 25px #57407509}
.mini-app:nth-child(2){margin-right:28px;transform:rotate(-3deg)}
.mini-app:nth-child(3){margin-left:28px;transform:rotate(3deg)}
.mini-app-coming{margin-right:12px;transform:rotate(-1deg)}
.mini-app img{width:47px;border-radius:12px;flex-shrink:0}
.mini-app>div{min-width:0;flex:1}
.mini-app strong{display:block;letter-spacing:-.04em;font-size:22px}
.mini-app strong small{font-size:11px;font-weight:500;letter-spacing:0}
.mini-app span{display:block;font-size:11px;color:var(--muted)}
.mini-app .mini-arrow{margin-left:auto;font-size:24px;color:var(--ink);flex-shrink:0}
.art-caption{text-align:center;font-size:11px;color:#7a648f;margin-top:7px}
.benefit-rail{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:24px}
.benefit-rail div{font-size:12px}
.section{padding:76px 0}
.section-top{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:33px}
.section-top p{max-width:330px;font-size:14px}
.section-top .eyebrow{margin-bottom:13px}
.app-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.app-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:white;display:flex;flex-direction:column}
.card-visual{height:233px;background:#ede7f6;display:flex;align-items:center;justify-content:center;padding:25px}
.card-visual.green{background:#e6eedf}
.card-copy{padding:31px}
.app-title{display:flex;align-items:center;gap:14px}
.app-title img{width:46px;border-radius:11px}
.app-title small{font-size:11px;color:var(--muted);display:block;margin-top:4px;letter-spacing:0}
.card-copy p{font-size:14px;max-width:420px;margin-top:20px}
.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding-top:24px;margin-top:27px}
.card-bottom small{font-size:11px;color:var(--muted)}
.card-bottom a{font-size:13px;font-weight:600}
.app-card-coming{grid-column:1 / -1;display:grid;grid-template-columns:.82fr 1.18fr;background:#fffaf4}
.card-visual.packaging{position:relative;min-height:335px;height:100%;padding:0;margin:0;overflow:hidden;background:#e8d2ba}
.studio-photograph{width:100%;height:100%;object-fit:cover;object-position:73% center}
.app-card-coming .card-copy{padding:31px 35px}
.app-card-coming .app-title{gap:12px;flex-wrap:wrap}
.app-card-coming .app-title img{width:42px}
.app-card-coming h3{font-size:22px}
.app-suffix{font-size:12px;font-weight:500;letter-spacing:0}
.coming-badge{margin-left:auto;padding:5px 10px;border:1px solid #e3cdbf;border-radius:30px;color:#92634e;font-size:10px;white-space:nowrap}
.app-card-coming h4{font-size:28px;font-weight:550;line-height:1.16;letter-spacing:-.04em;margin:24px 0 0;color:#665146}
.app-card-coming .card-copy p{margin-top:14px;max-width:500px}
.app-card-coming .card-bottom{border-color:#e9ded4;margin-top:23px;padding-top:21px}
.survey-mini{width:290px;background:white;padding:22px;border-radius:13px;box-shadow:0 12px 30px #3523430c;transform:rotate(-3deg)}
.survey-mini .question{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:15px}
.survey-mini .answer{font-size:11px;border:1px solid #e3deeb;border-radius:6px;margin-top:6px;padding:7px 10px;color:var(--muted);display:flex;gap:8px;align-items:center}
.survey-mini .answer:before{content:'';width:10px;height:10px;border-radius:50%;border:1px solid #c0b1d4}
.survey-mini .answer.selected{border-color:#a396b5;background:#f6f0ff}
.survey-mini .answer.selected:before{background:#9b86b5;box-shadow:inset 0 0 0 2px white}
.survey-mini .demo-label{font-size:9px;color:#8b789c;margin-top:13px}
.shipping-mini{width:310px;background:white;border:1px solid #d2dfcd;padding:22px;border-radius:13px;box-shadow:0 12px 30px #244a370c;transform:rotate(3deg)}
.shipping-mini>div{display:flex;align-items:center;justify-content:space-between;font-size:11px;gap:10px;padding:10px 0;border-bottom:1px solid #edf0e9}
.shipping-mini strong{font-size:12px;color:var(--green)}
.shipping-mini .tag{background:#ebf1e2;color:#36523c;padding:3px 8px;border-radius:5px;font-size:10px}
.shipping-mini .validation{border:0;font-size:10px;color:#36523c;display:block;padding-bottom:0}
.pricing-preview{background:var(--ink);color:white;border-radius:var(--radius);padding:43px;display:grid;grid-template-columns:1fr 1.3fr;gap:55px}
.pricing-preview h2{font-size:37px}
.pricing-preview p{color:#abb6c9;font-size:14px;margin-top:17px}
.price-rows{display:grid;gap:0}
.price-row{display:grid;grid-template-columns:minmax(0,1fr) 7rem;gap:12px;padding:17px 0;border-bottom:1px solid #3b4760}
.price-row:first-child{padding-top:0}
.price-row:last-child{border:0;padding-bottom:0}
.price-row strong{font-size:16px}
.price-summary{text-align:right;white-space:nowrap}
.price-row span{display:block;font-size:16px;text-align:right}
.price-row small{display:block;font-size:11px;color:#b7c0d0;margin-top:7px}
.price-row .annual{font-size:10px;color:#b7c0d0}
.price-row-coming{grid-template-columns:minmax(0,1fr) 8rem}
.price-row-coming .price-summary span{font-size:12px;color:#d9cce9;margin-top:3px}
.price-row-coming .price-summary a{display:inline-block;font-size:10px;color:#b7c0d0;margin-top:8px}
.support-band{display:flex;align-items:center;justify-content:space-between;padding:0 0 70px;gap:35px}
.support-band h2{font-size:29px}
.support-band p{font-size:14px;margin-top:14px}
.footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;align-items:flex-start;gap:30px}
.footer p{font-size:11px;margin-top:12px}
.footer nav{display:flex;gap:24px;flex-wrap:wrap;font-size:11px;padding-top:5px}
.compact{padding-top:0}

@media(max-width:900px){.wrap{width:min(1160px,calc(100% - 40px))}
.hero{gap:30px;padding-top:35px}
.portfolio-art{min-height:350px;padding:25px 20px}
.mini-app{padding:17px;gap:10px}
.mini-app img{width:37px}
.mini-app strong{font-size:18px}
.app-card-coming{grid-template-columns:.8fr 1.2fr}
.app-card-coming .card-copy{padding:27px}
.app-card-coming .app-title{gap:10px}
.coming-badge{margin-left:0}
.pricing-preview{gap:30px;padding:32px}
.section{padding:60px 0}
}

@media(max-width:650px){html{scroll-padding-top:16px}
.wrap{width:calc(100% - 36px)}
.masthead{padding:23px 0;gap:15px}
.brand{font-size:20px}
.masthead nav{gap:16px;font-size:11px}
.masthead .contact{display:none}
.masthead nav a:last-child{display:none}
.hero{grid-template-columns:1fr;padding:29px 0 43px;gap:34px}
.hero-copy h1{font-size:53px;letter-spacing:-.05em}
.eyebrow{font-size:10px;margin-bottom:17px}
.hero-copy>p:not(.eyebrow):not(.fine){font-size:16px;margin-top:23px}
.actions{gap:16px;margin-top:27px}
.button{padding:12px 19px;font-size:12px}
.portfolio-art{min-height:319px;padding:28px 26px}
.mini-app{padding:18px;gap:13px}
.mini-app strong{font-size:21px}
.mini-app img{width:42px}
.mini-app:nth-child(2){margin-right:17px}
.mini-app:nth-child(3){margin-left:17px}
.mini-app-coming{margin-right:8px}
.benefit-rail{grid-template-columns:1fr;gap:14px;padding:22px 0}
.benefit-rail div{font-size:11px}
.section{padding:45px 0}
.section-top{display:block;margin-bottom:26px}
.section-top h2{font-size:36px}
.section-top>p{font-size:13px;margin-top:17px}
.app-grid{grid-template-columns:1fr;gap:20px}
.app-card-coming{display:flex}
.card-visual.packaging{height:245px;min-height:0}
.app-card-coming .card-copy{padding:25px}
.app-card-coming h4{font-size:29px;margin-top:24px}
.app-card-coming .app-title{gap:12px}
.coming-badge{margin-left:auto}
.card-visual{height:210px}
.card-copy{padding:25px}
.card-copy p{font-size:13px}
.card-bottom{padding-top:21px;margin-top:23px}
.pricing-preview{grid-template-columns:1fr;padding:29px;gap:28px}
.pricing-preview h2{font-size:35px}
.pricing-preview p{font-size:12px;margin-top:16px}
.price-row{padding:19px 0}
.price-row strong,.price-row span{font-size:14px}
.price-row small{font-size:10px}
.support-band{display:block;padding-bottom:42px}
.support-band h2{font-size:29px}
.support-band p{font-size:13px;margin-top:13px}
.support-band .button{margin-top:23px}
.footer{display:block;padding-bottom:30px}
.footer nav{padding-top:23px;gap:19px}
.compact{padding-top:0}
}

@media(max-width:380px){.app-card-coming .app-title{gap:10px}
.portfolio-art{padding:25px 18px}
.mini-app{padding:15px;gap:10px}
.mini-app img{width:36px}
.mini-app strong{font-size:19px}
.mini-app .mini-arrow{font-size:21px}
.app-card-coming h3{font-size:20px}
.coming-badge{margin-left:0}
.card-bottom{gap:12px;flex-wrap:wrap}
.price-row-coming{grid-template-columns:minmax(0,1fr) 7rem}
}


.skip-link{position:absolute;top:12px;left:12px;z-index:10;background:var(--ink);color:white;padding:12px 20px;border-radius:8px;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
}