/* Reusable detail template for in-depth customer cases. */
.case-detail-page{background:#fff}.case-detail-page p{line-height:1.72}.case-detail-page .case-section-head{max-width:1100px;margin-bottom:clamp(3rem,6vw,5.5rem)}.case-detail-page .case-section-head h2{max-width:940px;margin:.7rem 0 1.5rem;font-size:clamp(3.2rem,6.3vw,7rem);line-height:.88;letter-spacing:-.07em}.case-detail-page .case-section-head>p{max-width:720px;margin:0;color:#51514b;font-size:1.04rem}

.case-detail-hero{margin:0 clamp(.7rem,1.6vw,1.5rem);padding:clamp(5rem,9vw,9rem) 0;color:#fff;background:var(--sf-ink);border-radius:0 0 40px 40px;overflow:hidden}.case-detail-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(3rem,7vw,7rem);align-items:center}.case-detail-hero-copy{min-width:0}.case-detail-back,.case-detail-back-bottom{width:max-content;display:flex;align-items:center;gap:.55rem;font-size:.68rem;font-weight:900}.case-detail-back{margin-bottom:clamp(3rem,7vw,6rem);color:#c6c6bf}.case-detail-back svg,.case-detail-back-bottom svg{transform:rotate(180deg)}.case-detail-hero .eyebrow{color:#fff}.case-detail-hero h1{max-width:820px;margin:.7rem 0 1.7rem;color:#fff;font-size:clamp(3.5rem,6.4vw,7rem);line-height:.87;letter-spacing:-.072em}.case-detail-hero-copy>p{max-width:720px;margin:0;color:#c7c7c0;font-size:clamp(1rem,1.35vw,1.2rem)}.case-detail-tags{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.5rem}.case-detail-tags span{padding:.48rem .7rem;border:1px solid #5b5b55;border-radius:999px;font-size:.61rem;font-weight:850}
.case-detail-hero-board{overflow:hidden;color:var(--sf-ink);background:#fff;border:2px solid #fff;border-radius:28px;box-shadow:14px 16px 0 var(--sf-yellow);transform:rotate(1deg)}.case-detail-hero-board>header{min-height:60px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--sf-ink);font-size:.55rem;letter-spacing:.07em}.case-detail-hero-board>header>span{display:flex;gap:.35rem}.case-detail-hero-board>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.case-detail-hero-board>header i:nth-child(2){background:var(--sf-yellow)}.case-detail-hero-board>header i:nth-child(3){background:var(--sf-mint)}.case-detail-hero-board>header small{justify-self:end;color:#168352;font-weight:900}.case-detail-hero-flow{padding:clamp(1rem,3vw,2rem);display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center}.case-detail-hero-flow article{min-height:265px;padding:1.2rem;display:flex;flex-direction:column;background:#ededE8;border:2px solid var(--sf-ink);border-radius:20px}.case-detail-hero-flow article:last-child{color:#fff;background:var(--sf-blue);box-shadow:7px 8px 0 var(--sf-ink)}.case-detail-hero-flow small{font-size:.55rem;font-weight:900;letter-spacing:.1em}.case-detail-hero-flow strong{margin:auto 0 .7rem;font-size:clamp(1.3rem,2.4vw,2.1rem);line-height:.94}.case-detail-hero-flow span{font-size:.61rem;font-weight:750;line-height:1.4}.case-detail-hero-flow>b{display:grid;place-items:center;width:42px;height:42px;background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:50%}.case-detail-hero-board>footer{padding:1rem;display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;background:var(--sf-yellow);border-top:2px solid var(--sf-ink)}.case-detail-hero-board>footer span{text-align:center;font-size:.56rem;font-weight:900}

.case-detail-facts{background:#fff;border-bottom:1px solid var(--sf-line)}.case-detail-facts>.site-container{display:grid;grid-template-columns:repeat(4,1fr)}.case-detail-facts div{min-height:135px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;border-right:1px solid var(--sf-line)}.case-detail-facts div:first-child{border-left:1px solid var(--sf-line)}.case-detail-facts small{margin-bottom:.65rem;color:#777770;font-size:.56rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-detail-facts strong{max-width:260px;font-size:.78rem;line-height:1.4}

.case-screens-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.case-compare{max-width:1320px;margin:0 auto;--compare-position:50%}.case-compare-monitor{padding:10px;overflow:hidden;background:var(--sf-ink);border:2px solid var(--sf-ink);border-radius:28px;box-shadow:16px 18px 0 var(--sf-blue)}.case-compare-toolbar{min-height:58px;padding:0 .75rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff}.case-compare-toolbar>strong{font-size:.58rem;letter-spacing:.1em;text-align:center}.case-compare-dots{display:flex;gap:.4rem}.case-compare-dots i{width:9px;height:9px;background:var(--sf-pink);border-radius:50%}.case-compare-dots i:nth-child(2){background:var(--sf-yellow)}.case-compare-dots i:nth-child(3){background:var(--sf-mint)}.case-compare-theme{justify-self:end;min-height:36px;padding:.5rem .7rem;display:flex;align-items:center;gap:.45rem;color:var(--sf-ink);background:var(--sf-yellow);border:1px solid var(--sf-yellow);border-radius:999px;font:inherit;font-size:.6rem;font-weight:900;cursor:pointer}.case-compare-theme svg{flex:0 0 auto}.case-compare-theme svg:nth-of-type(2){display:none}.case-compare.is-after-dark .case-compare-theme svg:first-of-type{display:none}.case-compare.is-after-dark .case-compare-theme svg:nth-of-type(2){display:block}.case-compare-theme:focus-visible,.case-compare-scene:focus-visible{outline:3px solid var(--sf-yellow);outline-offset:3px}.case-compare-stage{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1348/926;background:#ecece7;border:1px solid #4a4a45;border-radius:19px;user-select:none}.case-compare-layer{position:absolute;inset:0}.case-compare-layer img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.case-compare-after{z-index:1;clip-path:inset(0 0 0 var(--compare-position));will-change:clip-path}.case-compare-badge{position:absolute;top:1rem;z-index:3;padding:.58rem .7rem;display:flex;align-items:center;gap:.45rem;color:#fff;background:rgba(17,17,15,.9);border:1px solid rgba(255,255,255,.3);border-radius:999px;font-size:.58rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase;pointer-events:none;backdrop-filter:blur(7px)}.case-compare-badge small{color:#cfcfc8;font-size:.52rem;font-weight:750;letter-spacing:0;text-transform:none}.case-compare-badge-before{left:1rem}.case-compare-badge-after{right:1rem;color:var(--sf-ink);background:rgba(255,222,0,.93);border-color:var(--sf-ink)}.case-compare-badge-after small{color:#45453f}.case-compare-divider{position:absolute;top:0;bottom:0;left:var(--compare-position);z-index:4;width:3px;background:var(--sf-yellow);box-shadow:0 0 0 1px rgba(17,17,15,.65);pointer-events:none}.case-compare-divider>span{position:absolute;top:50%;left:50%;width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:var(--sf-ink);background:var(--sf-yellow);border:2px solid var(--sf-ink);border-radius:50%;box-shadow:0 7px 20px rgba(0,0,0,.28);transform:translate(-50%,-50%)}.case-compare-divider svg:first-child{transform:rotate(90deg)}.case-compare-divider svg:last-child{transform:rotate(-90deg)}.case-compare-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:.01;cursor:ew-resize;touch-action:pan-y}.case-compare:has(.case-compare-range:focus-visible) .case-compare-stage{outline:4px solid var(--sf-yellow);outline-offset:4px}.case-compare-stand{height:86px;position:relative;display:flex;justify-content:center}.case-compare-stand span{width:120px;height:66px;background:linear-gradient(90deg,#aaa 0,#eee 42%,#b8b8b3 100%);border:2px solid var(--sf-ink);border-top:0;clip-path:polygon(24% 0,76% 0,91% 100%,9% 100%)}.case-compare-stand i{position:absolute;bottom:4px;width:260px;height:15px;background:var(--sf-ink);border-radius:50% 50% 7px 7px}.case-compare-controls{margin-top:1.5rem}.case-compare-scenes{display:grid;grid-template-columns:repeat(4,1fr);gap:.65rem}.case-compare-scene{min-height:104px;padding:1rem;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;color:var(--sf-ink);background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:17px;font:inherit;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease}.case-compare-scene strong{font-size:.78rem}.case-compare-scene span{margin-top:.35rem;color:#676760;font-size:.59rem;line-height:1.45}.case-compare-scene:hover{transform:translateY(-3px);border-color:var(--sf-ink)}.case-compare-scene.is-active{background:var(--sf-yellow);border:2px solid var(--sf-ink);box-shadow:5px 6px 0 var(--sf-ink)}.case-compare-scene.is-active span{color:#42423d}.case-compare-hint{margin:1.4rem 0 0;display:flex;align-items:center;justify-content:center;gap:.55rem;color:#66665f;font-size:.63rem;font-weight:750}.case-compare-hint>span{width:26px;height:26px;display:grid;place-items:center;color:var(--sf-ink);background:var(--sf-yellow);border-radius:50%;font-size:.8rem}

/* Premium full-page comparison monitor. */
.case-compare{--scroll-position:0%}
.case-compare-monitor{padding:7px;background:linear-gradient(135deg,#d7d7d2 0,#f8f8f5 38%,#b8b8b3 72%,#ecece8 100%);border:2px solid var(--sf-ink);border-radius:26px;box-shadow:14px 16px 0 var(--sf-blue),0 28px 70px rgba(17,17,15,.16)}
.case-compare-toolbar{min-height:58px;padding:0 1rem;background:var(--sf-ink);border-radius:18px 18px 0 0}
.case-compare-stage{aspect-ratio:1348/760;background:#e9e9e5;border:0;border-radius:0}
.case-compare-layer{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.case-compare-layer::-webkit-scrollbar{display:none}
.case-compare-layer:focus-visible{outline:4px solid var(--sf-yellow);outline-offset:-4px}
.case-compare-layer img{height:auto;min-height:100%;object-fit:initial;object-position:initial}
.case-compare-range{top:50%;bottom:auto;height:92px;transform:translateY(-50%);touch-action:none}
.case-compare-scroll-rail{position:absolute;top:5.3rem;right:.55rem;bottom:.85rem;z-index:6;width:7px;padding:1px;background:rgba(17,17,15,.32);border-radius:999px;pointer-events:none;backdrop-filter:blur(4px)}
.case-compare-scroll-rail span{position:absolute;top:0;left:1px;width:5px;height:clamp(38px,14%,72px);background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:999px;box-shadow:0 2px 8px rgba(0,0,0,.3)}
.case-compare-chin{min-height:68px;padding:.65rem 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;color:var(--sf-ink);background:linear-gradient(90deg,#c9c9c4,#f6f6f3 42%,#c4c4bf);border-radius:0 0 18px 18px}
.case-compare-brand{width:25px;height:25px;object-fit:contain}
.case-compare-position-nav{display:flex;align-items:center;gap:.35rem;padding:.3rem;background:rgba(255,255,255,.62);border:1px solid rgba(17,17,15,.2);border-radius:999px;box-shadow:inset 0 1px 0 #fff}
.case-compare-position-nav>span{padding:0 .45rem;color:#666660;font-size:.52rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.case-compare-position-nav button{min-height:32px;padding:.42rem .68rem;color:var(--sf-ink);background:transparent;border:0;border-radius:999px;font:inherit;font-size:.56rem;font-weight:900;cursor:pointer}
.case-compare-position-nav button:hover{background:#fff}.case-compare-position-nav button.is-active{background:var(--sf-yellow);box-shadow:inset 0 0 0 1px var(--sf-ink)}
.case-compare-position-nav button:focus-visible{outline:3px solid var(--sf-blue);outline-offset:2px}
.case-compare-chin>small{justify-self:end;min-width:42px;color:#5b5b55;font-size:.55rem;font-weight:900;text-align:right}
.case-compare-stand{height:93px}
.case-compare-stand span{width:126px;height:72px;background:linear-gradient(90deg,#aaa 0,#f2f2ef 45%,#b5b5b0 100%);border-color:#656560;filter:drop-shadow(0 7px 5px rgba(17,17,15,.18))}
.case-compare-stand i{bottom:3px;width:280px;height:16px;background:linear-gradient(180deg,#f4f4f1,#aaa);border:2px solid #656560;border-radius:50% 50% 9px 9px;box-shadow:0 7px 14px rgba(17,17,15,.18)}

.case-challenge-section{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-paper)}.case-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:start}.case-challenge-copy h2{max-width:720px;margin:.8rem 0 2rem;font-size:clamp(3rem,5.3vw,5.8rem);line-height:.9;letter-spacing:-.064em}.case-challenge-copy p{max-width:660px;color:#4f4f49}.case-challenge-lists{display:grid;gap:1.1rem}.case-challenge-lists section{padding:clamp(1.5rem,3vw,2.3rem);background:#fff;border:2px solid var(--sf-ink);border-radius:24px}.case-challenge-lists section:last-child{background:var(--sf-pink)}.case-challenge-lists section>span{width:48px;height:48px;display:grid;place-items:center;background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:13px}.case-challenge-lists section:last-child>span{color:#fff;background:var(--sf-blue)}.case-challenge-lists h3{margin:1.6rem 0 1rem;font-size:1.55rem}.case-challenge-lists ul{margin:0;padding:0;list-style:none}.case-challenge-lists li{padding:.72rem 0;border-top:1px solid rgba(17,17,15,.2);font-size:.78rem;font-weight:750;line-height:1.45}

.case-goals-section{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-yellow)}.case-goals-section .case-section-head>p{color:#3d3d38}.case-goal-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--sf-ink);border-left:2px solid var(--sf-ink)}.case-goal-grid article{min-height:330px;padding:1.5rem;display:flex;flex-direction:column;border-right:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink)}.case-goal-grid article>span{width:54px;height:54px;display:grid;place-items:center;background:#fff;border:2px solid var(--sf-ink);border-radius:15px}.case-goal-grid article:nth-child(2)>span{background:var(--sf-mint)}.case-goal-grid article:nth-child(3)>span{color:#fff;background:var(--sf-blue)}.case-goal-grid article:nth-child(4)>span{background:var(--sf-pink)}.case-goal-grid h3{margin:auto 0 1rem;font-size:1.5rem;line-height:1}.case-goal-grid p{margin:0;font-size:.78rem;line-height:1.6}

.case-process-section{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-ink)}.case-process-section .case-section-head h2{color:#fff}.case-process-section .case-section-head>p{color:#bdbdb6}.case-process-track{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #55554f}.case-process-track article{position:relative;min-height:310px;padding:2.2rem 1.2rem 1.2rem;border-right:1px solid #55554f}.case-process-track article:first-child{border-left:1px solid #55554f}.case-process-track i{position:absolute;top:-7px;left:1.2rem;width:13px;height:13px;background:var(--sf-yellow);border:3px solid var(--sf-ink);border-radius:50%}.case-process-track h3{margin:auto 0 1rem;color:#fff;font-size:1.35rem;line-height:1}.case-process-track p{margin:0;color:#bdbdb6;font-size:.73rem;line-height:1.6}.case-process-track article{display:flex;flex-direction:column}.case-process-track article:nth-child(2) i{background:var(--sf-mint)}.case-process-track article:nth-child(3) i{background:var(--sf-pink)}.case-process-track article:nth-child(4) i{background:var(--sf-blue)}

.case-delivery-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.case-delivery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.case-delivery-grid article{min-height:300px;padding:clamp(1.5rem,3vw,2.5rem);background:var(--sf-paper);border:2px solid var(--sf-ink);border-radius:25px}.case-delivery-grid article:nth-child(2){background:var(--sf-pink)}.case-delivery-grid article:nth-child(3){background:var(--sf-mint)}.case-delivery-grid article:nth-child(4){color:#fff;background:var(--sf-blue)}.case-delivery-grid h3{margin:0 0 2.2rem;font-size:clamp(2rem,3.4vw,3.4rem)}.case-delivery-grid ul{margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem;list-style:none}.case-delivery-grid li{display:flex;align-items:center;gap:.6rem;font-size:.72rem;font-weight:800;line-height:1.4}.case-delivery-grid li svg{flex:0 0 auto}

.case-comparison-section{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-paper)}.case-comparison-table{overflow:hidden;background:#fff;border:2px solid var(--sf-ink);border-radius:25px}.case-comparison-table>header,.case-comparison-table>div{display:grid;grid-template-columns:.62fr 1fr 1fr}.case-comparison-table>header{color:#fff;background:var(--sf-ink);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.case-comparison-table>header span,.case-comparison-table>div>*{padding:1.2rem 1.4rem;border-right:1px solid var(--sf-line)}.case-comparison-table>header span:last-child,.case-comparison-table>div>*:last-child{border-right:0}.case-comparison-table>div{border-top:1px solid var(--sf-line)}.case-comparison-table>div strong{font-size:.73rem}.case-comparison-table>div p{margin:0;color:#50504a;font-size:.72rem;line-height:1.55}.case-comparison-table>div p:last-child{background:#fffceb;font-weight:700}

.case-result-section{padding:clamp(6rem,10vw,10rem) 0;color:#fff;background:var(--sf-blue)}.case-result-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,8vw,8rem);align-items:center}.case-result-grid h2{max-width:760px;margin:.8rem 0 2rem;color:#fff;font-size:clamp(3.2rem,5.8vw,6.2rem);line-height:.89;letter-spacing:-.066em}.case-result-grid>div>p{max-width:690px;color:#f0f0f5}.case-result-grid aside{overflow:hidden;color:var(--sf-ink);background:#fff;border:2px solid var(--sf-ink);border-radius:25px;box-shadow:12px 14px 0 var(--sf-yellow);transform:rotate(1deg)}.case-result-grid aside>header{min-height:58px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--sf-ink);font-size:.56rem}.case-result-grid aside>header>span{display:flex;gap:.35rem}.case-result-grid aside>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.case-result-grid aside>header i:nth-child(2){background:var(--sf-yellow)}.case-result-grid aside>header i:nth-child(3){background:var(--sf-mint)}.case-result-grid aside>div{padding:1.5rem;display:grid;grid-template-columns:145px 1fr;gap:1rem;border-bottom:1px solid var(--sf-line)}.case-result-grid aside b{font-size:.7rem}.case-result-grid aside span{font-size:.69rem}.case-result-grid aside>footer{padding:1.2rem;display:flex;align-items:center;justify-content:space-between;background:var(--sf-yellow);font-size:.65rem;font-weight:900}

.case-measure-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.case-measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.case-measure-grid article{min-height:240px;padding:1.4rem;background:var(--sf-paper);border:1px solid var(--sf-line);border-radius:20px}.case-measure-grid i{display:block;width:38px;height:7px;margin-bottom:4rem;background:var(--sf-blue);border-radius:999px}.case-measure-grid article:nth-child(2) i{background:var(--sf-yellow)}.case-measure-grid article:nth-child(3) i{background:var(--sf-mint)}.case-measure-grid article:nth-child(4) i{background:var(--sf-pink)}.case-measure-grid h3{margin:0 0 .8rem;font-size:1.3rem}.case-measure-grid p{margin:0;color:#51514b;font-size:.72rem;line-height:1.6}.case-detail-back-bottom{margin-top:3rem;color:var(--sf-ink);border-bottom:2px solid currentColor}

html[data-theme="dark"] .case-detail-page,html[data-theme="dark"] .case-screens-section,html[data-theme="dark"] .case-delivery-section,html[data-theme="dark"] .case-measure-section{color:#fff;background:#1b1b19}html[data-theme="dark"] .case-detail-facts{color:#fff;background:#1b1b19;border-color:#4c4c46}html[data-theme="dark"] .case-detail-facts div{border-color:#4c4c46}html[data-theme="dark"] .case-detail-facts small{color:#aaa}html[data-theme="dark"] .case-challenge-section,html[data-theme="dark"] .case-comparison-section{color:#fff;background:#11110f}html[data-theme="dark"] .case-detail-page .case-section-head>p,html[data-theme="dark"] .case-challenge-copy p{color:#c4c4bd}html[data-theme="dark"] .case-challenge-lists section,html[data-theme="dark"] .case-challenge-lists section h3{color:var(--sf-ink)}html[data-theme="dark"] .case-goals-section,html[data-theme="dark"] .case-goals-section h2,html[data-theme="dark"] .case-goals-section h3{color:var(--sf-ink)}html[data-theme="dark"] .case-delivery-grid article:not(:nth-child(4)),html[data-theme="dark"] .case-delivery-grid article:not(:nth-child(4)) h3{color:var(--sf-ink)}html[data-theme="dark"] .case-comparison-table{color:#fff;background:#242421;border-color:#686861}html[data-theme="dark"] .case-comparison-table>div{border-color:#55554f}html[data-theme="dark"] .case-comparison-table>div p{color:#c5c5be;border-color:#55554f}html[data-theme="dark"] .case-comparison-table>div p:last-child{color:#fff;background:#30302c}html[data-theme="dark"] .case-measure-grid article{background:#272724;border-color:#50504a}html[data-theme="dark"] .case-measure-grid p{color:#c4c4bd}html[data-theme="dark"] .case-detail-back-bottom{color:#fff}
html[data-theme="dark"] .case-compare-scene{color:#fff;background:#282825;border-color:#50504a}html[data-theme="dark"] .case-compare-scene span{color:#bcbcb5}html[data-theme="dark"] .case-compare-scene:hover{border-color:#fff}html[data-theme="dark"] .case-compare-scene.is-active{color:var(--sf-ink);background:var(--sf-yellow);border-color:var(--sf-ink);box-shadow:5px 6px 0 #fff}html[data-theme="dark"] .case-compare-scene.is-active span{color:#42423d}html[data-theme="dark"] .case-compare-hint{color:#c4c4bd}

@media(max-width:1100px){.case-detail-hero-grid,.case-challenge-grid,.case-result-grid{grid-template-columns:1fr}.case-detail-hero-board{max-width:760px}.case-detail-facts>.site-container{grid-template-columns:1fr 1fr}.case-detail-facts div:nth-child(3){border-left:1px solid var(--sf-line);border-top:1px solid var(--sf-line)}.case-detail-facts div:nth-child(4){border-top:1px solid var(--sf-line)}.case-goal-grid,.case-measure-grid{grid-template-columns:1fr 1fr}.case-process-track{grid-template-columns:1fr 1fr}.case-process-track article{min-height:250px;border-bottom:1px solid #55554f}.case-process-track article:last-child{grid-column:1/-1}.case-process-track i{top:1.2rem}.case-compare-scenes{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.case-detail-page .case-section-head h2{font-size:clamp(2.8rem,13vw,4.4rem)}.case-detail-hero{padding-top:3.5rem;border-radius:0 0 28px 28px}.case-detail-back{margin-bottom:3rem}.case-detail-hero h1{font-size:clamp(3.2rem,14vw,4.8rem)}.case-detail-hero-board{box-shadow:7px 8px 0 var(--sf-yellow)}.case-detail-hero-flow{grid-template-columns:1fr}.case-detail-hero-flow>b{transform:rotate(90deg);justify-self:center}.case-detail-hero-flow article{min-height:155px}.case-detail-hero-board>header{grid-template-columns:1fr 1fr}.case-detail-hero-board>header strong{display:none}.case-detail-hero-board>footer{grid-template-columns:1fr 1fr}.case-detail-facts>.site-container,.case-goal-grid,.case-delivery-grid,.case-measure-grid{grid-template-columns:1fr}.case-detail-facts div,.case-detail-facts div:nth-child(3){min-height:110px;border-left:1px solid var(--sf-line);border-top:1px solid var(--sf-line)}.case-compare-monitor{padding:5px;border-radius:15px;box-shadow:7px 8px 0 var(--sf-blue)}.case-compare-toolbar{min-height:48px;padding:0 .45rem;grid-template-columns:auto 1fr}.case-compare-toolbar>strong{display:none}.case-compare-theme{min-height:33px;padding:.42rem .58rem;font-size:.54rem}.case-compare-stage{border-radius:10px}.case-compare-badge{top:.45rem;padding:.35rem .43rem;font-size:.48rem}.case-compare-badge small{display:none}.case-compare-badge-before{left:.45rem}.case-compare-badge-after{right:.45rem}.case-compare-divider{width:2px}.case-compare-divider>span{width:44px;height:44px}.case-compare-divider svg{width:13px;height:13px}.case-compare-stand{height:55px}.case-compare-stand span{width:76px;height:43px}.case-compare-stand i{bottom:2px;width:165px;height:10px}.case-compare-controls{margin-top:1rem}.case-compare-scenes{gap:.5rem}.case-compare-scene{min-height:90px;padding:.75rem}.case-compare-scene strong{font-size:.7rem}.case-compare-scene span{font-size:.54rem}.case-compare-hint{align-items:flex-start;text-align:center;line-height:1.45}.case-challenge-copy h2,.case-result-grid h2{font-size:clamp(2.8rem,13vw,4.5rem)}.case-goal-grid article{min-height:260px}.case-process-track{grid-template-columns:1fr}.case-process-track article,.case-process-track article:last-child{grid-column:auto;min-height:220px;border-left:1px solid #55554f}.case-delivery-grid article{min-height:260px}.case-delivery-grid ul{grid-template-columns:1fr}.case-comparison-table{overflow:visible;background:transparent;border:0}.case-comparison-table>header{display:none}.case-comparison-table>div{margin-bottom:1rem;display:grid;grid-template-columns:1fr;overflow:hidden;background:#fff;border:2px solid var(--sf-ink);border-radius:18px}.case-comparison-table>div>*{border-right:0;border-bottom:1px solid var(--sf-line)}.case-comparison-table>div>*:last-child{border-bottom:0}.case-comparison-table>div p::before{display:block;margin-bottom:.45rem;color:#777;font-size:.52rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.case-comparison-table>div p:first-of-type::before{content:"Før"}.case-comparison-table>div p:last-child::before{content:"Etter"}.case-result-grid aside{box-shadow:7px 8px 0 var(--sf-yellow)}.case-result-grid aside>div{grid-template-columns:1fr}.case-measure-grid article{min-height:210px}.case-measure-grid i{margin-bottom:3rem}html[data-theme="dark"] .case-comparison-table>div{background:#242421;border-color:#686861}}

@media(max-width:720px){.case-compare-monitor{background:linear-gradient(135deg,#d7d7d2,#f4f4f1 45%,#aaa)}.case-compare-toolbar{border-radius:9px 9px 0 0}.case-compare-theme{min-height:40px}.case-compare-stage{aspect-ratio:1.45;border-radius:0}.case-compare-range{height:64px}.case-compare-scroll-rail{top:3.7rem;right:.28rem;bottom:.55rem;width:5px}.case-compare-scroll-rail span{width:3px;min-height:24px}.case-compare-chin{min-height:57px;padding:.45rem .5rem;grid-template-columns:auto 1fr auto;gap:.35rem;border-radius:0 0 9px 9px}.case-compare-brand{font-size:.78rem}.case-compare-position-nav{justify-self:center;gap:.12rem;padding:.2rem}.case-compare-position-nav>span{display:none}.case-compare-position-nav button{min-height:32px;padding:.35rem .46rem;font-size:.5rem}.case-compare-chin>small{min-width:30px;font-size:.48rem}.case-compare-stand{height:62px}.case-compare-stand span{width:82px;height:47px}.case-compare-stand i{width:180px;height:11px;background:linear-gradient(180deg,#f4f4f1,#aaa);border-width:1px}.case-compare-hint{margin-inline:auto;max-width:340px}}

/* Focused composition used by smaller one-page projects. */
.compact-case-hero-board{overflow:hidden;color:var(--sf-ink);background:#ece9dc;border:2px solid #fff;border-radius:28px;box-shadow:14px 16px 0 var(--sf-yellow);transform:rotate(1deg)}.compact-case-hero-board>header{min-height:60px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;background:#fff;border-bottom:2px solid var(--sf-ink);font-size:.55rem;letter-spacing:.07em}.compact-case-hero-board>header>span{display:flex;gap:.35rem}.compact-case-hero-board>header i{width:8px;height:8px;background:var(--sf-pink);border-radius:50%}.compact-case-hero-board>header i:nth-child(2){background:var(--sf-yellow)}.compact-case-hero-board>header i:nth-child(3){background:var(--sf-mint)}.compact-case-hero-board>header small{justify-self:end;color:#168352;font-weight:900;text-transform:uppercase}.compact-case-hero-canvas{padding:clamp(1.2rem,3vw,2.2rem);display:grid;grid-template-columns:.7fr 1.3fr;gap:1rem}.compact-case-brand{display:flex;align-items:flex-start;gap:.65rem}.compact-case-brand b{width:62px;height:62px;display:grid;place-items:center;background:var(--sf-yellow);font-size:1.6rem;letter-spacing:-.07em}.compact-case-brand span{font-size:.55rem;font-weight:950;line-height:1.25}.compact-case-message{grid-column:1/-1;min-height:250px;padding:1.4rem;display:flex;flex-direction:column;background:#fff;border:2px solid var(--sf-ink);border-radius:20px}.compact-case-message small{font-size:.55rem;font-weight:900;letter-spacing:.09em}.compact-case-message strong{margin:auto 0 .8rem;font-size:clamp(2.4rem,4.8vw,4.6rem);line-height:.83;letter-spacing:-.07em}.compact-case-message span{font-size:.62rem;font-weight:800}.compact-case-contact{grid-column:1/-1;padding:.85rem 1rem;display:flex;align-items:center;gap:.6rem;color:#fff;background:var(--sf-ink);border-radius:999px;font-size:.63rem;font-weight:900}.compact-case-hero-board>footer{padding:1rem;display:grid;grid-template-columns:repeat(3,1fr);gap:.4rem;background:var(--sf-yellow);border-top:2px solid var(--sf-ink)}.compact-case-hero-board>footer span{text-align:center;font-size:.56rem;font-weight:900}
.compact-case-anchor{position:relative;z-index:4}.compact-case-screen-section{padding:clamp(6rem,10vw,10rem) 0;background:#fff}.compact-site-monitor{max-width:1240px;margin:0 auto;padding:8px;overflow:hidden;background:linear-gradient(135deg,#d7d7d2,#f8f8f5 40%,#b5b5b0);border:2px solid var(--sf-ink);border-radius:27px;box-shadow:14px 16px 0 var(--sf-blue),0 28px 70px rgba(17,17,15,.15)}.compact-site-monitor>header{min-height:57px;padding:0 1rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#fff;background:var(--sf-ink);border-radius:18px 18px 0 0;font-size:.59rem}.compact-site-monitor>header>span{display:flex;gap:.4rem}.compact-site-monitor>header i{width:9px;height:9px;background:var(--sf-pink);border-radius:50%}.compact-site-monitor>header i:nth-child(2){background:var(--sf-yellow)}.compact-site-monitor>header i:nth-child(3){background:var(--sf-mint)}.compact-site-monitor>header a{justify-self:end;display:flex;align-items:center;gap:.4rem;color:var(--sf-yellow);font-weight:900}.compact-site-monitor>div{overflow:hidden;background:#ece9dc;border-left:1px solid #555;border-right:1px solid #555}.compact-site-monitor img{width:100%;height:auto;display:block}.compact-site-monitor>footer{min-height:65px;padding:0 1rem;display:flex;align-items:center;justify-content:space-between;color:var(--sf-ink);background:linear-gradient(90deg,#c9c9c4,#f6f6f3 42%,#c4c4bf);border-radius:0 0 18px 18px;font-size:.54rem;letter-spacing:.08em}.compact-site-stand{height:93px;position:relative;display:flex;justify-content:center}.compact-site-stand span{width:126px;height:72px;background:linear-gradient(90deg,#aaa,#f2f2ef 45%,#b5b5b0);border:2px solid #656560;border-top:0;clip-path:polygon(24% 0,76% 0,91% 100%,9% 100%);filter:drop-shadow(0 7px 5px rgba(17,17,15,.18))}.compact-site-stand i{position:absolute;bottom:3px;width:280px;height:16px;background:linear-gradient(180deg,#f4f4f1,#aaa);border:2px solid #656560;border-radius:50% 50% 9px 9px;box-shadow:0 7px 14px rgba(17,17,15,.18)}
.compact-case-principle{padding:clamp(2rem,4vw,3.5rem);color:#fff;background:var(--sf-blue);border:2px solid var(--sf-ink);border-radius:28px;box-shadow:10px 12px 0 var(--sf-yellow);transform:rotate(1deg)}.compact-case-principle .eyebrow{color:#fff}.compact-case-principle>strong{margin:2.4rem 0 1.3rem;display:block;font-size:clamp(2rem,3.6vw,3.7rem);line-height:.94;letter-spacing:-.055em}.compact-case-principle p{color:#eeeef5}.compact-case-principle a{margin-top:1.6rem;display:inline-flex;align-items:center;gap:.5rem;color:#fff;border-bottom:2px solid var(--sf-yellow);font-size:.71rem;font-weight:900}
.compact-case-goals{padding:clamp(6rem,10vw,10rem) 0;background:var(--sf-yellow)}.compact-case-goals .case-section-head>p{color:#42423d}.compact-goal-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--sf-ink);border-left:2px solid var(--sf-ink)}.compact-goal-grid article{min-height:315px;padding:1.5rem;display:flex;flex-direction:column;border-right:2px solid var(--sf-ink);border-bottom:2px solid var(--sf-ink)}.compact-goal-grid article>span{width:54px;height:54px;display:grid;place-items:center;background:#fff;border:2px solid var(--sf-ink);border-radius:15px}.compact-goal-grid article:nth-child(2)>span{background:var(--sf-mint)}.compact-goal-grid article:nth-child(3)>span{color:#fff;background:var(--sf-blue)}.compact-goal-grid h3{margin:auto 0 1rem;font-size:1.55rem;line-height:1}.compact-goal-grid p{margin:0;font-size:.77rem;line-height:1.6}.compact-delivery-grid{margin-top:clamp(3rem,6vw,5rem);display:grid;grid-template-columns:1fr 1fr;gap:1rem}.compact-delivery-grid article{min-height:185px;padding:1.5rem;display:grid;grid-template-columns:auto 1fr;gap:1rem;background:#fff;border:2px solid var(--sf-ink);border-radius:22px}.compact-delivery-grid article:nth-child(2){background:var(--sf-pink)}.compact-delivery-grid article:nth-child(3){background:var(--sf-mint)}.compact-delivery-grid article:nth-child(4){color:#fff;background:var(--sf-blue)}.compact-delivery-grid article>span{width:42px;height:42px;display:grid;place-items:center;background:var(--sf-yellow);border:1px solid var(--sf-ink);border-radius:12px}.compact-delivery-grid h3{margin:0 0 .65rem;font-size:1.35rem}.compact-delivery-grid p{margin:0;font-size:.72rem;line-height:1.6}.compact-case-result .compact-result-actions{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.7rem}.compact-case-result .button-outline{color:#fff;border-color:#fff}.compact-case-next{padding:clamp(5rem,9vw,8rem) 0;background:var(--sf-paper)}.compact-case-next>.site-container{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,7vw,7rem);align-items:end}.compact-case-next h2{max-width:860px;margin:.8rem 0 0;font-size:clamp(3rem,5.5vw,6rem);line-height:.9;letter-spacing:-.065em}.compact-case-next p{margin:0 0 1.5rem;color:#50504a;font-size:1rem;line-height:1.7}
html[data-theme="dark"] .compact-case-screen-section,html[data-theme="dark"] .compact-case-next{color:#fff;background:#1b1b19}html[data-theme="dark"] .compact-case-next h2{color:#fff}html[data-theme="dark"] .compact-case-next p{color:#c5c5be}html[data-theme="dark"] .compact-case-anchor{background:#11110f}html[data-theme="dark"] .compact-case-goals,html[data-theme="dark"] .compact-case-goals h2,html[data-theme="dark"] .compact-case-goals h3{color:var(--sf-ink)}html[data-theme="dark"] .compact-delivery-grid article:not(:nth-child(4)),html[data-theme="dark"] .compact-delivery-grid article:not(:nth-child(4)) h3{color:var(--sf-ink)}
@media(max-width:1100px){.compact-case-hero-board{max-width:780px}.compact-goal-grid{grid-template-columns:1fr 1fr}.compact-goal-grid article:last-child{grid-column:1/-1}.compact-case-next>.site-container{grid-template-columns:1fr}.compact-site-monitor{box-shadow:9px 11px 0 var(--sf-blue)}}
@media(max-width:720px){.compact-case-hero-board{box-shadow:7px 8px 0 var(--sf-yellow)}.compact-case-hero-board>header{grid-template-columns:1fr 1fr}.compact-case-hero-board>header strong{display:none}.compact-case-hero-canvas{grid-template-columns:1fr}.compact-case-message{min-height:220px}.compact-case-message strong{font-size:clamp(2.8rem,14vw,4.2rem)}.compact-case-brand{grid-column:1}.compact-case-hero-board>footer{grid-template-columns:1fr}.compact-site-monitor{padding:5px;border-radius:16px;box-shadow:7px 8px 0 var(--sf-blue)}.compact-site-monitor>header{min-height:48px;padding:0 .55rem;grid-template-columns:auto 1fr auto;border-radius:9px 9px 0 0}.compact-site-monitor>header strong{display:none}.compact-site-monitor>header a{font-size:.52rem}.compact-site-monitor>footer{min-height:54px;border-radius:0 0 9px 9px}.compact-site-stand{height:62px}.compact-site-stand span{width:82px;height:47px}.compact-site-stand i{width:180px;height:11px;border-width:1px}.compact-case-principle{box-shadow:7px 8px 0 var(--sf-yellow)}.compact-goal-grid,.compact-delivery-grid{grid-template-columns:1fr}.compact-goal-grid article:last-child{grid-column:auto}.compact-goal-grid article{min-height:260px}.compact-delivery-grid article{min-height:0}.compact-case-result .compact-result-actions{align-items:flex-start;flex-direction:column}}

.compact-delivery-grid h3{color:inherit}
.compact-case-hero-board>.sfd-live-site-preview{aspect-ratio:1348/975}

/* 6.43.0 — clearer comparison controls and a truly sticky compact-case menu. */
.page-anchor-wrap.compact-case-anchor {
	position: sticky;
	top: 0;
	z-index: 30;
}

.admin-bar .page-anchor-wrap.compact-case-anchor {
	top: 32px;
}

.compact-case-page > section[id] {
	scroll-margin-top: 84px;
}

.admin-bar .compact-case-page > section[id] {
	scroll-margin-top: 116px;
}

.case-compare-range {
	height: 132px;
}

.case-compare-view-controls {
	margin-bottom: .8rem;
	padding: .8rem 1rem;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	color: var(--sf-ink);
	background: var(--sf-paper);
	border: 1px solid var(--sf-line);
	border-radius: 17px;
}

.case-compare-view-controls > span {
	font-size: .62rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}

.case-compare-view-controls > div {
	padding: .25rem;
	display: flex;
	gap: .2rem;
	background: #fff;
	border: 1px solid var(--sf-line);
	border-radius: 999px;
}

.case-compare-view-controls button {
	min-height: 38px;
	padding: .55rem .85rem;
	color: #454540;
	background: transparent;
	border: 0;
	border-radius: 999px;
	font: inherit;
	font-size: .62rem;
	font-weight: 850;
	cursor: pointer;
}

.case-compare-view-controls button:hover {
	color: var(--sf-ink);
	background: #ecece7;
}

.case-compare-view-controls button.is-active {
	color: var(--sf-ink);
	background: var(--sf-yellow);
	box-shadow: inset 0 0 0 1px var(--sf-ink);
}

.case-compare-view-controls button:focus-visible {
	outline: 3px solid var(--sf-blue);
	outline-offset: 2px;
}

.case-compare.is-full-before .case-compare-badge-after,
.case-compare.is-full-after .case-compare-badge-before {
	opacity: 0;
}

html[data-theme="dark"] .case-compare-view-controls {
	color: #fff;
	background: #242421;
	border-color: #55554f;
}

html[data-theme="dark"] .case-compare-view-controls > div {
	background: #151513;
	border-color: #55554f;
}

html[data-theme="dark"] .case-compare-view-controls button {
	color: #deded8;
}

html[data-theme="dark"] .case-compare-view-controls button:hover {
	color: #fff;
	background: #33332f;
}

html[data-theme="dark"] .case-compare-view-controls button.is-active {
	color: var(--sf-ink);
	background: var(--sf-yellow);
}

@media (max-width: 782px) {
	.admin-bar .page-anchor-wrap.compact-case-anchor {
		top: 46px;
	}

	.admin-bar .compact-case-page > section[id] {
		scroll-margin-top: 130px;
	}
}

@media (max-width: 720px) {
	.case-compare-range {
		height: 94px;
	}

	.case-compare-view-controls {
		padding: .75rem;
		align-items: stretch;
		flex-direction: column;
	}

	.case-compare-view-controls > div {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
	}

	.case-compare-view-controls button {
		min-width: 0;
		padding-inline: .45rem;
	}
}