*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#FFFFFF;color:#26312E;font-family:Arial,sans-serif}.frame{position:relative;--surface:#FFFFFF;background:var(--surface);padding:130px 9%;isolation:isolate}.intro{height:100vh;height:100svh;min-height:0;padding:0 9%;display:grid;place-items:center}.intro-placeholder{width:min(650px,90%);display:flex;flex-direction:column;align-items:center;gap:20px}.placeholder{background:#FFFFFF;border-radius:3px}.title{width:80%;height:clamp(48px,8vw,100px);background:#FFFFFF;margin-bottom:16px}.line{width:100%;height:10px;margin-bottom:12px}.intro .line{width:58%;height:9px}.intro .short{width:37%}.short{width:65%}.scroll-cue{position:absolute;bottom:76px;left:calc(50% - 19px);width:38px;height:38px;border:1px solid #FFFFFF;border-radius:50%;display:grid;place-items:center;color:#26312E;text-decoration:none}.scroll-cue:focus-visible{outline:2px solid #26312E;outline-offset:5px}.paper{--surface:#FFFFFF;min-height:90svh}.things{--surface:#FFFFFF;min-height:90svh}.tear{position:absolute;width:100%;height:115px;left:0;top:-79px;overflow:visible;filter:drop-shadow(0 -3px 3px #26312E0c);pointer-events:none}.tear-face{fill:var(--surface)}.tear-fiber{fill:#FFFFFF}.layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:14%;min-height:400px}.copy{width:100%;max-width:420px}.eyebrow{width:25%;height:7px;margin-bottom:30px;background:#FFFFFF}.heading{width:80%;height:48px;margin-bottom:30px;background:#FFFFFF}.button{width:145px;height:43px;background:transparent;border:1px solid #FFFFFF;margin-top:30px}.paper .placeholder{background:#FFFFFF}.paper .button{background:transparent}.paper-stack{position:relative;width:100%;height:380px}.sheet{position:absolute;width:72%;height:90%;left:13%;top:5%;border:1px solid #FFFFFF;background:#FFFFFF;box-shadow:5px 15px 30px #26312E0b}.back{transform:rotate(7deg);background:#FFFFFF}.front{transform:rotate(-6deg);padding:30px}.sheet-title{width:65%;height:16px;background:#FFFFFF!important}.sheet-lines{height:60%;margin-top:40px;background:repeating-linear-gradient(transparent 0,transparent 26px,#FFFFFF 26px,#FFFFFF 27px)}.reverse .copy{order:2}.tiles{display:grid;grid-template-columns:1fr 1fr;gap:18px;transform:rotate(-5deg);padding:20px}.tile{aspect-ratio:1;background:#FFFFFF;border:1px solid #FFFFFF;border-radius:18px;box-shadow:4px 10px 20px #26312E06}.tile:nth-child(2){transform:translateY(-20px);background:#FFFFFF}.tile:nth-child(3){background:#FFFFFF}.tile:nth-child(4){transform:translateY(-20px)}.footer{--surface:#FFFFFF;min-height:420px;padding-top:100px;padding-bottom:50px}.footer-layout{max-width:1100px;margin:auto}.footer .heading{width:200px;height:28px}.footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:70px;margin:45px 0 65px}.footer-columns i{display:block;width:80%;height:8px;background:#FFFFFF;margin-bottom:18px;border-radius:2px}.footer-columns i:last-child{width:55%}.footer-rule{border-top:1px solid #FFFFFF;height:15px}@media(max-width:700px){.frame{padding:100px 9% 90px}.intro{padding:0 7%}.intro-placeholder{width:100%;gap:15px}.intro .title{width:80%;height:58px}.layout{grid-template-columns:1fr;gap:50px}.copy{max-width:none}.heading{height:37px}.reverse .copy{order:0}.paper-stack{width:min(340px,100%);height:330px;margin:auto}.tiles{width:min(340px,100%);margin:auto}.tear{height:90px;top:-62px}.footer{min-height:360px;padding-top:80px;padding-bottom:35px}.footer-columns{gap:25px}.footer-columns i{width:100%}.footer .heading{width:45%;height:24px}.scroll-cue{bottom:70px}}
.new-product{--surface:#FFFFFF;min-height:90svh}.product-preview{border:1px solid #FFFFFF;border-radius:9px;background:#FFFFFF;box-shadow:5px 15px 30px #26312E0b;transform:rotate(-4deg);overflow:hidden}.preview-bar{display:flex;gap:6px;padding:15px;border-bottom:1px solid #FFFFFF;background:#FFFFFF}.preview-bar i{width:6px;height:6px;border-radius:50%;background:#FFFFFF}.preview-content{padding:32px}.preview-content .heading{height:22px;width:60%;margin-bottom:25px}.preview-content .line{height:7px}.preview-panel{height:130px;margin-top:25px;background:#FFFFFF;border-radius:3px}@media(max-width:700px){.new-product{min-height:0}.product-preview{width:min(340px,100%);margin:auto}.preview-content{padding:25px}}
/* Inhoud en productdemonstraties. */
.editorial h2{font-size:clamp(34px,4.2vw,58px);line-height:1.09;letter-spacing:-2.4px;color:#26312E;font-weight:500;margin:0 0 28px}.editorial p:not(.kicker){font-size:16px;line-height:1.85;color:#26312E;margin:0 0 18px}.kicker{font-size:10px;letter-spacing:2px;color:#26312E;margin:0 0 27px}.visit{display:inline-flex;align-items:center;gap:30px;padding:14px 0;border-bottom:1px solid #26312E;color:#26312E;text-decoration:none;font-size:14px;margin-top:12px}.visit:hover{border-color:#26312E}.visit:focus-visible,.back-to-top:focus-visible{outline:2px solid #26312E;outline-offset:6px}.domain-label{display:block;font-size:11px;color:#26312E;margin-top:14px}.brand-composition{height:390px;position:relative}.brand-label{position:absolute;left:10%;top:5%;font-size:44px;letter-spacing:-3px;color:#26312E}.brand-note{position:absolute;padding:28px;box-shadow:5px 15px 30px #26312E09;border:1px solid #FFFFFF;font-size:18px;letter-spacing:-.5px}.note-one{background:#FFFFFF;left:3%;top:30%;width:65%;height:140px;transform:rotate(-8deg)}.note-two{background:#FFFFFF;right:0;top:48%;width:70%;height:140px;transform:rotate(6deg)}.note-three{background:#FFFFFF;left:8%;bottom:0;width:70%;height:115px;transform:rotate(-3deg)}.note-three span{float:right;font-size:30px}.demo-label{font-size:12px;color:#26312E}.writing-demo .sheet-lines{margin-top:25px}.ink-drawing{position:absolute;left:8%;bottom:12%;width:85%;height:38%;overflow:visible}.ink-drawing path{fill:none;stroke:#26312E;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:400;stroke-dashoffset:400;animation:draw-idea 7s ease-in-out infinite;animation-play-state:paused}@keyframes draw-idea{0%,10%{stroke-dashoffset:400;opacity:1}65%,85%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}.things-demos{display:flex;flex-direction:column;align-items:center;gap:45px;min-width:0}.book-demo{width:100%;height:255px;position:relative;perspective:900px;transform:rotate(-5deg);filter:drop-shadow(4px 12px 12px #26312E0a)}.book-page,.turning-page{position:absolute;top:0;width:50%;height:100%;padding:25px 20px;background:#FFFFFF;border:1px solid #FFFFFF}.left-page{left:0;border-radius:5px 0 0 5px}.right-page{right:0;border-radius:0 5px 5px 0;background:#FFFFFF}.book-page span{display:block;color:#26312E;font-size:12px;margin-bottom:35px}.book-page i,.turning-page i{display:block;border-bottom:1px solid #FFFFFF;height:23px}.turning-page{left:50%;transform-origin:left center;backface-visibility:visible;background:linear-gradient(90deg,#FFFFFF,#FFFFFF 20%);animation:turn-page 7s ease-in-out infinite;animation-play-state:paused;padding-top:75px}@keyframes turn-page{0%,15%{transform:rotateY(0)}65%,85%{transform:rotateY(-165deg)}100%{transform:rotateY(0)}}.task-demo{display:flex;align-items:center;gap:17px;background:#FFFFFF;border:1px solid #FFFFFF;padding:22px 24px;transform:rotate(3deg);font-size:13px;box-shadow:3px 8px 16px #26312E06}.task-check{width:22px;height:22px;border:1px solid #26312E;border-radius:4px;display:grid;place-items:center;color:transparent;animation:check-task 6s infinite;animation-play-state:paused}.task-text{color:#26312E}@keyframes check-task{0%,20%,100%{background:transparent;color:transparent;transform:scale(1)}35%{background:#26312E;color:#FFFFFF;transform:scale(1.12)}45%,85%{background:#26312E;color:#FFFFFF;transform:scale(1)}}.is-visible .ink-drawing path,.is-visible .turning-page,.is-visible .task-check{animation-play-state:running}.back-to-top{position:fixed;right:28px;bottom:28px;z-index:20;width:48px;height:48px;border:1px solid #FFFFFF;border-radius:50%;background:#26312Eed;color:#26312E;box-shadow:0 4px 16px #26312E10;font-size:24px;cursor:pointer}.back-to-top[hidden]{display:none}.back-to-top:hover{background:#FFFFFF}.footer{padding-bottom:85px}@media(max-width:700px){.editorial h2{font-size:38px;letter-spacing:-1.6px}.editorial p:not(.kicker){font-size:15px}.brand-composition{height:340px;width:min(340px,100%);margin:auto}.things-demos{width:min(360px,100%);margin:auto}.book-demo{height:230px}.back-to-top{right:18px;bottom:18px;width:44px;height:44px}.task-demo{padding:18px;font-size:12px}.copy.editorial{order:0}}
@media(prefers-reduced-motion:reduce){.ink-drawing path{animation:none;stroke-dashoffset:0}.turning-page{animation:none;transform:rotateY(-25deg)}.task-check{animation:none;color:#FFFFFF;background:#26312E}}

/* Drie basiskleuren: wit, diepblauw en perzik. */
:root{--white:#FFFFFF;--ink:#26312E;--peach:#F3EFE7}
body{color:var(--ink);background:var(--white)}.intro{--surface:var(--white);text-align:center}.new-product{--surface:var(--peach)}.paper{--surface:var(--white)}.things{--surface:var(--ink)}.footer{--surface:var(--peach)}
.intro-copy{max-width:900px;padding-bottom:40px}.intro-brand{font-size:17px;letter-spacing:-.7px;margin:0 0 35px}.intro h1{font-size:clamp(64px,10vw,140px);line-height:.98;font-weight:500;letter-spacing:-.075em;margin:0 0 32px}.intro h1 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.065em}.intro-description{font-size:14px;line-height:1.7;margin:0}.scroll-cue{color:var(--ink);border-color:var(--ink)}.tear-fiber{fill:var(--ink);opacity:.18}.tear{filter:drop-shadow(0 -3px 3px #26312E0C)}
.editorial h2,.editorial p:not(.kicker),.kicker,.visit,.domain-label,.brand-label,.demo-label{color:var(--ink)}.visit{border-color:var(--ink)}.visit:hover{opacity:.7}.brand-note{border-color:var(--ink);background:var(--white);box-shadow:5px 15px 30px #26312E0C}.note-two{background:var(--ink);color:var(--white)}.note-three{background:var(--white)}.sheet{border-color:#26312E33;background:var(--white);box-shadow:5px 15px 30px #26312E12}.sheet.back{background:var(--peach)}.sheet-lines{background:repeating-linear-gradient(transparent 0,transparent 26px,#26312E26 26px,#26312E26 27px)}.ink-drawing path{stroke:var(--ink)}
.things .editorial h2,.things .editorial p:not(.kicker),.things .kicker,.things .visit,.things .domain-label{color:var(--white)}.things .visit{border-color:var(--peach)}.things .kicker{color:var(--peach)}.book-page,.turning-page{background:var(--white);border-color:#26312E33;color:var(--ink)}.right-page{background:var(--peach)}.book-page span{color:var(--ink)}.book-page i,.turning-page i{border-color:#26312E33}.turning-page{background:linear-gradient(90deg,var(--peach),var(--white) 20%)}.task-demo{background:var(--peach);border-color:var(--peach)}.task-text{color:var(--ink)}.task-check{border-color:var(--ink)}
.footer .placeholder,.footer-columns i{background:var(--ink);opacity:.25}.footer-rule{border-color:#26312E40}.back-to-top{background:var(--white);color:var(--ink);border-color:var(--ink);box-shadow:0 4px 16px #26312E1A}.back-to-top:hover{background:var(--peach)}
@keyframes check-task{0%,20%,100%{background:transparent;color:transparent;transform:scale(1)}35%{background:var(--ink);color:var(--white);transform:scale(1.12)}45%,85%{background:var(--ink);color:var(--white);transform:scale(1)}}
@media(max-width:700px){.intro h1{font-size:clamp(60px,15vw,100px)}.intro-brand{margin-bottom:28px}.intro-description{font-size:13px;max-width:250px;margin:auto}}
@media(max-height:500px) and (min-width:701px){.intro h1{font-size:65px}.intro-brand{margin-bottom:16px}.intro-copy{padding-bottom:35px}.intro-description{font-size:12px}.scroll-cue{bottom:40px}}
@media(prefers-reduced-motion:reduce){.task-check{background:var(--ink);color:var(--white)}}
/* Nieuwe compositie: papier, krabbels en ruimte om te ontdekken. */
:root{--ink:#26312E;--peach:#F3EFE7;--white:#FFFFFF}body{font-family:Arial,Helvetica,sans-serif}.site-header{position:absolute;z-index:5;left:7%;right:7%;top:30px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:600;letter-spacing:-1.2px;text-decoration:none;color:var(--ink);display:flex;align-items:center;gap:10px}.logo span{font-size:30px}.site-header nav,.footer-links nav{display:flex;gap:28px;align-items:center;font-size:12px}.site-header nav a,.footer-links a{color:inherit;text-decoration:none}.site-header nav a:last-child{border:1px solid var(--ink);padding:11px 16px;border-radius:30px}.intro{padding:100px 7% 95px;text-align:left}.hero-layout{width:100%;max-width:1250px;display:grid;grid-template-columns:1.1fr 1fr;gap:4%;align-items:center}.intro-copy{padding:0;max-width:650px}.intro-brand{font-size:9px;letter-spacing:2px;margin-bottom:28px}.intro h1{font-size:clamp(65px,8vw,118px);line-height:1.01;margin-bottom:27px}.intro-description{max-width:360px;font-size:14px;line-height:1.85}.hero-cta{display:inline-flex;gap:40px;background:var(--ink);color:var(--white);border-radius:30px;padding:16px 23px;text-decoration:none;font-size:12px;margin-top:28px}.hero-cta:hover{background:var(--peach);color:var(--ink)}.hero-art{height:425px;position:relative}.hero-orbit{position:absolute;width:86%;height:80%;left:7%;top:9%;border:1px solid var(--ink);border-radius:50%;transform:rotate(-28deg)}.hero-paper{position:absolute;left:17%;top:12%;width:64%;height:78%;padding:28px;background:var(--peach);border:1px solid var(--ink);transform:rotate(-10deg);box-shadow:10px 15px 0 #26312E0D}.hero-paper>span{font-family:Georgia,serif;font-style:italic;font-size:22px}.hero-paper svg{width:100%;height:70%;display:block}.hero-paper small{font-size:7px;letter-spacing:1.5px}.hero-star{position:absolute;width:110px;right:0;top:0;color:var(--ink);transform:rotate(9deg)}.hero-star svg,.feature-icon svg,.scene-star svg,.book-sticker svg,.footer-star svg{width:100%;height:100%;display:block}.hero-sticker{position:absolute;right:-2%;bottom:8%;padding:20px 28px;background:var(--white);border:1px solid var(--ink);font-size:19px;line-height:1.3;transform:rotate(8deg)}.hero-sticker span{position:absolute;right:9px;top:6px}.hero-scribble{position:absolute;bottom:-6%;left:0;width:130px}.hero-scribble svg{width:100%}.scroll-cue{left:7%;bottom:65px}.frame{padding-left:7%;padding-right:7%}.section-heading{max-width:1200px;margin:0 auto 75px;display:flex;justify-content:space-between;border-top:1px solid #26312E55;padding-top:18px;font-size:8px;letter-spacing:1.6px;gap:25px}.layout{max-width:1200px;gap:10%;grid-template-columns:1fr 1fr}.copy{max-width:500px}.new-product{--surface:var(--peach);padding-bottom:125px}.about-layout .copy{order:0}.about-layout .brand-composition{order:1}.editorial h2{font-size:clamp(36px,4vw,60px);letter-spacing:-2.5px;line-height:1.08}.editorial p:not(.kicker){font-size:14px;line-height:1.9}.brand-composition{height:390px}.brand-label{font-size:58px;letter-spacing:-4px}.brand-note{border-color:var(--ink)}.principles{max-width:1200px;margin:95px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;border-top:1px solid #26312E55;padding-top:38px}.principles article{position:relative}.feature-icon{display:block;width:45px;height:45px;margin-bottom:25px}.feature-icon svg{object-fit:contain}.arrow-icon{font-size:55px;line-height:.8}.principles h3{font-size:22px;font-weight:500;letter-spacing:-.7px;margin:0 0 15px}.principles p{font-size:13px;line-height:1.8;max-width:300px;margin:0}.paper{--surface:var(--white);padding-top:150px;padding-bottom:150px}.feature-list{list-style:none;padding:0;margin:28px 0;font-size:12px;line-height:1.7}.feature-list li{display:flex;gap:14px;margin-bottom:14px;align-items:baseline}.feature-list li span{font-size:18px;min-width:20px}.paper-scene{position:relative;background:var(--peach);border-radius:48% 48% 5px 5px;padding:60px 20px 30px;min-width:0}.paper-stack{height:380px}.scene-star{position:absolute;right:-18px;top:10px;width:85px;height:85px;transform:rotate(15deg)}.scene-caption{position:absolute;bottom:20px;left:25px;z-index:2;font-family:Georgia,serif;font-style:italic;font-size:15px}.paper-pencil{position:absolute;right:10%;top:25%;height:280px;width:12px;background:var(--ink);transform:rotate(23deg);border-radius:5px}.paper-pencil:after{content:'';position:absolute;bottom:-17px;border-left:6px solid transparent;border-right:6px solid transparent;border-top:18px solid var(--ink)}.things{--surface:var(--white);border:0;padding-top:130px;padding-bottom:150px}.things .editorial h2,.things .editorial p:not(.kicker),.things .kicker,.things .visit,.things .domain-label{color:var(--ink)}.things .visit{border-color:var(--ink)}.things .layout{grid-template-columns:1.1fr 1fr}.things-demos{position:relative;background:var(--ink);padding:95px 32px 55px;gap:45px;border-radius:8px;min-height:460px}.book-sticker{position:absolute;right:-15px;top:-30px;background:var(--peach);padding:18px 30px;transform:rotate(7deg);font-size:18px;line-height:1.2;border:1px solid var(--ink);z-index:2}.book-sticker svg{position:absolute;left:-25px;top:18px;width:36px;height:36px}.book-demo{height:230px}.topic-tags{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.topic-tags span{border:1px solid #26312E55;padding:8px 14px;border-radius:30px;font-size:11px}.topic-tags span:nth-child(2){background:var(--peach);border-color:var(--peach)}.task-demo{font-size:12px;padding:18px}.footer{--surface:var(--ink);color:var(--white);padding-top:95px;min-height:0}.footer-top{max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:70px}.footer .kicker{color:var(--peach)}.footer h2{font-size:clamp(35px,4.5vw,65px);font-weight:400;line-height:1.15;letter-spacing:-2px;margin:0}.footer h2 em{font-family:Georgia,serif;font-weight:400;color:var(--peach)}.footer-star{width:150px;height:150px;color:var(--peach);transform:rotate(12deg)}.footer-links{max-width:1200px;margin:auto;border-top:1px solid #FFFFFF55;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer .logo{color:var(--white)}.footer-links>span{font-size:10px}.visit:hover{opacity:.65}a:focus-visible{outline:2px solid currentColor;outline-offset:6px}.back-to-top:hover{background:var(--peach)}
@media(max-width:900px){.hero-art{height:350px}.hero-star{width:85px}.hero-paper{padding:20px}.hero-paper>span{font-size:18px}.hero-sticker{font-size:16px;padding:15px 20px}.layout{gap:7%}.section-heading span:last-child{display:none}.things-demos{padding:90px 22px 40px}.book-demo{height:205px}.footer-links nav{gap:16px}}
@media(max-width:700px){.site-header{top:23px}.logo{font-size:21px}.site-header nav{gap:14px;font-size:10px}.site-header nav a:first-child{display:none}.site-header nav a:last-child{padding:8px 11px}.intro{padding:100px 7% 75px;display:flex;align-items:center;min-height:740px;height:100svh}.hero-layout{grid-template-columns:1fr;gap:25px;max-width:430px;margin:auto}.intro h1{font-size:clamp(55px,14vw,82px);margin-bottom:18px}.intro-brand{font-size:7px;margin-bottom:18px}.intro-description{font-size:12px;margin:0;max-width:300px}.hero-cta{padding:12px 18px;font-size:11px;margin-top:18px}.hero-art{height:235px;width:270px;justify-self:end;margin-right:8px}.hero-paper{padding:17px}.hero-paper>span{font-size:15px}.hero-paper small{font-size:5px;letter-spacing:.8px}.hero-star{width:65px}.hero-sticker{font-size:13px;padding:12px 19px}.hero-scribble{width:90px;bottom:-2%}.hero-orbit{height:85%}.scroll-cue{bottom:55px;width:30px;height:30px}.section-heading{margin-bottom:45px;font-size:7px}.layout,.things .layout{grid-template-columns:1fr;gap:55px}.about-layout .brand-composition{width:min(340px,100%);height:330px}.editorial h2{font-size:38px;letter-spacing:-1.8px}.principles{grid-template-columns:1fr;margin-top:65px;gap:28px}.principles article{padding-left:65px}.feature-icon{position:absolute;left:0;top:3px;width:35px;height:35px}.principles h3{font-size:21px;margin-bottom:9px}.principles p{max-width:none;font-size:12px}.paper,.things{padding-top:105px;padding-bottom:100px}.paper-scene{width:min(350px,100%);margin:auto;padding:45px 10px 35px}.paper-stack{height:310px}.paper-pencil{height:215px;right:12%}.scene-star{width:65px;height:65px;right:-8px}.scene-caption{font-size:13px;bottom:15px}.things-demos{width:100%;max-width:370px;min-height:0;padding:80px 25px 40px}.book-demo{height:220px}.book-sticker{right:0}.footer{padding-top:75px;padding-bottom:45px}.footer-star{width:65px;height:65px;flex-shrink:0}.footer h2{font-size:30px;letter-spacing:-1px}.footer-top{padding-bottom:45px}.footer-links{flex-wrap:wrap;gap:25px}.footer-links nav{font-size:11px}.footer-links>span{width:100%}.brand-label{font-size:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
/* Gelijke productknoppen en een duidelijk omhoog-icoon. */
.site-header nav a,.site-header nav a:last-child{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:124px;padding:12px 18px;border:1px solid var(--ink);border-radius:30px;font-size:12px}.site-header nav a:hover{background:var(--peach)}.back-to-top{display:grid;place-items:center;padding:0}.back-to-top[hidden]{display:none}.back-to-top svg{display:block;flex-shrink:0}
@media(max-width:700px){.site-header nav{gap:8px}.site-header nav a,.site-header nav a:first-child,.site-header nav a:last-child{display:inline-flex;min-width:0;padding:9px 11px;font-size:10px;gap:6px}.site-header .logo{font-size:19px;gap:6px}.site-header .logo span{font-size:24px}}

/* Aansluiting op het privacycentrum: witte pagina en serif-woordmerk. */
:root{--ink:#26312E;--peach:#F3EFE7;--white:#FFFFFF}
.frame,.intro,.new-product,.paper,.things,.footer{--surface:#FFFFFF}
body{font-family:"Segoe UI",Arial,sans-serif}
.site-header .logo,.footer .logo{font-family:Georgia,"Times New Roman",serif;font-size:29px;font-weight:400;line-height:1.15;letter-spacing:-1.1px;color:#20271E;gap:0}
.footer{color:var(--ink)}.footer .kicker{color:#6D7772}.footer h2 em,.footer-star{color:var(--ink)}.footer-links{border-color:#E3E7E3}.footer .logo{color:#20271E}
.hero-paper,.paper-scene,.book-sticker,.task-demo{background:#F3EFE7}.hero-paper,.hero-sticker,.brand-note,.book-sticker{border-color:#E2DBCE}
.hero-orbit{border-color:#E2DBCE}.hero-star,.scene-star{color:var(--ink)}.things-demos{background:#F3EFE7}.right-page{background:#F3EFE7}.task-demo{border-color:#E2DBCE;background:#FFFFFF}
.note-two{background:#F3EFE7;color:var(--ink)}.section-heading,.principles{border-color:#E3E7E3}.site-header nav a,.site-header nav a:last-child{border-color:#E2DBCE}.site-header nav a:hover{background:#F3EFE7}
@media(max-width:700px){.site-header .logo{font-size:27px;gap:0}}
/* Compacte, rustige footer. */
.footer{padding:55px 7% 26px;min-height:0;background:#FFFFFF}.footer>.tear{display:none}.footer-main{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px;border-top:1px solid #E3E7E3;padding-top:45px;padding-bottom:42px}.footer-brand p{font-size:13px;line-height:1.85;color:#6D7772;margin:17px 0 0;max-width:340px}.footer-nav{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-nav h2{font-family:inherit;font-size:12px;font-weight:600;letter-spacing:0;line-height:1.5;color:#26312E;margin:0 0 5px}.footer-nav a{font-size:13px;text-decoration:none;color:#6D7772;line-height:1.6;display:flex;gap:15px}.footer-nav a:hover{color:#26312E;text-decoration:underline;text-underline-offset:4px}.footer-bottomline{max-width:1200px;margin:auto;display:flex;justify-content:space-between;gap:20px;padding-top:22px;border-top:1px solid #E3E7E3;font-size:11px;color:#6D7772}
@media(max-width:700px){.footer{padding-top:20px;padding-bottom:24px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 24px;padding-top:32px;padding-bottom:32px}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:12px}.footer-nav a{font-size:12px}.footer-bottomline{font-size:10px;gap:15px}}

.realistic-scene{background:transparent;border-radius:0;padding:40px 0;min-height:400px}.product-folio{position:relative;width:100%;height:330px;border:4px solid #59634e;border-radius:7px 12px 12px 7px;box-shadow:0 6px 0 #c9caba,0 9px 0 #737b64,8px 23px 30px #26312e16;transform:rotate(-5deg);perspective:1000px}.product-folio .folio-spread{inset:0}.product-folio .folio-running{font-size:5px;letter-spacing:.7px}.product-folio .ink-drawing{left:7%;top:31%;width:36%;height:43%;bottom:auto;z-index:2}.product-page-turn{position:absolute;left:50%;top:0;width:50%;height:100%;background:linear-gradient(90deg,#e0e1d2,#fffef7 15%,#fbfaf2);border:1px solid #dedfd0;transform-origin:left center;border-radius:0 7px 7px 0;transform:rotateY(0);z-index:3;animation:product-folio-flip 7s ease-in-out infinite;animation-play-state:paused}.is-visible .product-page-turn{animation-play-state:running}.mini-toolbar{position:absolute;top:-10px;left:22%;display:flex;gap:18px;background:#fff;border:1px solid #e3e7e3;padding:10px 17px;border-radius:12px;box-shadow:0 4px 10px #26312e06;transform:rotate(-5deg);font-size:16px;color:#707a67}.tool-selected{font-family:Georgia,serif;background:#eef0e8;padding:0 7px;border-radius:4px}.notebook-caption{display:block;text-align:center;font:italic 12px Georgia,serif;color:#6d7772;margin-top:30px}.product-bookmark{position:absolute;right:-17px;top:35%;height:40px;width:20px;background:#c9ccad;border-radius:0 4px 4px 0}.realistic-scene .paper-pencil{display:none}

@keyframes product-folio-flip{0%,25%{transform:rotateY(0)}65%,85%{transform:rotateY(-175deg)}100%{transform:rotateY(0)}}
@media(max-width:700px){.realistic-scene{padding:25px 0 15px;min-height:0;width:100%;max-width:440px}.product-folio{height:260px}.mini-toolbar{top:-23px;font-size:13px;gap:13px;padding:8px 13px}.notebook-caption{font-size:11px;margin-top:24px}}@media(prefers-reduced-motion:reduce){.product-page-turn{animation:none;transform:rotateY(-25deg)}}
.folio-spread{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;border-radius:7px 10px 10px 7px;transform-style:preserve-3d;isolation:isolate}.folio-leaf{position:relative;padding:10% 8%;overflow:hidden;border:1px solid #d9d9cc;box-sizing:border-box;background:#fffdf7}.folio-left{border-radius:7px 0 0 7px;background:linear-gradient(90deg,#f3f2ea 0,#fffef9 12%,#fbfaf2 88%,#deded0 98%,#b8bbac 100%);border-right:0}.folio-right{border-radius:0 10px 10px 0;background:linear-gradient(90deg,#c3c6b7,#ebeade 4%,#fffef8 14%,#fbfaf3 92%,#eeeee4);border-left:0}.folio-spread:after{content:'';position:absolute;inset:0;pointer-events:none;border:1px solid #ffffffa6;border-radius:inherit;box-shadow:inset 2px 0 2px #ffffffb3,inset -3px -3px 2px #d6d6c675}.folio-running{font:6px "Segoe UI",sans-serif;letter-spacing:1.4px;color:#909780;position:absolute;left:11%;top:8%}.folio-ruling{position:absolute;inset:17% 10% 16%;background:repeating-linear-gradient(transparent 0,transparent 25px,#aeb5a323 26px,transparent 27px)}.folio-leaf small{position:absolute;bottom:6%;font:8px "Segoe UI",sans-serif;color:#9a9f8a;left:18%}.folio-right small{left:auto;right:18%}