:root{--paper:#f7f5ef;--ink:#242b32;--blue:#244adf;--blue-dark:#1736ac;--orange:#f87848;--line:#dcded6;--muted:#626967;--brand-cobalt:var(--blue);--brand-acid:var(--orange);--brand-ink:var(--ink)}
body{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6}
button,input,select,textarea{font-family:inherit}
h1,h2,h3,.method-tab>span{font-family:Manrope,sans-serif}
h1,h2,.story-hero h1,.tools-hero h1,.learn-hero h1,.contact h2{font-weight:600;letter-spacing:-.065em;line-height:1.08}
h3,.tool-link h2,.tool-link h3{font-weight:650;letter-spacing:-.035em;line-height:1.3}
.header,.hero,.tools-hero{background:var(--paper);color:var(--ink);box-shadow:0 0 0 100vmax var(--paper)}
.header{box-shadow:none;border-color:var(--line)}
.header:before{background:var(--paper)}
.header .wordmark,.footer .wordmark{font-family:Manrope,sans-serif;font-weight:750;color:var(--blue)}
.header .brand-ten>span{background:var(--blue)}
.header .brand-period,.brand-period{color:var(--orange)}
.header .menu-toggle span{background:var(--ink)}
.header .desktop-nav a:hover{color:var(--blue)}
.hero .text-link{color:var(--ink)}
.story-hero h1 span,.tools-hero h1 span,.explain-hero h1 span,.learn-hero h1 span{color:var(--blue)}
.story-hero .hero-intro,.story-intro,.hero-note,.tools-hero .breadcrumbs,.tools-hero .tool-promise{color:var(--muted)}
.story-hero .hero-intro{font-size:18px;line-height:1.8}
.button-dark,.button-light{background:var(--blue);color:#fff;border-radius:7px;font-weight:650}
.button-dark:hover,.button-light:hover{background:var(--blue-dark);color:#fff}
.button:focus-visible,.header a:focus-visible,:focus-visible{outline-color:var(--orange)}
.approach{background:var(--paper)}
.method-tab.active{background:var(--blue);color:#fff}
.method-tab.active:hover{background:var(--blue-dark)}
.service-mockup{margin:0 0 24px;width:100%;overflow:hidden;background:var(--paper);border-radius:10px}
.service-mockup img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.proof{background:var(--blue);color:#fff}
.proof .section-icon{color:#fff}
.proof .proof-intro>p{color:#fff}
.proof .button{background:var(--paper);color:var(--blue)}
.contact{background:var(--blue);color:#fff}
.contact h2,.contact label,.contact p,.contact a{color:#fff}
.contact .section-icon{color:#fff}
.contact input,.contact textarea{color:#fff;caret-color:#fff;border-color:#ffffff70}
.contact input::placeholder,.contact textarea::placeholder,.contact .form-note{color:#d1d9ff}
.contact input:focus-visible,.contact textarea:focus-visible{outline-color:var(--orange)}
.contact .whatsapp-button{color:#083b22}
.tools-hero .section-icon{color:var(--blue)}
.hero-film-play{background:var(--blue);color:#fff;border-radius:7px}
.hero-film video::cue{font-family:'DM Sans',sans-serif}
::selection{background:var(--blue);color:#fff}
@media(min-width:900px){.story-hero h1{font-size:clamp(64px,5.5vw,81px)}}
@media(max-width:600px){.service-mockup{margin-bottom:18px}.story-hero h1{font-size:clamp(43px,11vw,60px)}.story-hero .hero-intro{font-size:17px}}