
:root{--ink:#19171b;--paper:#fffaf5;--purple:#442264;--orange:#c61934;--muted:#6e656e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.wrap{width:min(1180px,90%);margin:auto}nav{padding:22px 0;border-bottom:1px solid #e9dccd;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-size:22px;line-height:1;font-weight:900;letter-spacing:-1px}.brand span{color:#d45517}.navlinks{display:flex;gap:25px;align-items:center;font-size:14px;font-weight:600}.navlinks a{text-decoration:none}.button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;background:var(--ink);color:white;border:0;border-radius:7px;padding:14px 23px;font-weight:700;cursor:pointer}.button.orange{background:var(--orange);color:var(--ink)}.button.light{background:transparent;border:1px solid #baafc5;color:inherit}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;padding:78px 0 86px}h1{font-size:clamp(44px,5.7vw,76px);line-height:1.05;letter-spacing:-4px;margin:18px 0 24px;max-width:720px}h1 em{font-style:normal;color:#d45517}.intro{font-size:18px;max-width:530px;color:#5c4e65;margin-bottom:26px}.actions{display:flex;gap:12px;flex-wrap:wrap}.note{font-size:12px;color:var(--muted);margin-top:18px}.hero-visual{position:relative;width:100%;min-width:0;overflow:hidden;padding:28px 14px;display:flex;justify-content:center;gap:16px;align-items:center}.phone{width:43%;min-width:0;border-radius:18px;background:#170d25;padding:7px;box-shadow:0 25px 45px #2b163229;overflow:hidden;transform:rotate(-5deg)}.phone.second{transform:rotate(7deg);margin-top:65px}.phone img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:11px}.phone-label{font-size:10px;letter-spacing:1px;padding:8px;color:#fff8ee;text-transform:uppercase}.hero-tag{position:absolute;bottom:0;left:25px;background:var(--orange);padding:11px 16px;font-size:12px;font-weight:800;transform:rotate(-4deg)}.strip{background:var(--ink);color:var(--paper);padding:23px 0}.strip .wrap{display:flex;gap:28px;justify-content:space-between;flex-wrap:wrap;font-size:13px;font-weight:600}.section{padding:85px 0}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}h2{font-size:clamp(32px,4vw,48px);line-height:1.13;letter-spacing:-2px;margin:12px 0}.section-top p{max-width:350px;color:var(--muted);font-size:14px}.filters{display:flex;gap:10px;margin-bottom:27px;flex-wrap:wrap}.filter{border:1px solid #ddcfdc;background:transparent;padding:8px 16px;border-radius:99px;cursor:pointer;font-size:13px}.filter[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.work[hidden]{display:none}.work{border:1px solid #e8dace;border-radius:14px;overflow:hidden;background:#fffdf9}.work video{max-height:520px;width:100%;aspect-ratio:9/14;object-fit:contain;background:#170d25;display:block}.work-copy{padding:21px}.work-copy h3{margin:7px 0 10px;font-size:21px;letter-spacing:-.5px}.work-copy p{font-size:14px;color:var(--muted);margin:0}.badge{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:800;color:#8e4b20}.context{margin-top:28px;padding:25px;border-left:3px solid var(--orange);background:#f4eadd;display:flex;gap:35px;align-items:center;justify-content:space-between}.context h3{margin:0 0 8px;font-size:19px}.context p{font-size:14px;color:#6e5e76;margin:0;max-width:770px}.context a{white-space:nowrap;font-size:13px;font-weight:700}.pricing{background:#e9def0}.offers{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:32px}.offer{border-radius:14px;background:var(--paper);padding:34px}.offer.featured{background:var(--ink);color:var(--paper)}.offer h3{font-size:27px;letter-spacing:-1px;margin:12px 0}.price{font-size:48px;font-weight:800;letter-spacing:-2px}.price span{font-size:14px;letter-spacing:0;font-weight:500}.offer ul{padding-left:20px;font-size:15px;margin:22px 0 28px}.offer li{margin:10px 0}.offer .small{font-size:12px;opacity:.75;margin-top:18px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:35px}.process .number{font-size:13px;font-weight:800;color:#d45517}.process h3{font-size:20px;margin:9px 0}.process p{font-size:14px;color:var(--muted)}.contact{background:var(--ink);color:var(--paper)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px}.contact p{color:#cbbbd6}.contact label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}.contact input,.contact select,.contact textarea{width:100%;background:#291938;color:white;border:1px solid #665374;border-radius:6px;padding:12px;margin-bottom:17px}.contact textarea{min-height:95px;resize:vertical}.contact .small{font-size:12px;color:#cbbbd6}.faq{margin-top:38px}.faq details{border-top:1px solid #64536c;padding:15px 0;font-size:14px}.faq summary{cursor:pointer;font-weight:600}.faq p{font-size:13px}footer{padding:27px 0;font-size:12px;color:var(--muted)}footer .wrap{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}#form-status{font-size:13px;margin-top:15px;color:#ffe0bc}.caption-link{font-size:12px;display:inline-block;margin-top:12px}@media(max-width:760px){.navlinks a:not(.button){display:none}.navlinks .button{padding:10px 14px}.hero{grid-template-columns:1fr;gap:22px;padding:45px 0 60px}h1{letter-spacing:-2.7px}.hero-visual{max-width:420px;margin:auto}.section{padding:57px 0}.section-top{display:block}.grid{grid-template-columns:1fr}.work{max-width:430px;width:100%;margin:auto}.work video{max-height:480px}.offers,.process,.contact-grid{grid-template-columns:1fr;gap:22px}.context{display:block}.context a{display:inline-block;margin-top:16px}.strip .wrap{justify-content:flex-start;gap:10px 24px}.offer{padding:27px}.contact-grid{gap:35px}.section-top p{max-width:none}}

.library-proof{display:block;margin-top:24px;padding-top:19px;border-top:1px solid #dfcfc4;text-decoration:none}.library-proof strong{display:block;font-size:18px;letter-spacing:-.4px}.library-proof span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.library-tools{display:grid;grid-template-columns:1fr 1fr;gap:21px;margin:28px 0 18px}.search-label{font-size:12px;font-weight:700;display:block;max-width:460px}.brand-label{display:block;font-size:12px;font-weight:700;max-width:460px}.brand-field select{display:block;width:100%;margin-top:7px;padding:12px;background:#fffdf9;color:var(--ink);border:1px solid #dfd0dc;border-radius:7px}.search-label input{display:block;width:100%;margin-top:7px;background:#fffdf9;border:1px solid #dfd0dc;border-radius:7px;padding:12px 15px;color:var(--ink)}.library-tools .filters{margin:0;grid-column:1/-1}.result-count{font-size:13px;color:var(--muted);margin:0 0 23px}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.sample-card{border:1px solid #e8dace;border-radius:12px;overflow:hidden;background:#fffdf9}.sample-cover{position:relative;width:100%;display:block;border:0;background:#170d25;padding:0;cursor:pointer;aspect-ratio:9/12;overflow:hidden}.sample-cover img{display:block;width:100%;height:100%;object-fit:cover}.sample-cover:after{content:'▶';position:absolute;left:calc(50% - 27px);top:calc(50% - 27px);width:54px;height:54px;border-radius:50%;background:#fff8eee8;color:var(--ink);display:grid;place-items:center;font-size:20px;box-shadow:0 5px 20px #0004}.sample-cover:hover:after{background:var(--orange)}.sample-duration{position:absolute;right:12px;bottom:12px;background:#170d25dd;color:white;padding:3px 7px;border-radius:4px;font-size:11px}.sample-copy{padding:20px}.sample-copy h3{margin:6px 0 8px;font-size:19px;line-height:1.25;letter-spacing:-.5px}.sample-kind{font-size:12px;color:var(--muted)}.sample-copy button{border:0;padding:0;background:transparent;color:var(--ink);font-size:12px;text-decoration:underline;cursor:pointer;margin-top:12px}.load-row{text-align:center;margin-top:32px}.library-note{font-size:12px;color:var(--muted);max-width:880px;margin:25px auto 0;text-align:center}dialog{position:fixed;max-width:min(860px,94vw);max-height:94vh;background:var(--paper);border:0;border-radius:12px;padding:24px;box-shadow:0 30px 90px #0007;color:var(--ink)}dialog::backdrop{background:#170d25dc}dialog video{display:block;width:min(740px,82vw);max-height:65vh;background:#170d25}dialog h3{font-size:22px;margin:10px 80px 14px 0;line-height:1.25}dialog p{font-size:12px;color:var(--muted);max-width:650px}dialog a{font-size:12px;font-weight:700}.dialog-close{float:right;background:var(--ink);color:white;border:0;border-radius:5px;padding:7px 12px;cursor:pointer}button[hidden]{display:none}@media(max-width:760px){.library-tools{grid-template-columns:1fr}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sample-copy{padding:13px}.sample-copy h3{font-size:16px}.sample-copy .badge{font-size:9px;letter-spacing:.5px}.sample-duration{font-size:10px;right:6px;bottom:6px}.filter{font-size:12px;padding:7px 12px}.library-note{text-align:left}dialog{padding:18px}dialog video{width:82vw}}@media(max-width:380px){.library-grid{grid-template-columns:1fr}.sample-card{max-width:330px;margin:auto;width:100%}}
.value-section{padding:70px 0 0;display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.value-grid h3{font-size:18px;line-height:1.3}.value-grid p{font-size:14px;color:var(--muted)}.gallery-cta{margin-top:35px;padding:25px;background:#efe4d8;display:flex;align-items:center;justify-content:space-between;gap:25px;border-radius:9px}.whatsapp-direct{display:block;margin-top:18px;color:#fff0d9;font-weight:700;font-size:14px}.mobile-cta{display:none}.hero .eyebrow{letter-spacing:1.3px;font-size:11px}@media(max-width:760px){.value-section{grid-template-columns:1fr;gap:16px;padding-top:40px}.value-grid{grid-template-columns:1fr;gap:6px}.gallery-cta{display:block}.gallery-cta .button{margin-top:15px}.mobile-cta{display:flex;position:fixed;bottom:12px;left:5%;width:90%;z-index:10;box-shadow:0 8px 30px #170d2544;padding:12px}body{padding-bottom:72px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.results-section{padding-top:70px}.results-intro{max-width:660px;color:var(--muted)}.results-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:35px}.results-grid article{border-top:2px solid var(--orange);padding-top:20px}.result-metric{font-size:clamp(30px,3.5vw,46px);font-weight:800;letter-spacing:-1.6px}.results-grid h3{font-size:16px;line-height:1.4;margin:10px 0}.results-grid p{font-size:13px;color:var(--muted)}.results-note{font-size:11px;color:var(--muted);margin-top:22px;max-width:950px}.results-link{font-size:14px;font-weight:700}@media(max-width:760px){.results-section{padding-top:45px}.results-grid{grid-template-columns:1fr;gap:18px}.result-metric{font-size:38px}}
.roots-case{padding-top:80px}.case-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:32px}.case-heading p{color:var(--muted);font-size:15px;max-width:440px}.case-feature{background:var(--ink);color:var(--paper);border-radius:14px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:60px}.case-story h3{font-size:34px;line-height:1.15;letter-spacing:-1.4px;margin:15px 0 22px}.case-story p{font-size:14px;color:#d8cddd}.case-story .eyebrow{color:#ffc39e;font-size:10px}.case-story .button{margin-top:15px}.case-metrics{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:center}.case-metrics article{border-top:1px solid #766380;padding-top:18px}.case-metrics strong{display:block;font-size:42px;letter-spacing:-1.5px;line-height:1.3}.case-metrics span{display:block;font-size:12px;color:#d8cddd}.comparison-heading{margin-top:45px}.comparison-heading h3{font-size:25px;letter-spacing:-.6px;margin-bottom:10px}.comparison-heading p{font-size:14px;color:var(--muted);max-width:760px}.table-scroll{max-width:100%;overflow-x:auto;border:1px solid #e3d7ce;border-radius:9px;background:#fffdf9}.table-scroll table{border-collapse:collapse;width:100%;min-width:900px;text-align:left;font-size:13px}.table-scroll caption{text-align:left;font-size:12px;font-weight:700;padding:18px}.table-scroll th,.table-scroll td{padding:16px 18px;border-bottom:1px solid #ece2d8;vertical-align:top}.table-scroll thead{background:#efe5da;font-size:11px}.table-scroll tbody th{font-weight:650;min-width:180px}.table-scroll small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.case-note{font-size:12px;color:var(--muted);max-width:950px}.case-method,.campaign-detail{margin-top:20px;border-top:1px solid #daccc0;padding:17px 0;font-size:13px}.case-method summary,.campaign-detail summary{cursor:pointer;font-weight:700}.case-method p{max-width:950px;color:var(--muted)}.campaign-detail .table-scroll{margin-top:15px}.additional-proof{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:30px;background:#eee2d5;border-radius:10px;margin-top:35px}.additional-proof h3{font-size:20px;margin:10px 0}.additional-proof p{font-size:12px;color:var(--muted);max-width:610px}.hero-result{display:block;margin-top:24px;text-decoration:none;border-left:3px solid var(--orange);padding-left:16px}.hero-result strong{display:block;font-size:19px}.hero-result span{font-size:11px;color:var(--muted)}@media(max-width:760px){.roots-case{padding-top:50px}.case-heading{grid-template-columns:1fr;gap:5px}.case-feature{grid-template-columns:1fr;gap:25px;padding:25px}.case-story h3{font-size:29px}.case-metrics{gap:22px 15px}.case-metrics strong{font-size:34px}.additional-proof{display:block;padding:24px}.additional-proof .button{margin-top:15px}.table-scroll table{font-size:12px}}
.brand{display:block;width:178px;height:74px;flex-shrink:0}.brand img{display:block;width:100%;height:100%;object-fit:contain}.button.orange{color:white}h1 em,.brand span{color:#c61934}.hero{gap:45px;padding:55px 0 65px}h1{font-size:clamp(40px,4.4vw,63px);letter-spacing:-2.6px}.hero-tag{color:white}.pricing{background:#f1e7e9}.case-story .eyebrow{color:#ffabb9}.case-metrics{color:#fffaf5}@media(max-width:760px){nav{padding:12px 0;gap:12px}.brand{width:135px;height:56px}.navlinks .button{font-size:12px;padding:10px}.hero{padding-top:35px}h1{font-size:44px;letter-spacing:-1.8px}}

