.hero-ribbon{background:var(--accent);width:100%;color:var(--ink);overflow:hidden}.hero3{--out:cubic-bezier(.16,1,.3,1);padding:24px 0 clamp(40px,4.6vw,72px)}@media (width<=1080px){.hero3{padding-top:32px}}.h3-grid{grid-template-columns:minmax(0,1fr);row-gap:32px;display:grid}.hero3 .h3-copy{text-align:left;min-width:0}.hero3 h1{letter-spacing:var(--track-xl);color:var(--ink);text-align:left;text-wrap:balance;margin:0;font-size:clamp(38px,12.2vw,60px);font-weight:900;line-height:.98}.hero3 .h3-lead{letter-spacing:-.01em;color:var(--ink);text-wrap:balance;max-width:30em;margin:16px 0 0;font-size:18px;font-weight:700;line-height:1.35}.ribbon-actions{justify-content:center;gap:14px;margin-top:30px;display:flex}.ribbon-actions .button{border:1px solid #0000;justify-content:space-between;align-items:center;gap:35px;min-height:52px;padding:15px 22px;font:700 17px/1.2 Schibsted,Schibsted Fallback,Arial,sans-serif;text-decoration:none;transition:transform .2s;display:inline-flex}@media (hover:hover) and (pointer:fine){.ribbon-actions .button:hover{transform:translateY(-3px)}}.ribbon-actions .button:focus-visible{outline:3px solid var(--ink);outline-offset:5px}.ribbon-actions .button.hero-plan{background:var(--ink);color:#fff}.ribbon-actions .button.hero-price-link{color:var(--ink);border:2px solid var(--ink);background:0 0}:is(.hero-plan,.hero-price-link){border-radius:999px}.hero3 .h3-actions{justify-content:flex-start;width:auto;margin-top:24px}.hero3 .h3-proof{color:inherit;align-items:center;gap:12px;margin-top:24px;text-decoration:none;display:flex}.hero3 .h3-proof:hover .h3-proof-who strong{text-underline-offset:3px;text-decoration:underline}.h3-proof-photo{object-fit:cover;border-radius:50%;flex:none;width:48px;height:48px}.h3-proof-who{text-align:left;flex-direction:column;margin:0;line-height:1.35;display:flex}.h3-proof-who strong{color:var(--ink);font-size:16px;font-weight:700}.h3-proof-who span{color:var(--ink);font-size:14px;font-weight:400}.h3-proof-reply{color:var(--ink);margin:0;font-size:14px;line-height:1.35;display:none}.h3-stack{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,2.2vw,24px);min-width:0;display:grid}.h3-phone{min-width:0;color:var(--ink);animation:h3-rise .9s var(--out) backwards;animation-delay:calc(.1s + var(--i)*.14s);text-decoration:none;display:block}.h3-phone:focus-visible{outline:3px solid var(--ink);outline-offset:6px;border-radius:30px}.h3-device{background:var(--ink);box-shadow:0 30px 44px -24px color-mix(in srgb,var(--ink) 45%,transparent),0 8px 16px -10px color-mix(in srgb,var(--ink) 35%,transparent);border-radius:clamp(16px,2.4vw,34px);padding:clamp(3px,.55vw,8px);display:block}.h3-screen{aspect-ratio:9/19.5;background:var(--paper);border-radius:clamp(13px,1.9vw,27px);display:block;position:relative;overflow:hidden}.h3-screen img{transform-origin:50% 0;will-change:auto;width:100%;height:auto;filter:var(--pf,saturate(1.1) contrast(1.03));display:block}.h3-phone[data-lead] .h3-screen img{will-change:transform}.h3-label{background:var(--surface);color:var(--ink);white-space:nowrap;border-radius:999px;margin:12px auto 0;padding:7px 14px;font-size:15px;font-weight:700;line-height:1;display:table}@keyframes h3-rise{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}@keyframes h3-rise2{0%{transform:translateY(115%)}to{transform:none}}@keyframes h3-browse{0%{transform:translateY(0)}50%{transform:translateY(-40%)}to{transform:translateY(0)}}@media (hover:hover) and (pointer:fine){.h3-screen img{transition:transform 1.4s cubic-bezier(.45,0,.3,1)}.h3-phone:hover .h3-screen img,.h3-phone:focus-visible .h3-screen img{will-change:transform;transition-duration:3.2s;animation:none;transform:translateY(-44%)}}@media (width<=760px){.ribbon-actions{flex-wrap:wrap;gap:10px}.ribbon-actions .button{white-space:nowrap;justify-content:center;gap:0;min-height:50px;padding:13px 16px;font-size:16px}.ribbon-actions .hero-plan{flex:1.4 auto}.ribbon-actions .hero-price-link{flex:auto}}@media (width<=759px){.h3-grid{row-gap:28px}.hero3 h1{font-size:clamp(38px,12.6vw,56px)}.hero3 .h3-actions{width:100%}.h3-label{margin-top:9px;padding:6px 9px;font-size:12px}.h3-stack{scroll-snap-type:x mandatory;scrollbar-width:none;gap:14px;margin-inline:-16px;padding:4px 16px 12px;scroll-padding-inline:16px;display:flex;overflow-x:auto}.h3-stack::-webkit-scrollbar{display:none}.h3-phone{scroll-snap-align:start;flex:0 0 min(64%,250px)}.h3-phone[data-first] .h3-screen img{will-change:transform;animation:6s cubic-bezier(.45,0,.3,1) 1.2s backwards h3-browse}.h3-stack .h3-phone[data-first]{order:-2}.h3-stack .h3-phone[data-lead]{order:-1}.h3-stack .h3-phone:nth-child(3){order:1}.h3-stack .h3-phone:nth-child(5){order:2}.h3-stack .h3-phone:nth-child(4){order:3}.h3-stack .h3-phone:nth-child(2){order:4}.h3-stack .h3-phone:first-child{order:5}.h3-phone[data-lead] .h3-screen img{will-change:auto}}@media (width<=359px){.ribbon-actions .button{white-space:nowrap;flex-basis:auto;padding-inline:8px;font-size:14.5px}.h3-label{padding:5px 6px;font-size:11.5px}}@media (width>=760px){.h3-phone[data-lead] .h3-screen img{will-change:transform;animation:6s cubic-bezier(.45,0,.3,1) 1.6s backwards h3-browse}.h3-stack .h3-phone[data-lead]{translate:0 -26px;scale:1.07}.hero3 h1{font-size:clamp(52px,8vw,72px)}.hero3 .h3-lead{max-width:34em;margin-top:24px;font-size:20px}.hero3 .h3-actions{margin-top:32px}.hero3 .h3-proof-reply{border-left:1px solid color-mix(in srgb,var(--ink) 40%,transparent);padding-left:16px;display:block}}@media (width>=760px) and (width<=999px){.h3-grid{row-gap:64px}.h3-stack{width:min(100%,560px);margin-inline:auto}.h3-stack .h3-phone:first-child,.h3-stack .h3-phone:nth-child(5){display:none}}@media (width>=1000px){.hero3{padding-top:clamp(16px,3vh,32px);padding-bottom:0;position:relative;overflow:hidden}.hero3 .h3-grid{z-index:1;row-gap:0;position:relative;container-type:inline-size}.hero3 h1{font-size:clamp(56px,min(6.67vw,10.6vh),96px);line-height:.98}.hero3 .h3-lead{max-width:40em;font-size:clamp(20px,1.8vw,26px)}.hero3 .h3-actions .button{white-space:nowrap}.h3-stack{justify-content:center;align-items:flex-end;gap:0;margin:calc(76px + 2.2cqw) 0 calc(-14cqw - 6px);padding-inline:2%;display:flex;position:relative}.h3-phone{transform-origin:50% 100%;width:21%;animation:h3-rise2 1.1s var(--out) backwards;animation-delay:var(--d,.1s);flex:0 0 21%;position:relative}.h3-phone+.h3-phone{margin-left:-1.25%}.h3-device{border-radius:30px;padding:4px}.h3-screen{border-radius:26px}.h3-label{margin:0;position:absolute;top:-38px;bottom:auto;left:50%;translate:-50%}.h3-screen img{margin-top:calc(-1*var(--off,0%))}.h3-stack .h3-phone:first-child{--d:.34s;--off:26%;--offp:6.5%;z-index:1;translate:0 70px;rotate:-4deg;scale:1}.h3-stack .h3-phone:nth-child(2){--d:.22s;z-index:2;translate:0 26px;rotate:-2deg;scale:1}.h3-stack .h3-phone:nth-child(3){--off:15.4%;--offp:3.8%}.h3-stack .h3-phone[data-lead]{--d:.1s;z-index:3;translate:0 -14px;rotate:0deg;scale:1.05}.h3-stack .h3-phone:nth-child(4){--d:.22s;--off:23%;--offp:5.75%;z-index:2;translate:0 26px;rotate:2deg;scale:1}.h3-stack .h3-phone:nth-child(5){--d:.34s;--off:106%;--offp:26.5%;z-index:1;translate:0 70px;rotate:4deg;scale:1}}@media (hover:hover) and (pointer:fine) and (width>=1000px){.h3-phone:hover .h3-screen img,.h3-phone:focus-visible .h3-screen img{transform:translateY(calc(-44% + var(--offp,0%)))}}@media (prefers-reduced-motion:reduce){.h3-phone,.h3-screen img{animation:none!important}.h3-screen img{will-change:auto!important;transition:none!important}.h3-phone:hover .h3-screen img,.h3-phone:focus-visible .h3-screen img{transform:none}}
