:root{--paper:#f7f7f2;--ink:#192420;--muted:#57615b;--accent:#b6442b;--line:#d3d9cf;--soft:#e6ebe1;--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.55 Arial,Helvetica,sans-serif}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(34px,4.5vw,66px);font-weight:650;margin-bottom:24px}h2 em{font-family:Georgia,serif;font-weight:400}h3{font-size:26px;font-weight:600}p{margin-bottom:20px}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1320px,88%);margin-inline:auto}section[id]{scroll-margin-top:110px}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.reviewbar{background:var(--ink);color:white;text-align:center;font-size:10px;letter-spacing:.05em;padding:6px 12px}.reviewbar a{margin-left:20px}header{position:sticky;top:16px;z-index:20;display:flex;align-items:center;gap:40px;width:fit-content;max-width:94%;margin:18px auto 0;padding:16px 24px;background:#ffffffec;backdrop-filter:blur(20px);border:1px solid #ffffff;border-radius:19px;box-shadow:0 10px 35px #233a2b08}.brand{font-size:32px;font-weight:900;letter-spacing:-2px;text-decoration:none;line-height:1}.brand span{color:var(--accent)}nav{display:flex;align-items:center;gap:27px;font-size:13px}nav a{text-decoration:none}nav a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{display:flex;gap:14px;align-items:center;background:var(--ink);color:white;padding:12px 18px;border-radius:30px}.menu{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 23px;border:0;border-radius:40px;background:var(--ink);color:white;font-size:14px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s,transform .2s}.button:hover{background:var(--accent);transform:translateY(-2px)}.button>span{font-size:21px;font-weight:400;line-height:1;flex-shrink:0}.textlink{font-size:14px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px;display:inline-block}.eyebrow,.small-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:600}.eyebrow{color:var(--muted);margin-bottom:22px}.micro{font-size:13px;color:var(--muted);line-height:1.6}.hero{position:relative;overflow:hidden;padding:95px 5% 75px;isolation:isolate}.hero-content{position:relative;z-index:2;text-align:center;max-width:1040px;margin:auto}.hero h1{font-size:clamp(44px,6.9vw,104px);text-transform:uppercase;line-height:.92;letter-spacing:-.073em;margin:0 0 35px;font-weight:800}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--accent);font-style:normal}.hero-content>p{font-size:18px;line-height:1.6;margin-bottom:28px}.hero-actions{display:flex;justify-content:center;align-items:center;gap:25px}.hero-content{animation:hero-in .9s var(--ease) both}.hero-art{position:absolute;inset:0;z-index:0;pointer-events:none}.art-card{position:absolute;background:linear-gradient(135deg,#ffffffc9,#e4e9df99);border:1px solid #fff;box-shadow:0 20px 60px #20372712;backdrop-filter:blur(6px);border-radius:20px;animation:card-in 1.5s var(--ease) both}.art-frame{width:180px;height:224px;left:-55px;top:30%;transform:rotate(-13deg);padding:24px;color:#7d8b7d;font:10px monospace}.art-frame>i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:5px}.art-frame b{float:right;font-weight:400}.viewfinder{margin:25px 0;width:100%;height:120px;border:1px solid #71837655;border-radius:7px;background:linear-gradient(135deg,#c5d1c7aa,transparent);position:relative}.viewfinder:after{content:'+';position:absolute;top:37%;left:48%;font:22px Arial}.art-timeline{right:-62px;top:38%;width:245px;padding:24px;transform:rotate(11deg);font-size:10px;color:#637363}.wave{font-size:24px;letter-spacing:4px;white-space:nowrap;color:#788a72;margin:14px 0}.timeline{display:flex;gap:4px}.timeline i{height:25px;background:#9dab9666;border-radius:3px;width:36%}.timeline i:nth-child(2){background:#b6442b45;width:24%}.orbit{position:absolute;width:440px;height:440px;border:1px solid #a3b39b20;border-radius:50%;left:calc(50% - 220px);top:8%;z-index:-1}@keyframes hero-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes card-in{from{opacity:0;translate:0 30px}to{opacity:1;translate:0 0}}
.experience{padding:18px 0 35px;border-bottom:1px solid var(--line)}.experience-top{display:flex;justify-content:space-between;align-items:center;gap:15px}.experience-top p{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin:0;color:var(--muted)}#motionToggle{border:0;background:none;text-decoration:underline;font-size:11px;color:var(--muted);padding:8px}.logo-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.logo-track{display:flex;width:max-content;gap:40px;animation:marquee 45s linear infinite}.logo-group{display:flex;align-items:center;gap:40px;list-style:none;margin:0;padding:8px 0}.logo-group li{width:190px;display:flex;flex-direction:column;align-items:center;flex-shrink:0}.logo-group img{width:150px;height:110px;object-fit:contain;mix-blend-mode:multiply}.logo-group span{font-size:10px;color:var(--muted)}.logo-window:hover .logo-track,.logo-track.paused{animation-play-state:paused}.credit{font-size:11px;color:var(--muted);text-align:center;margin:15px auto 0;max-width:650px}@keyframes marquee{to{transform:translateX(calc(-50% - 20px))}}
.intro-section{padding:95px 0 65px}.intro-section h2{font-size:clamp(32px,4vw,60px);letter-spacing:-.055em}.section-lead{font-size:22px;line-height:1.4;max-width:720px;color:var(--muted)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:35px}.intro-note{display:grid;grid-template-columns:1fr 1.2fr;column-gap:28px;border-top:1px solid var(--line);padding-top:22px}.intro-note .small-label{grid-column:1/-1;color:var(--accent);margin-bottom:16px}.intro-note h3{font-size:25px;margin:0}.intro-note p{font-size:15px;color:var(--muted);margin:0}.section-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:35px}.section-top h2{margin-bottom:0}.section-top>p{font-size:16px;color:var(--muted);max-width:400px;margin:0}.formats{padding:45px 0 90px}.format-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.glass{background:linear-gradient(130deg,#ffffffb8,#e7ece2a1);border:1px solid #fff;border-radius:24px;box-shadow:0 14px 45px #233a2b07}.format-card{overflow:hidden}.format-visual{height:175px;background:radial-gradient(ellipse at 50% 100%,#cedac4,transparent);position:relative}.format-text{padding:26px 30px}.format-text .small-label{color:var(--muted)}.format-text h3{font-size:27px;margin:13px 0}.format-text p{font-size:16px;max-width:420px;margin:0;color:var(--muted)}.person{position:absolute;bottom:0;width:85px;height:78px;border-radius:40px 40px 0 0;background:#798e7840}.person:before{content:'';position:absolute;top:-44px;left:23px;width:39px;height:39px;border-radius:50%;background:#798e7860}.p1{left:26%;transform:rotate(-6deg)}.p2{left:50%;height:65px;background:#b6442b35}.p2:before{background:#b6442b55}.bubble{position:absolute;left:16%;top:16px;transform:rotate(-4deg);background:#ffffffc9;border:1px solid white;border-radius:12px;padding:12px 16px;font-size:12px;font-style:normal;box-shadow:0 7px 18px #233a2b0b}.project-art{display:flex;align-items:center;justify-content:center;gap:18px}.project-art>span{font-size:33px;font-weight:bold;line-height:1.1;text-align:center;background:#ffffffa8;padding:18px 13px;border-radius:13px;border:1px solid white;transform:rotate(-5deg)}.project-art>span:nth-of-type(2){transform:rotate(3deg)}.project-art small{font-size:10px;font-weight:400;white-space:nowrap}.project-art>i{color:var(--accent);font-size:23px}
.case{background:var(--soft);border-radius:35px;padding:75px 0}.case h2{font-size:clamp(48px,6vw,86px)}.case-row{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;column-gap:9%;padding:42px 4%;border-top:1px solid #c5cec0}.case-row:nth-of-type(even) .phone{grid-column:2;grid-row:1}.case-row:nth-of-type(even) .case-copy{grid-column:1;grid-row:1}.phone{width:250px;max-width:100%;padding:10px;background:linear-gradient(130deg,#ffffffb0,#cbd6c6a8);border:1px solid white;border-radius:36px;box-shadow:0 20px 35px #233a2b12;justify-self:center}.phone-top{display:flex;justify-content:space-between;align-items:center;padding:3px 13px 10px;font-size:8px;height:26px}.phone-top i{width:50px;height:12px;border-radius:20px;background:var(--ink)}.phone-bottom{width:65px;height:4px;background:#61705c80;border-radius:5px;margin:10px auto 0}.video-cover{display:flex;position:relative;overflow:hidden;isolation:isolate;flex-direction:column;align-items:flex-start;justify-content:space-between;text-align:left;width:100%;aspect-ratio:9/15.2;padding:23px 18px;border:0;border-radius:22px;background:#344c41;color:#fff}.cover-02{background:#717b68}.cover-03{background:#746859}.cover-label{font-size:9px;letter-spacing:.13em;z-index:1}.video-cover strong{font-family:Georgia,serif;font-size:29px;font-weight:400;line-height:1.02;z-index:1;margin-top:35px;letter-spacing:-.04em}.play-icon{display:grid;place-items:center;width:49px;height:49px;background:#ffffff22;border:1px solid #ffffff99;border-radius:50%;font-size:18px;padding-left:3px;transition:background .2s}.video-cover:hover .play-icon{background:#ffffff55}.cover-foot{font-size:11px;line-height:1.6}.cover-foot small{display:block;color:#ffffffbd;font-size:9px}.cover-art{position:absolute;inset:10% -15% 15%;opacity:.25;z-index:-1;transform:rotate(-20deg)}.cover-art i{display:block;height:25%;border:1px solid #fff;margin:15px;border-radius:50%;background:#ffffff10}.case-meta{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.badge{background:#ffffff75;border:1px solid #ffffff;padding:4px 9px;border-radius:20px;white-space:nowrap}.case-copy h3{font-size:clamp(28px,3.4vw,47px);max-width:470px;margin:0 0 22px}.case-copy p{font-size:16px;color:#475348;max-width:470px}.case-copy .textlink{font-size:12px}.case-close{padding:30px 35px;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;margin-top:30px}.case-close h3{font-size:27px;margin-bottom:14px}.case-close p{font-size:15px;max-width:540px;margin-bottom:0}.case-close .micro{font-size:12px;margin-top:14px}.case-close>div:last-child{justify-self:end}
.workflow{padding:95px 0}.process-shell{padding:10px}.step-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:0}.step-tabs button{border:0;background:transparent;text-align:left;border-radius:16px;padding:20px;font-size:15px;color:var(--muted)}.step-tabs button span{display:block;font-size:11px;margin-bottom:6px}.step-tabs button[aria-selected=true]{background:var(--ink);color:white}.step-panels [role=tabpanel]{display:grid;grid-template-columns:180px 1fr;gap:25px;align-items:center;padding:35px 40px;min-height:255px}.process-number{font:italic 120px/1 Georgia,serif;color:#a2b49a}.step-panels h3{font-size:32px;margin-bottom:16px}.step-panels p{max-width:670px;font-size:17px;color:var(--muted)}.role-chips{display:flex;gap:12px;flex-wrap:wrap}.role-chips span{font-size:12px;background:#ffffffb5;border-radius:20px;padding:8px 13px}.workflow-note{text-align:center;font-size:13px;color:var(--muted);margin-top:18px}
.offer{padding:0 0 85px}.offer-box{background:var(--ink);color:white;border-radius:28px;padding:50px;display:grid;grid-template-columns:1.1fr 1fr;gap:35px 8%}.offer .eyebrow{color:#c3cfbf}.offer h2{font-size:clamp(34px,4vw,55px)}.offer-head>p:not(.eyebrow){font-size:16px;color:#c3cfbf}.price{font-size:43px;letter-spacing:-.045em;margin:26px 0 24px}.price span{display:block;font-size:12px;letter-spacing:0;color:#c3cfbf}.offer .button{background:#edf1e7;color:var(--ink)}.offer .button:hover{background:white}.offer-list article{display:flex;gap:25px;align-items:start;padding:24px 0;border-bottom:1px solid #ffffff28}.offer-list article:first-child{padding-top:0}.offer-list b{font-size:35px;font-weight:400;color:#c5d5b9;line-height:1;width:50px;flex-shrink:0}.offer-list h3{font-size:22px;letter-spacing:-.02em;margin-bottom:10px}.offer-list p{font-size:14px;color:#c3cfbf;margin:0;max-width:320px}.package-details{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:20px;font-size:13px}.package-details summary{cursor:pointer;display:flex;justify-content:space-between;gap:20px}.terms-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.terms-grid p{color:#c3cfbf;font-size:13px;margin:0}.team{padding-bottom:90px}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.team-grid article{border-top:1px solid var(--line);padding-top:25px}.team-monogram{display:block;font:italic 45px Georgia,serif;color:#859780;margin-bottom:18px}.team-grid h3{font-size:25px;margin-bottom:5px}.team-grid p{font-size:14px;margin-bottom:13px}.team-grid small{display:block;color:var(--muted);font-size:14px;max-width:290px}.faq{padding:0 0 90px}.faq h2{font-size:clamp(34px,4vw,55px)}.faq-list{border-bottom:1px solid var(--line)}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq summary{font-size:17px;cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:24px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{font-size:15px;color:var(--muted);max-width:820px;margin:18px 0 0}.services{padding-bottom:90px}.service-tags{display:flex;gap:14px;flex-wrap:wrap}.service-tags span{padding:12px 21px;border:1px solid var(--line);border-radius:30px;font-size:14px}
.check-section{background:#e6ebe1;border-radius:35px;padding:75px 0}.check-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:start}.check-intro h2{font-size:clamp(38px,4.7vw,67px)}.check-intro>p{max-width:380px;font-size:16px}.check-intro .micro{font-size:13px}.demo-tag{font-size:11px!important;padding:13px 15px;border:1px solid #b6c3ad;border-radius:9px;color:#475345}.check-card{padding:32px;min-height:455px}.check-progress{display:flex;align-items:center;gap:20px;margin-bottom:28px;font-size:11px;color:var(--muted)}progress{width:100%;height:5px;accent-color:var(--accent);border:0}progress::-webkit-progress-bar{background:#d9e0d3;border-radius:5px}progress::-webkit-progress-value{background:var(--accent);border-radius:5px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:26px;line-height:1.2;letter-spacing:-.035em;font-weight:600;margin-bottom:23px;padding:0;float:left;width:100%}legend+*{clear:both}.choices{display:grid;gap:9px}.choices label{position:relative;cursor:pointer}.choices input{position:absolute;opacity:0;width:1px;height:1px}.choices label>span{display:flex;align-items:center;justify-content:space-between;padding:15px 18px;background:#ffffff9c;border:1px solid #d1d9cb;border-radius:12px;font-size:14px;min-height:54px}.choices label>span:after{content:'';width:16px;height:16px;border:1px solid #95a48b;border-radius:50%;flex-shrink:0;margin-left:15px}.choices input[type=checkbox]+span:after{border-radius:4px}.choices input:checked+span{border-color:var(--ink);background:#e0e9d8}.choices input:checked+span:after{background:var(--ink);box-shadow:inset 0 0 0 3px #e0e9d8}.choices input:focus-visible+span{outline:3px solid var(--accent);outline-offset:3px}.check-controls{display:flex;align-items:center;justify-content:space-between;margin-top:26px;gap:15px}.check-controls .button{margin-left:auto}.back-button,.text-button{background:transparent;border:0;font-size:13px;padding:10px 0;color:var(--muted)}.text-button{display:block;text-decoration:underline;margin-top:10px}#checkError{font-size:13px;color:#9a251b;margin-top:15px}label{font-size:13px}input:not([type=radio]):not([type=checkbox]),textarea{display:block;width:100%;margin:7px 0 18px;padding:13px 14px;border:1px solid #bdc9b6;border-radius:10px;background:#ffffffbd;color:var(--ink);font-size:15px;resize:vertical}textarea{min-height:85px}#leadForm{border-top:1px solid var(--line);margin-top:28px;padding-top:25px}#leadForm label>span{font-size:11px;color:var(--muted)}#leadSuccess{background:#d5e3ce;border-radius:10px;padding:15px;margin-top:20px;font-size:14px}.result-suggestion{padding:18px;background:#dde7d5;border-radius:14px;margin:20px 0}.result-suggestion p{margin:10px 0 0;font-size:15px}#checkResult>p{font-size:15px}#checkResult>.micro{font-size:12px}
footer{padding:36px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.footer-top>p{font-size:13px;margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:12px 23px;border-top:1px solid var(--line);padding-top:23px;font-size:11px;color:var(--muted)}.footer-links a{text-decoration:none}.footer-links small{font-size:9px}dialog{background:var(--paper);color:var(--ink);border:1px solid white;border-radius:22px;padding:25px;width:min(520px,94vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#14221bcc;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;gap:20px;align-items:start}.dialog-top h2{font-size:25px}.dialog-top button{background:none;border:0;font-size:30px;line-height:1;padding:0 5px}#videoConsent p{font-size:14px}#videoEmbed iframe{width:100%;height:min(620px,65vh);border:0;border-radius:14px}#externalVideo{margin-top:20px;font-size:13px}#videoEmbed video{width:100%;max-height:65vh;background:#111;border-radius:16px}.legal{max-width:800px;padding:60px 6vw;margin:auto}.legal h1{font-size:46px}.legal h2{font-size:26px;margin-top:35px}.legal p,.legal li{font-size:16px}.legal .notice{background:#e6ebe1;border-radius:12px;padding:20px}.phone video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;border-radius:22px;background:#111}
@media(min-width:1600px){.art-frame{left:5%}.art-timeline{right:3%}}
@media(max-width:1000px){header{gap:25px}nav{gap:18px}.hero{padding-top:80px}.art-card{opacity:.65}.intro-note{grid-template-columns:1fr}.intro-note h3{margin-bottom:12px}.intro-section h2{font-size:4.3vw}.case-row{gap:7%;padding-inline:0}.offer-box{padding:35px;gap:30px 6%}.check-layout{gap:5%}.check-card{padding:25px}.step-panels [role=tabpanel]{grid-template-columns:110px 1fr;padding:30px 20px}.process-number{font-size:90px}}
@media(max-width:760px){html{scroll-padding-top:100px}.wrap{width:88%}.reviewbar{font-size:8px;padding:6px}.reviewbar a{margin-left:10px}header{top:10px;width:calc(100% - 28px);max-width:none;margin-top:12px;padding:15px 18px;justify-content:space-between;gap:10px;border-radius:17px}.brand{font-size:30px}.menu{display:block;border:0;background:#e9eee5;border-radius:20px;padding:8px 15px;font-size:12px}nav{display:none;position:absolute;top:74px;left:0;right:0;background:#fffffff7;border:1px solid white;box-shadow:0 14px 30px #20372714;border-radius:17px;padding:23px;font-size:15px}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:22px}.nav-cta{justify-content:center}.hero{padding:65px 6% 38px}.hero h1{font-size:7.7vw;letter-spacing:-.07em;line-height:.97;margin-bottom:25px}.hero-content>p{font-size:16px;max-width:310px;margin:0 auto 24px}.hero-actions{flex-direction:column;gap:19px}.hero .button{font-size:13px}.hero .textlink{font-size:12px}.art-card{display:none}.orbit{width:300px;height:300px;left:calc(50% - 150px);top:0}.experience{padding-top:10px;padding-bottom:25px}.logo-group{gap:24px}.logo-track{gap:24px}.logo-group li{width:150px}.logo-group img{width:120px;height:90px}.credit{font-size:9px;line-height:1.5}.experience-top p,#motionToggle{font-size:9px}@keyframes marquee{to{transform:translateX(calc(-50% - 12px))}}.intro-section{padding:55px 0 38px}.intro-section h2{font-size:34px}.section-lead{font-size:18px}.intro-grid{gap:24px;margin-top:25px}.intro-note h3{font-size:23px}.intro-note p{font-size:14px}.intro-note .small-label{font-size:9px}.section-top{display:block;margin-bottom:26px}.section-top h2{font-size:38px;margin-bottom:18px}.section-top>p{font-size:15px}.formats{padding:25px 0 50px}.format-grid{grid-template-columns:1fr;gap:18px}.format-visual{height:155px}.format-text{padding:23px}.format-text h3{font-size:24px}.format-text p{font-size:15px}.project-art{gap:12px}.project-art>span{font-size:27px;padding:15px 11px}.case{padding:45px 0;border-radius:25px}.case h2{font-size:55px}.case-row{grid-template-columns:1fr;gap:24px;padding:30px 0}.case-row:nth-of-type(even) .phone,.case-row:nth-of-type(even) .case-copy{grid-column:auto;grid-row:auto}.phone{width:230px}.case-copy{max-width:430px;margin:auto}.case-copy h3{font-size:30px;margin-bottom:15px}.case-copy p{font-size:15px}.case-meta{font-size:9px;gap:9px;margin-bottom:13px}.case-close{grid-template-columns:1fr;gap:25px;padding:25px;margin-top:15px}.case-close>div:last-child{justify-self:start}.workflow{padding:55px 0 45px}.step-tabs{grid-template-columns:repeat(2,1fr)}.step-tabs button{padding:14px;font-size:13px}.step-panels [role=tabpanel]{display:block;padding:22px 14px;min-height:325px}.process-number{font-size:55px;display:block;margin-bottom:18px}.step-panels h3{font-size:25px}.step-panels p{font-size:15px}.role-chips{gap:8px}.role-chips span{font-size:11px}.workflow-note{font-size:12px}.offer{padding-bottom:55px}.offer-box{padding:27px 24px;grid-template-columns:1fr;border-radius:22px;gap:30px}.offer h2{font-size:36px}.price{font-size:39px;margin:20px 0}.offer-list article{padding:20px 0}.offer-list h3{font-size:21px}.offer-list b{font-size:30px;width:40px}.offer-list p{font-size:14px}.terms-grid{grid-template-columns:1fr;gap:14px}.team{padding-bottom:50px}.team-grid{gap:20px;grid-template-columns:1fr}.team-grid article{display:grid;grid-template-columns:65px 1fr;gap:0 20px}.team-monogram{grid-row:1/4;font-size:42px}.team-grid h3{font-size:23px}.team-grid small{max-width:none}.faq{padding-bottom:55px}.faq .section-top h2{font-size:32px}.faq summary{font-size:16px}.faq details{padding:17px 0}.faq details p{font-size:14px}.services{padding-bottom:55px}.service-tags{gap:9px}.service-tags span{font-size:12px;padding:9px 15px}.check-section{padding:45px 0;border-radius:25px}.check-layout{grid-template-columns:1fr;gap:25px}.check-intro h2{font-size:42px}.check-intro h2 br:nth-of-type(2){display:none}.check-intro>p{max-width:none}.check-intro .micro{font-size:12px}.check-card{padding:23px;min-height:420px}.check-progress{font-size:10px;gap:15px;white-space:nowrap}legend{font-size:25px}.choices label>span{font-size:13px;padding:13px}.check-controls .button{font-size:13px}.footer-top{align-items:start;flex-wrap:wrap}.footer-top .textlink{font-size:12px}.footer-links{gap:14px 18px}.footer-links a{font-size:10px}dialog{padding:22px}.legal h1{font-size:36px}.legal{padding:40px 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.logo-track{width:100%;transform:none}.logo-group{flex-wrap:wrap;justify-content:center;gap:15px}.logo-group li{width:135px}.logo-group[aria-hidden=true],#motionToggle{display:none}.logo-window{mask-image:none}.hero-content{opacity:1;transform:none}}

.intro-benefits{display:flex;gap:20px 38px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:25px;margin-top:30px;font-size:13px;color:var(--muted)}.intro-benefits span:before{content:"↗";color:var(--accent);margin-right:10px}@media(max-width:760px){.intro-benefits{gap:13px;font-size:12px;flex-direction:column}}

.case-row:nth-of-type(3) .phone{width:100%;max-width:440px;border-radius:27px}.case-row:nth-of-type(3) .phone video{aspect-ratio:16/9;border-radius:16px}.phone video{height:auto}.case-row:nth-of-type(3) .phone-top{padding-inline:15px}@media(max-width:760px){.case-row:nth-of-type(3) .phone{width:100%}}

.video-wrap{position:relative}.media-start{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffffb3;border-radius:50%;background:#19242080;backdrop-filter:blur(8px);color:white;box-shadow:0 5px 25px #0002}.media-start span{font-size:23px;margin-left:4px}.media-start:hover{background:#192420bf}

/* Ontwerp 05: compactere hiërarchie, logo’s en gedeelde intake. */
.hero-content>p{max-width:670px;margin-inline:auto}
.experience{padding:5px 0 20px}.logo-track{animation:none}.logo-window{overflow-x:auto;scrollbar-width:none}.logo-window::-webkit-scrollbar{display:none}
@supports(animation-timeline:view()){.logo-track{animation:logos-on-scroll linear both;animation-timeline:view();animation-range:entry 0% exit 100%}.logo-window{overflow-x:hidden}}
@keyframes logos-on-scroll{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 20px))}}
.intro-section{padding:75px 0 50px}.intro-section .eyebrow{margin-bottom:15px}.intro-section h2{margin-bottom:18px;font-size:clamp(32px,4.5vw,66px)}.intro-section .section-lead{font-size:18px;max-width:none}
.intro-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border:0;padding:0;margin-top:30px}.benefit{text-align:center;padding:28px 22px}.intro-benefits span:before{content:none}.benefit-icon{display:grid;place-items:center;margin:0 auto 20px;width:64px;height:64px;border-radius:18px;background:linear-gradient(140deg,#fff,#d6e0cf);border:1px solid #fff;box-shadow:0 8px 20px #233a2b08;color:var(--ink)}.benefit-icon svg{width:29px;height:31px}.benefit h3{font-size:clamp(20px,2vw,27px);line-height:1.15;max-width:260px;margin:0 auto;color:var(--ink)}
.section-top.stacked{display:block}.section-top.stacked h2{margin-bottom:18px}.section-top.stacked>p{max-width:900px}.formats>.section-top h2{font-size:clamp(30px,4.4vw,64px)}.case .section-top.stacked>p{max-width:800px}.case-close{grid-template-columns:1fr auto;gap:35px}.case-close h3{font-size:clamp(22px,2.4vw,32px);white-space:nowrap}.case-close p{max-width:620px}
.services-bottom{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:28px}.services-bottom p{font-size:16px;color:var(--muted);max-width:690px;margin:0}.services-bottom .button{flex-shrink:0}
.check-layout{grid-template-columns:1fr 1.05fr;gap:6%}.check-intro h2{font-size:clamp(28px,3.2vw,47px);line-height:1.12}.check-intro h2 span,.check-intro h2 em{display:block}.check-intro h2 span{white-space:nowrap}.check-intro>p:not(.demo-tag){max-width:none}.check-intro .demo-tag{max-width:390px}.check-progress>span{white-space:nowrap}.request-summary{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:1000px) and (min-width:761px){.case-close{grid-template-columns:1fr}.case-close>div:last-child{justify-self:start}.case-close h3{font-size:29px}.services-bottom{align-items:start;flex-direction:column;gap:23px}}
@media(max-width:760px){.hero-content>p{max-width:330px}.intro-section{padding:48px 0 30px}.intro-section h2{font-size:34px}.intro-section .section-lead{font-size:16px}.intro-benefits{grid-template-columns:1fr;gap:12px;margin-top:22px}.benefit{display:flex;align-items:center;text-align:left;gap:20px;padding:19px 23px}.benefit-icon{flex-shrink:0;margin:0;width:52px;height:52px;border-radius:15px}.benefit-icon svg{width:25px;height:27px}.benefit h3{font-size:23px;margin:0;max-width:240px}.formats>.section-top h2{font-size:36px}.case-close{grid-template-columns:1fr;gap:24px}.case-close h3{white-space:normal;font-size:27px}.services-bottom{display:block;margin-top:23px}.services-bottom p{font-size:15px;margin-bottom:24px}.check-layout{grid-template-columns:1fr;gap:25px}.check-intro h2{font-size:clamp(25px,6.9vw,45px)}.check-intro .demo-tag{max-width:none}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none!important;transform:none!important}}
.legal{max-width:1000px;padding:60px 6vw}.legal h1{font-size:clamp(32px,5vw,52px);overflow-wrap:anywhere}.legal h2{letter-spacing:-.025em;line-height:1.2}.legal h3{font-size:20px;margin-top:26px}.legal nav{display:flex;flex-wrap:wrap;position:static;gap:12px 20px;background:none;padding:0;margin:28px 0;font-size:13px}.legal .status{display:inline-block;font:600 10px Arial;letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:6px;background:#e1e9dc;margin-bottom:9px}.legal .proposal{background:#f0e5d4}.legal .pending{color:#88422a;font-weight:600}.legal dl{display:grid;grid-template-columns:1fr 1.5fr;gap:14px;font-size:15px}.legal dt{font-weight:bold}.legal dd{margin:0}.legal section{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.legal section h2{margin-top:0}.legal .sources{font-size:13px}.legal .sources li{font-size:13px}.legal li{margin-bottom:9px}.legal .legal-actions{display:flex;flex-wrap:wrap;gap:15px;margin:25px 0}.legal .legal-footer{margin-top:40px;padding-top:20px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:15px;font-size:13px}
@media(max-width:760px){.legal{padding:40px 6vw}.legal dl{grid-template-columns:1fr;gap:5px}.legal dd{margin-bottom:12px}.legal nav{box-shadow:none;border:0;border-radius:0}}
@media print{.legal{max-width:none;padding:0;color:#000;background:white}.legal .legal-actions,.legal .textlink,.legal nav,.legal-footer{display:none}.legal h2{break-after:avoid}.legal p,.legal li{font-size:10pt}.legal a{color:#000}.legal .notice{border:1px solid #999}body{background:white}}

/* Ontwerp 06 */
.art-timeline{overflow:hidden}.wave{display:flex;align-items:center;justify-content:space-between;gap:5px;height:32px;width:100%;font-size:0;letter-spacing:0;white-space:normal}.wave i{display:block;min-width:0;flex:1;height:var(--bar);border-radius:2px;background:#788a72}.hero-content>p{max-width:100%}
.experience{position:relative;padding-top:0;padding-bottom:14px;--logo-gap:40px}.logo-window{overflow:hidden}.logo-track{gap:var(--logo-gap);animation:logos-loop 42s linear infinite;animation-timeline:auto;animation-range:normal}.logo-group{gap:var(--logo-gap)}.logo-group li{width:230px}.logo-group img{width:215px;height:155px}.logo-window:hover .logo-track{animation-play-state:running}.logo-window:hover .logo-track,.logo-track.paused{animation-play-state:paused}.logo-pause{position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:3;width:38px;height:38px;border:1px solid #fff;border-radius:50%;background:#fffffff0;box-shadow:0 4px 15px #1924200d;color:var(--muted);display:grid;place-items:center;opacity:.6}.logo-pause:hover,.logo-pause:focus-visible{opacity:1}.logo-pause svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round}.logo-pause .play-shape{display:none}.logo-pause[aria-pressed=true] .play-shape{display:block}.logo-pause[aria-pressed=true] .pause-shape{display:none}
@keyframes logos-loop{from{transform:translateX(0)}to{transform:translateX(calc(-50% - var(--logo-gap)/2))}}
.benefit h3 span{display:block;white-space:nowrap}.benefit h3{font-size:clamp(18px,2vw,26px)}
.services-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;align-items:center}.services-copy h2{font-size:clamp(36px,4.4vw,64px);margin-bottom:22px}.services-copy>p{font-size:16px;max-width:520px;color:var(--muted);margin-bottom:26px}.service-icons{display:grid;grid-template-columns:repeat(6,1fr);gap:24px 18px;list-style:none;padding:22px 0;margin:0}.service-icons li{grid-column:span 2;text-align:center;cursor:default}.service-icons li:nth-child(4){grid-column:2/span 2}.service-icons li:nth-child(5){grid-column:4/span 2}.service-icon{display:grid;place-items:center;width:90px;height:90px;border-radius:24px;margin:0 auto 12px;transform:rotate(-4deg);transition:transform .3s var(--ease),box-shadow .3s;background:linear-gradient(140deg,#fff,#dce5d5)}.service-icons li:nth-child(even) .service-icon{transform:rotate(4deg)}.service-icon svg{width:40px;height:40px;color:#566c52}.service-icons li:nth-child(4) svg{color:var(--accent)}.service-icons li:hover .service-icon{transform:translateY(-4px) rotate(0);box-shadow:0 16px 28px #233a2b0b}.service-icons li>span{font-size:12px;color:var(--muted);white-space:nowrap}
#otherChannelField{display:block;margin-top:17px}#checkResult h3{font-size:29px;line-height:1.15;max-width:100%;margin-bottom:16px}#checkResult #resultIntro{font-size:14px}.result-suggestion>.small-label{display:block;margin-bottom:12px;color:var(--muted)}.result-suggestion b{font-size:20px;line-height:1.25;letter-spacing:-.025em;display:block}.direction-item{padding:16px 0;border-bottom:1px solid #cad4c4}.direction-item p{font-size:15px;margin:10px 0 0}.direction-item .small-label{font-size:10px;color:var(--muted)}.answer-details{margin:20px 0;font-size:13px;color:var(--muted)}.answer-details summary{cursor:pointer;padding-block:5px;color:var(--ink)}.answer-details p{font-size:13px;margin:15px 0 0}.answer-details blockquote{margin:10px 0;padding-left:15px;border-left:2px solid #a6b49d;overflow-wrap:anywhere;white-space:pre-wrap;font-size:13px}.answer-details .small-label{font-size:10px}#resultCaveat{margin-top:22px}#checkLoading{display:flex;flex-direction:column;justify-content:center;min-height:380px;text-align:center;padding:24px 10px}#checkLoading h3{font-size:27px;max-width:340px;margin:25px auto 20px}#checkLoading p{font-size:13px;color:var(--muted);margin:16px 0 0}.loading-symbol{display:flex;align-items:center;justify-content:center;gap:8px;height:65px}.loading-symbol span{display:block;width:30px;height:45px;border:1px solid white;border-radius:10px;background:linear-gradient(140deg,#fff,#b7c9ac);animation:cards-settle .8s var(--ease) both}.loading-symbol span:nth-child(1){transform:rotate(-10deg)}.loading-symbol span:nth-child(2){height:58px;animation-delay:.1s}.loading-symbol span:nth-child(3){transform:rotate(10deg);animation-delay:.2s}.result-loading-bar{height:4px;border-radius:5px;background:#ced8c7;width:180px;margin:0 auto;overflow:hidden}.result-loading-bar i{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;animation:result-progress 1.2s var(--ease) both}#skipLoading{align-self:center;font-size:12px;margin-top:18px}@keyframes result-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes cards-settle{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@media(max-width:1000px) and (min-width:761px){.service-icon{width:75px;height:75px}.service-icons{gap:20px 8px}.service-icons li>span{font-size:10px}.benefit{padding:25px 16px}.benefit h3{font-size:1.9vw}}
@media(max-width:760px){.hero-content>p{max-width:330px}.experience{--logo-gap:24px}.logo-group li{width:185px}.logo-group img{width:180px;height:135px}.logo-pause{right:-8px;width:36px;height:36px}.benefit h3{font-size:clamp(16px,4.7vw,25px)}.benefit{gap:14px;padding:19px 18px}.services-layout{display:flex;flex-direction:column;gap:24px;align-items:stretch}.services-copy h2{font-size:38px}.services-copy>p{font-size:15px}.service-icons{gap:20px 10px;padding:0;max-width:370px;margin:auto;width:100%}.service-icon{width:75px;height:75px;border-radius:21px;margin-bottom:9px}.service-icon svg{width:34px;height:34px}.service-icons li>span{font-size:10px}#checkResult h3{font-size:25px}#discussResult{font-size:12px;gap:10px;padding-inline:17px}#checkLoading{padding:18px 0;min-height:350px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none!important;transform:none!important}.logo-pause{display:none}.logo-group{gap:12px}.logo-group li{width:165px}.logo-group img{width:160px;height:120px}.service-icon,.service-icons li:nth-child(even) .service-icon{transform:none}}

.services-layout{gap:22px 7%;align-items:start}.services-copy{grid-column:1;grid-row:1}.services-copy>p{margin-bottom:0}.service-icons{grid-column:2;grid-row:1/span 2;align-self:center}.services-cta{grid-column:1;grid-row:2;justify-self:start;align-self:start}
@media(max-width:760px){.services-layout{display:grid;grid-template-columns:1fr;gap:26px}.services-copy{grid-column:1;grid-row:1}.service-icons{grid-column:1;grid-row:2}.services-cta{grid-column:1;grid-row:3}}

/* Design 07: one service, three benefits, concrete formats. */
.service-explainer{padding-bottom:75px}.service-explainer .section-lead{max-width:900px;line-height:1.6}.service-explainer .section-lead strong{font-weight:600}.service-explainer .intro-benefits{gap:18px}.service-explainer .benefit{padding:27px 23px 29px}.service-explainer .benefit-icon{margin-bottom:18px}.benefit-copy .small-label{display:block;margin-bottom:10px;font-size:10px;letter-spacing:.1em}.service-explainer .benefit h3{font-size:clamp(20px,1.8vw,26px);max-width:none;line-height:1.16}.benefit-copy p{font-size:14px;line-height:1.6;max-width:270px;margin:14px auto 0;color:var(--muted)}
.service-explainer .formats{padding:45px 0 0;margin-top:40px;border-top:1px solid var(--line)}.service-explainer .formats>.section-top{margin-bottom:25px}.service-explainer .formats>.section-top h3{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.045em;margin:0 0 12px}.service-explainer .formats>.section-top p{max-width:none;font-size:16px}.service-explainer .format-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.service-explainer .format-visual{height:155px}.service-explainer .format-text{padding:25px}.service-explainer .format-text .small-label{font-size:9px}.service-explainer .format-text h4{font-size:clamp(21px,2vw,28px);line-height:1.12;letter-spacing:-.035em;margin:13px 0 16px}.service-explainer .format-text p{font-size:14px;line-height:1.65}.service-explainer .project-art{gap:10px}.service-explainer .project-art>span{padding:14px 10px;font-size:25px}.service-explainer .project-art>span small{font-size:9px}.ideas-art{display:flex;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 35% 70%,#dde5d5,transparent 70%)}.idea-spark{display:grid;place-items:center;width:76px;height:76px;border-radius:23px;background:linear-gradient(140deg,#ffffffba,#d4dfcc80);border:1px solid #fff;box-shadow:0 12px 25px #19242009;transform:rotate(-8deg)}.idea-spark svg{width:56px;height:56px}.idea-note{padding:14px 18px;border:1px solid #fff;border-radius:15px;background:#ffffff90;font-size:14px;transform:rotate(5deg)}
.case-title{display:flex;align-items:flex-end;gap:24px}.case-title .case-kicker{font-size:12px;color:var(--muted);margin-bottom:28px;white-space:nowrap}.faq{padding-top:80px}
@media(max-width:1000px) and (min-width:761px){.service-explainer .format-text{padding:20px}.service-explainer .project-art{gap:6px}.service-explainer .project-art>span{padding:12px 6px}.service-explainer .people-art .bubble{font-size:10px}.idea-spark{width:62px;height:62px}.idea-note{padding:12px 9px;font-size:12px}}
@media(max-width:760px){.service-explainer{padding-bottom:50px}.service-explainer .section-lead{font-size:16px}.service-explainer .intro-benefits{gap:12px}.service-explainer .benefit{align-items:flex-start;gap:17px;padding:23px 20px}.service-explainer .benefit-icon{width:43px;height:43px;border-radius:13px;margin:0}.service-explainer .benefit h3{font-size:clamp(17px,4.6vw,24px)}.benefit-copy .small-label{font-size:9px;margin-bottom:8px}.benefit-copy p{font-size:13px;line-height:1.55;margin-top:10px;max-width:none}.service-explainer .formats{margin-top:30px;padding-top:30px}.service-explainer .formats>.section-top h3{font-size:30px}.service-explainer .formats>.section-top p{font-size:15px}.service-explainer .format-grid{grid-template-columns:1fr;gap:16px}.service-explainer .format-text{padding:23px}.service-explainer .format-text h4{font-size:25px;max-width:270px}.service-explainer .format-text p{font-size:15px}.case-title{gap:12px;align-items:flex-start}.case-title h2{font-size:clamp(37px,10.5vw,55px)}.case-title .case-kicker{font-size:10px;margin-top:9px;margin-bottom:0}.faq{padding-top:50px}}
@media(max-width:760px){.case-title{display:block;position:relative}.case-title .case-kicker{position:absolute;right:0;top:9px;margin:0}.case-title h2{padding:0;max-width:none}}
