:root{--ink:#4f4f4f;--ink-2:#626262;--teal:#48bda8;--teal-light:#74cdbd;--mint:#e0f4f0;--cream:#f7f5ef;--white:#fff;--orange:#e0a045;--line:rgba(79,79,79,.16);--shadow:0 24px 70px rgba(79,79,79,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:#fcfbf8;font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:"Manrope",sans-serif;line-height:1.08;letter-spacing:-.04em}h1{font-size:clamp(3rem,6.2vw,6.4rem);margin-bottom:28px}h2{font-size:clamp(2.2rem,4.3vw,4.6rem);margin-bottom:24px}h3{font-size:1.45rem}h1 em,h2 em{color:var(--teal);font-style:normal}.section-shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1180px)/2));position:sticky;top:0;z-index:20;background:rgba(252,251,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid transparent;transition:.3s}.site-header.scrolled{height:76px;border-color:var(--line)}.brand{display:flex;align-items:center;height:74px}.brand img{display:block;width:98px;height:auto;max-height:70px;object-fit:contain}.site-header.scrolled .brand img{max-height:60px}nav{display:flex;align-items:center;gap:34px;font-weight:600;font-size:.93rem}nav a:not(.nav-cta):after{content:"";display:block;width:0;height:2px;background:var(--orange);transition:.25s}nav a:hover:after{width:100%}.nav-cta{padding:11px 20px;border:1px solid var(--ink);border-radius:99px}.nav-cta:hover{color:white;background:var(--ink)}.menu-toggle{display:none;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:5vw;padding-block:75px 95px}.eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;font-weight:700;color:var(--orange);margin-bottom:23px}.eyebrow.light{color:#91dfd1}.hero-copy>p{font-size:1.16rem;max-width:680px;color:#707070}.hero-actions{display:flex;align-items:center;gap:28px;margin:38px 0}.button{display:inline-flex;align-items:center;gap:24px;border-radius:99px;padding:16px 24px;font-weight:700;transition:.25s}.button span{font-size:1.25rem}.button-primary{background:var(--ink);color:white;box-shadow:0 12px 30px rgba(79,79,79,.22)}.button-primary:hover{background:var(--teal);transform:translateY(-2px)}.text-link{font-weight:700;border-bottom:1px solid var(--ink)}.trust-row{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:25px;border-top:1px solid var(--line);font-size:.84rem;font-weight:600}.trust-row span:before,.contact-notes span:before{content:"✓";color:var(--teal);margin-right:8px}.hero-visual{position:relative;aspect-ratio:1;border-radius:48% 52% 50% 50%;background:radial-gradient(circle at 50%,#fff 0 15%,#dff4f0 16% 38%,transparent 39%),linear-gradient(145deg,#edf8f5,#f6eddd);overflow:hidden;box-shadow:var(--shadow)}.orbit{position:absolute;border:1px solid rgba(72,189,168,.35);border-radius:50%;inset:13%;animation:spin 24s linear infinite}.orbit-two{inset:27%;animation-direction:reverse;animation-duration:14s}.orbit:before,.orbit:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--orange);top:12%;left:15%}.orbit:after{top:auto;left:auto;bottom:5%;right:25%;background:var(--teal)}.visual-core{position:absolute;inset:35%;border-radius:50%;background:var(--ink);color:white;display:grid;place-content:center;text-align:center;box-shadow:0 10px 30px rgba(79,79,79,.35)}.core-logo{font:bold 1.5rem Manrope;color:var(--teal)}.visual-core strong{font-size:.8rem;line-height:1.35}.data-card{position:absolute;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:17px 19px;border-radius:15px;box-shadow:0 12px 30px rgba(79,79,79,.12);z-index:2}.data-card span{display:block;font-size:.68rem;text-transform:uppercase;letter-spacing:.08em}.card-a{left:6%;top:17%}.card-a b{font:800 1.6rem Manrope;color:var(--teal)}.card-b{right:5%;bottom:17%;width:140px}.bars{display:flex;align-items:end;gap:5px;height:44px;margin-top:9px}.bars i{flex:1;background:var(--teal-light);height:38%;border-radius:3px}.bars i:nth-child(2){height:62%}.bars i:nth-child(3){height:50%;background:var(--orange)}.bars i:nth-child(4){height:88%}.bars i:nth-child(5){height:72%}.dot{position:absolute;width:13px;height:13px;border-radius:50%;background:var(--orange)}.dot-a{left:27%;bottom:13%}.dot-b{right:22%;top:10%;background:var(--teal)}.dot-c{left:12%;top:50%;width:7px;height:7px;background:var(--ink)}@keyframes spin{to{transform:rotate(360deg)}}
.impact{padding:120px 0 70px;display:grid;grid-template-columns:1.4fr .6fr;gap:80px;align-items:end}.impact p{font-size:1.15rem;color:#4e696b}.case-study{background:var(--ink);color:white;border-radius:34px;padding:70px;display:grid;grid-template-columns:1.1fr .9fr;gap:75px}.case-copy>p{color:#bed0d0}.case-copy blockquote{border-left:3px solid var(--orange);margin:34px 0 0;padding:4px 0 4px 23px;font-style:italic;color:#e1ebea}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff2c}.metrics article{background:var(--ink);padding:30px 25px}.metrics strong{display:block;font:700 clamp(1.6rem,3vw,2.5rem) Manrope;color:#6bdfd4;margin-bottom:8px}.metrics span{font-size:.8rem;color:#c7d6d6}
.audience,.process,.why{padding-block:130px}.section-heading{max-width:800px}.section-heading>p{color:#5b7274;font-size:1.1rem}.section-heading.centered{text-align:center;margin:0 auto 65px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.audience-card{padding:52px;background:white;border:1px solid var(--line);border-radius:24px;box-shadow:0 15px 50px rgba(8,47,51,.06)}.audience-card.dark{background:var(--teal);color:white}.card-number{font:700 .75rem Manrope;letter-spacing:.15em;color:var(--orange)}.audience-card h3{font-size:2rem;margin:20px 0}.audience-card p{opacity:.74}.audience-card ul{list-style:none;padding:10px 0 0;margin:0}.audience-card li{border-top:1px solid currentColor;padding:14px 0;opacity:.85}.audience-card li:before{content:"→";margin-right:10px;color:var(--orange)}
.services{background:var(--ink);color:white;padding:125px 0}.services h2 em{color:#70dcd2}.service-grid{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #ffffff33;border-bottom:1px solid #ffffff33}.service-grid article{padding:38px 24px;border-right:1px solid #ffffff33}.service-grid article:last-child{border:0}.service-icon{display:block;width:86px;height:68px;object-fit:contain;margin:0 0 22px;filter:drop-shadow(0 7px 15px rgba(0,0,0,.22));transition:transform .3s ease}.service-grid article:hover .service-icon{transform:translateY(-5px) scale(1.04)}.service-grid h3{margin:0 0 16px;font-size:1.2rem}.service-grid p{font-size:.88rem;color:#d7e1e0}.steps{display:grid;grid-template-columns:repeat(4,1fr);margin-top:65px}.steps article{border-top:2px solid var(--line);padding:32px 30px 0 0;position:relative}.steps article:after{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:var(--orange);top:-7px;left:0}.steps span{color:var(--teal);font-weight:700}.steps h3{margin:23px 0 12px}.steps p{color:#5a7072;font-size:.92rem}.why{border-top:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.why-grid article{padding:28px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:70px 1fr;column-gap:22px;align-items:center}.why-icon{width:64px;height:64px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(79,79,79,.13))}.why-grid h3{margin:0 0 10px}.why-grid p{grid-column:2;color:#5c7173;margin:0}
.contact{padding:40px 24px 0}.contact-inner{background:var(--teal);color:white;border-radius:35px;text-align:center;padding:95px 40px;position:relative;overflow:hidden}.contact-inner:before,.contact-inner:after{content:"";position:absolute;border:1px solid #ffffff38;border-radius:50%;width:450px;height:450px;left:-190px;top:-240px}.contact-inner:after{left:auto;top:auto;right:-230px;bottom:-250px}.contact h2{max-width:850px;margin:0 auto 22px}.contact h2 em{color:#fff}.contact p{max-width:650px;margin:0 auto 30px;color:#f4fffd}.button-light{background:white;color:var(--ink);position:relative;z-index:2}.button-light:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.contact-email{display:block;width:max-content;margin:20px auto 0;font-weight:700;border-bottom:1px solid rgba(255,255,255,.75);position:relative;z-index:2}.contact-email:hover{border-color:var(--orange)}.contact-notes{display:flex;justify-content:center;gap:30px;margin-top:30px;font-size:.82rem}.contact-notes span:before{color:white}footer{background:var(--ink);color:white;padding:70px 0 25px}.footer-main{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start}.footer-brand{height:auto}.footer-brand img{width:132px;max-height:100px;object-fit:contain}.footer-main p{color:#d7d7d7}.footer-main>div{display:flex;flex-direction:column;gap:12px}.footer-main>div a{color:var(--teal)}.footer-bottom{margin-top:60px;padding-top:25px;border-top:1px solid #ffffff24;display:flex;justify-content:space-between;color:#c8c8c8;font-size:.8rem}
.pricing-page nav .active:after{width:100%}.pricing-hero{padding:90px 0 70px}.pricing-intro{max-width:1000px}.pricing-intro h1{font-size:clamp(3rem,5.7vw,5.7rem);max-width:1050px}.pricing-lead{display:grid;grid-template-columns:1fr 1fr;gap:55px;font-size:1.08rem;color:#6d6d6d}.pricing-lead p:last-child{border-left:3px solid var(--teal);padding-left:25px}.capability-strip{display:grid;grid-template-columns:repeat(5,1fr);margin-top:75px;border-block:1px solid var(--line)}.capability-strip article{text-align:center;padding:30px 18px;border-right:1px solid var(--line)}.capability-strip article:last-child{border-right:0}.capability-icon{display:block;width:76px;height:62px;object-fit:contain;margin:0 auto 15px;filter:drop-shadow(0 5px 11px rgba(79,79,79,.14));transition:transform .3s ease}.capability-strip article:hover .capability-icon{transform:translateY(-4px) scale(1.06)}.capability-strip p{font-size:.82rem;line-height:1.5;margin:0}.engagement-section{padding:95px 0 120px}.pricing-heading{max-width:820px;margin-inline:auto;text-align:center}.pricing-heading p{color:#6e6e6e}.pricing-heading.centered{margin-bottom:55px}.engagement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.engagement-card{padding:38px 32px 42px;border:1px solid var(--teal);border-radius:20px;background:#fff;text-align:center;box-shadow:0 14px 40px rgba(79,79,79,.06)}.engagement-card.accent-gold{border-color:var(--orange)}.engagement-icon{display:block;width:86px;height:76px;object-fit:contain;margin:0 auto 20px;filter:drop-shadow(0 6px 13px rgba(79,79,79,.13))}.engagement-card h3{color:var(--teal);min-height:50px}.accent-gold h3{color:var(--orange)}.engagement-card p{color:#737373;font-size:.94rem}.engagement-card strong{display:block;border-top:1px solid var(--line);padding-top:18px;font-size:.84rem;line-height:1.5}.handover{display:flex;align-items:center;gap:28px;margin-top:28px;padding:28px 35px;border:1px solid var(--orange);border-radius:18px;background:white}.handover-icon{display:block;flex:0 0 72px;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 5px 10px rgba(79,79,79,.13))}.handover h3{margin-bottom:7px;color:var(--teal)}.handover p{margin:0;color:#707070}.plans-section{padding:115px 0;background:var(--ink);color:white}.plans-section h2 em{color:var(--teal)}.plans-section .pricing-heading p{color:#dedede}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.plan-card{--plan-accent:#fff;padding:35px 28px 28px;border:1px solid var(--plan-accent);border-radius:18px;background:#5a5a5a;text-align:center;display:flex;flex-direction:column}.plan-card.insight{--plan-accent:var(--orange)}.plan-card.vision{--plan-accent:var(--teal)}.plan-label{text-transform:uppercase;font-weight:800;letter-spacing:.06em;color:var(--plan-accent)}.plan-price{height:72px;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:1px solid var(--plan-accent);margin:8px auto 20px;width:72%}.price-placeholder{display:block;width:105px;height:42px}.plan-price small{align-self:flex-end;margin-bottom:15px;font-size:.7rem}.plan-card>p{min-height:78px;font-size:.9rem;color:#eee}.plan-card ul{display:grid;grid-template-columns:1fr 1fr;list-style:none;padding:22px 0;margin:0;border-top:1px dashed var(--plan-accent);gap:18px 8px}.plan-card li{font-size:.78rem}.plan-card li img{display:block;width:42px;height:34px;object-fit:contain;margin:0 auto 6px;filter:drop-shadow(0 4px 7px rgba(0,0,0,.18))}.plan-card li b{display:block}.plan-button{margin-top:auto;padding:11px 15px;border-radius:99px;background:var(--plan-accent);color:var(--ink);font-weight:800;font-size:.8rem}.plans-include{text-align:center;margin:28px auto 0;color:#ddd;font-size:.9rem}.plan-contact{display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin-top:34px;padding:24px 28px;border:1px solid var(--teal);border-radius:18px}.contact-symbol{display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:var(--teal);color:var(--ink);font-size:1.5rem}.plan-contact h3{color:var(--teal);margin:0 0 4px}.plan-contact p{margin:0;color:#ddd}.plan-contact .button-primary{background:var(--teal);color:var(--ink);white-space:nowrap}.plan-contact .button-primary:hover{background:var(--orange)}
.engagement-icon[src$="payment-stream.png"]{width:100px;height:82px;margin-bottom:14px}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-header nav{position:absolute;top:72px;left:0;right:0;background:#fbfaf6;display:none;flex-direction:column;align-items:stretch;padding:25px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;padding-top:45px}.hero-visual{width:min(600px,100%);margin:auto}.impact,.case-study,.why{grid-template-columns:1fr}.impact{gap:20px}.service-grid{grid-template-columns:1fr 1fr}.service-grid article{border-bottom:1px solid #ffffff33}.steps{grid-template-columns:1fr 1fr;gap:35px}.why{gap:35px}}
@media(max-width:900px){.pricing-lead{grid-template-columns:1fr;gap:15px}.capability-strip{grid-template-columns:repeat(2,1fr)}.capability-strip article{border-bottom:1px solid var(--line)}.engagement-grid,.plan-grid{grid-template-columns:1fr}.plan-card>p{min-height:0}.plan-contact{grid-template-columns:auto 1fr}.plan-contact .button{grid-column:1/-1;justify-self:center}}
@media(max-width:600px){.section-shell{width:min(100% - 30px,1180px)}h1{font-size:2.65rem}.hero{min-height:auto;padding-bottom:70px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{border-radius:28px}.trust-row{flex-direction:column}.impact,.audience,.process,.why{padding-block:85px}.case-study{width:calc(100% - 20px);padding:40px 24px;gap:35px}.metrics{grid-template-columns:1fr}.two-columns,.steps,.footer-main{grid-template-columns:1fr}.audience-card{padding:35px 25px}.services{padding:85px 0}.service-grid{grid-template-columns:1fr}.service-grid article{border-right:0}.why-grid article{grid-template-columns:38px 1fr}.contact{padding:10px 10px 0}.contact-inner{padding:70px 20px}.contact-notes{flex-direction:column;gap:8px}.footer-main{gap:35px}.footer-bottom{flex-direction:column;gap:8px}.reveal{transform:translateY(16px)}}
@media(max-width:600px){.pricing-hero{padding-top:55px}.pricing-intro h1{font-size:2.65rem}.pricing-lead p:last-child{padding-left:18px}.capability-strip{grid-template-columns:1fr}.capability-strip article{border-right:0}.engagement-section{padding:70px 0 85px}.engagement-card{padding:35px 23px}.handover{align-items:flex-start;padding:24px 20px;gap:16px}.handover-icon{flex-basis:48px;height:48px}.plans-section{padding:80px 0}.plan-card{padding:30px 20px}.plan-contact{grid-template-columns:1fr;text-align:center}.contact-symbol{margin:auto}.plan-contact .button{grid-column:auto;padding-inline:18px}.plan-price{width:82%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orbit{animation:none}.reveal{transition:none;opacity:1;transform:none}}

/* Theme control and dark appearance */
html{color-scheme:light}html[data-theme="dark"]{color-scheme:dark;--ink:#eeeeeb;--ink-2:#d2d2cf;--cream:#1c1e1e;--white:#202323;--line:rgba(255,255,255,.14);--shadow:0 24px 70px rgba(0,0,0,.32)}
.theme-toggle{width:54px;height:30px;padding:3px;border:1px solid var(--line);border-radius:99px;background:#ebe8df;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;position:relative;font-size:.86rem;line-height:1;transition:background .25s,border-color .25s}.theme-toggle:after{content:"";position:absolute;left:3px;top:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 7px rgba(0,0,0,.18);transition:transform .25s}.theme-toggle span{position:relative;z-index:1;width:20px;text-align:center}.theme-toggle__sun{color:#b47618}.theme-toggle__moon{color:#667080}html[data-theme="dark"] .theme-toggle{background:#383c3c}html[data-theme="dark"] .theme-toggle:after{transform:translateX(24px);background:#151717}html[data-theme="dark"] .theme-toggle__sun{color:#8c8c86}html[data-theme="dark"] .theme-toggle__moon{color:#8ee0d1}
html[data-theme="dark"] body{background:#171919;color:var(--ink)}html[data-theme="dark"] .site-header{background:rgba(23,25,25,.92)}html[data-theme="dark"] .hero-copy>p,html[data-theme="dark"] .impact p,html[data-theme="dark"] .section-heading>p,html[data-theme="dark"] .steps p,html[data-theme="dark"] .why-grid p,html[data-theme="dark"] .pricing-lead,html[data-theme="dark"] .pricing-heading p,html[data-theme="dark"] .engagement-card p,html[data-theme="dark"] .handover p{color:#bfc7c6}html[data-theme="dark"] .hero-visual{background:radial-gradient(circle at 50%,#292d2d 0 15%,#21413c 16% 38%,transparent 39%),linear-gradient(145deg,#1d302d,#332d23)}html[data-theme="dark"] .data-card{background:rgba(35,39,39,.92)}html[data-theme="dark"] .audience-card,html[data-theme="dark"] .engagement-card,html[data-theme="dark"] .handover{background:#202323}html[data-theme="dark"] .audience-card.dark{background:#287d70}html[data-theme="dark"] .services,html[data-theme="dark"] .case-study,html[data-theme="dark"] footer,html[data-theme="dark"] .plans-section{background:#101212}html[data-theme="dark"] .metrics article{background:#101212}html[data-theme="dark"] .plan-card{background:#292c2c}html[data-theme="dark"] .button-primary{background:#e8e7e2;color:#202323}html[data-theme="dark"] .button-primary:hover{background:var(--teal)}html[data-theme="dark"] .nav-cta{border-color:#deded8}html[data-theme="dark"] .nav-cta:hover{background:#deded8;color:#202323}
html[data-theme="dark"] .site-header .brand img{content:url("assets/CLUTTRA_final_logo_white.png")}
@media(max-width:900px){html[data-theme="dark"] .site-header nav{background:#1b1d1d}.theme-toggle{align-self:center}}
@media(max-width:600px){.handover-icon{width:48px;height:48px;flex-basis:48px}}
/* The official Cluttra mark replaces the temporary letter in the hero visual. */
.visual-core .core-logo{display:block;width:72px;height:auto;margin:0 auto 7px;object-fit:contain}

/* Centre the C itself; the three data lines intentionally extend to the left. */
.core-logo-wrap{width:72px;margin:0 auto 7px}
.visual-core .core-logo{margin:0;transform:translateX(-15px)}
.core-logo--dark{display:none!important}
.plan-label{margin-bottom:30px}
html[data-theme="dark"] .core-logo--light{display:none}
html[data-theme="dark"] .core-logo--dark{display:block!important}
html[data-theme="dark"] .visual-core strong{color:#4f4f4f}