@font-face{font-family:Hanken;src:url(hanken-grotesk-latin-400-normal.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Hanken;src:url(hanken-grotesk-latin-600-normal.woff2) format('woff2');font-weight:600 800;font-display:swap}@font-face{font-family:Schibsted;src:url(schibsted-grotesk-latin-600-normal.woff2) format('woff2');font-weight:600;font-display:swap}
:root{--paper:#f3f0ea;--ink:#15181c;--muted:#59636a;--line:#d3cec4;--amber:#e8a33c;--gutter:clamp(20px,4vw,56px)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Hanken,system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}a{color:inherit}button{font:600 14px Hanken,system-ui;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--amber);outline-offset:4px}img{display:block;max-width:100%}.wrap{width:min(1240px,100% - 2*var(--gutter));margin-inline:auto}.header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:218px;height:auto}.header nav{display:flex;align-items:center;gap:28px}.header nav>a:first-child{font-size:14px;text-decoration:none}.header nav>a:first-child span{margin-left:8px;color:#7a6b54}.contact{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;padding:11px 18px;background:var(--amber);color:#171b1a;border:1px solid var(--amber);border-radius:7px;text-decoration:none;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.contact:hover{background:#efb85e;transform:translateY(-1px)}.hero{background:#15181c;color:#f3f0ea;padding:clamp(46px,6.5vw,88px) 0 58px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,1fr);gap:70px;align-items:end}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px}.hero .eyebrow{color:#c4bfb5}h1,h2,h3{font-family:Schibsted,Hanken,system-ui;letter-spacing:-.035em;line-height:1.1;font-weight:600;margin:0}h1{font-size:clamp(38px,4.9vw,65px);max-width:17ch}h1 span{color:var(--amber)}.hero-lead{max-width:47ch;color:#c4c7c6;font-size:clamp(17px,1.6vw,20px);line-height:1.5;margin:24px 0}.hero-link{display:inline-flex;gap:20px;align-items:center;min-height:44px;font-size:14px;font-weight:600;color:#f3f0ea;text-decoration:none;border-bottom:1px solid #6d706e}.hero-link span{color:var(--amber)}.hero-note{position:relative;border-left:1px solid #4a4d4e;padding:0 0 3px 30px}.hero-note>p{font-family:Schibsted,Hanken;font-size:25px;line-height:1.3;letter-spacing:-.025em;margin:17px 0 25px}.signal{display:block;width:11px;height:11px;background:var(--amber);border-radius:50%;box-shadow:0 0 0 6px #e8a33c14}.mini-flow{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:#d5d8d5;margin-bottom:28px}.mini-flow i{height:1px;width:15px;flex:1;background:#6d786e}.hero-note small{font-size:12px;line-height:1.6;color:#a4ada9}.library{padding-block:64px 56px}.library-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end}.library-head .eyebrow{color:#7b5b29;margin-bottom:12px}.library-head h2{font-size:clamp(26px,3vw,36px)}.library-head>p{font-size:15px;color:var(--muted);max-width:41ch;margin:0 0 2px}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:26px 0 20px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{min-height:44px;padding:9px 15px;border:1px solid transparent;border-radius:6px;background:transparent;color:#556058}.filters button:hover{border-color:#bdb7ab}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}#result-count{font-size:12px;white-space:nowrap;color:var(--muted);margin:0}.demo{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.5fr);gap:clamp(28px,5vw,72px);padding:44px 0;border-bottom:1px solid var(--line);scroll-margin-top:25px}.demo-visual{min-width:0}.index{display:flex;align-items:baseline;gap:14px;margin-bottom:15px}.index>span:first-child{font-variant-numeric:tabular-nums;font-size:23px;font-weight:600;color:#9c9281;line-height:1}.index>span:last-child{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:#5d625a}.thumbnail{position:relative;display:block;overflow:hidden;aspect-ratio:3/2;border-radius:9px;background:#23372c}.thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.thumbnail:hover img{transform:scale(1.025)}.preview-label{position:absolute;inset:auto 0 0;display:flex;align-items:center;justify-content:space-between;padding:26px 14px 12px;background:linear-gradient(transparent,#10221ee6);font-size:12px;color:#f5f2eb;font-weight:600}.preview-label i{font-style:normal;font-size:20px}.demo-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:5px 12px;font-size:12px;color:var(--muted);margin-top:10px}.business{font-size:13px;color:#677062;font-weight:600;margin:0 0 7px}.demo-copy h2{font-size:clamp(26px,2.9vw,37px);max-width:24ch}.intro{font-size:17px;line-height:1.45;margin:14px 0 12px;max-width:54ch}.description{font-size:15px;color:var(--muted);margin:0;max-width:67ch}.steps{list-style:none;padding:0;display:flex;gap:14px;margin:23px 0;counter-reset:step}.steps li{display:flex;align-items:center;gap:7px;font-size:12px;font-weight:600;flex:1;line-height:1.3}.steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#e7dfcf;color:#7a5c2b;font-size:11px;flex:none}.benefit{border-left:2px solid var(--amber);padding-left:14px;color:#344238;font-size:15px;font-weight:600;margin:0 0 14px;max-width:65ch}.related{font-size:13px;color:#637063;margin:0 0 17px;max-width:68ch}.features{list-style:none;display:flex;gap:7px 15px;flex-wrap:wrap;margin:0;padding:0;color:#637067;font-size:12px}.features li:before{content:'✓';color:#6c8469;margin-right:6px}.watch{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:48px;border-bottom:1px solid #a0885c;text-decoration:none;font-size:15px;font-weight:600;margin-top:19px}.watch span{color:#93652b;font-size:20px}.watch:hover{border-color:var(--ink);color:#775219}.library-note{max-width:83ch;color:#69716a;font-size:12px;margin:25px 0 0}.library-note p{margin:0}.next-step{background:#e5e0d6;border-top:1px solid var(--line);padding:48px 0}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.next-grid .eyebrow{font-size:11px;color:#6d624e;margin-bottom:12px}.next-grid h2{font-size:clamp(29px,3.4vw,43px)}.next-grid p{max-width:42ch;font-size:16px;color:#58635b;margin:0 0 20px}.footer{display:flex;align-items:center;justify-content:space-between;gap:18px 30px;flex-wrap:wrap;padding-block:35px 25px}.footer .brand img{width:170px}.footer>p{font-size:13px;color:#59655d;margin:0}.footer nav{display:flex;gap:18px;font-size:12px}.footer nav a{text-decoration:none}.footer small{flex-basis:100%;font-size:11px;color:#6b726b;margin-top:8px}.skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--amber);z-index:5}.skip:focus{top:10px}
@media(max-width:860px){.header-inner{min-height:80px}.brand img{width:180px}.header nav{gap:15px}.header nav>a:first-child{display:none}.hero-grid{grid-template-columns:1.5fr 1fr;gap:35px}.hero-note{padding-left:22px}.hero-note>p{font-size:21px}.mini-flow{gap:5px}.library-head{align-items:flex-start;gap:24px}.demo{grid-template-columns:minmax(200px,.8fr) minmax(0,1.4fr);gap:28px}.steps{flex-direction:column;gap:7px;margin:18px 0}.next-grid{gap:35px}.demo-copy h2{font-size:29px}}
@media(max-width:620px){:root{--gutter:20px}.header-inner{min-height:74px;gap:12px}.brand img{width:155px}.header .contact{font-size:12px;padding:9px 11px;min-height:44px;max-width:150px;text-align:center;line-height:1.25}.hero{padding:40px 0 32px}.hero-grid{display:block}h1{font-size:41px}.hero-lead{font-size:17px;margin:20px 0 17px}.hero-note{margin-top:30px;padding:18px 0 0;border-left:0;border-top:1px solid #4a4d4e;display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hero-note>p,.signal,.mini-flow{display:none}.hero-note small{font-size:12px}.library{padding-block:36px 35px}.library-head{display:block}.library-head h2{font-size:29px}.library-head>p{font-size:14px;margin-top:15px}.filter-bar{display:block;padding:20px 0 15px}.filters{gap:5px}.filters button{padding:8px 11px;font-size:13px}.filters button[data-filter=all]{flex-basis:auto}#result-count{margin:10px 0 0}.demo{display:block;padding:28px 0 32px}.demo-visual{margin-bottom:21px}.index{margin-bottom:10px;gap:12px}.index>span:first-child{font-size:19px}.index>span:last-child{font-size:11px}.thumbnail{aspect-ratio:2/1;max-height:210px}.demo-meta{font-size:11px}.demo-copy h2{font-size:30px;max-width:22ch}.intro{font-size:17px;margin:13px 0}.description{font-size:15px;line-height:1.55}.steps{flex-direction:row;align-items:flex-start;gap:10px;margin:20px 0}.steps li{flex-direction:column;align-items:flex-start;font-size:11px;gap:6px}.benefit{font-size:14px;line-height:1.5}.related{font-size:13px}.features{font-size:12px;gap:6px 12px}.watch{display:flex;width:100%;font-size:14px;gap:12px;min-height:48px}.library-note{font-size:12px}.next-step{padding:34px 0}.next-grid{display:block}.next-grid h2{font-size:34px}.next-grid>div+div{margin-top:23px}.next-grid p{font-size:15px}.footer{display:block;padding-block:28px 20px}.footer>p{margin-top:13px}.footer nav{margin:20px 0;gap:20px}.footer small{display:block;line-height:1.5}}
@media(max-width:350px){:root{--gutter:16px}.brand img{width:135px}.header .contact{max-width:130px;font-size:11px;padding:8px}h1{font-size:35px}.demo-copy h2{font-size:27px}.filters button{font-size:12px;padding-inline:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}