:root{--paper:#f6f5ef;--ink:#182b22;--forest:#133d2d;--deep:#0e2c21;--muted:#617064;--line:#d8dcd1;--lime:#d8f28a;--white:#fff;--serif:Georgia,'Times New Roman',serif;--sans:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,summary{font:inherit}a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #739b2a;outline-offset:6px}::selection{background:var(--lime);color:var(--forest)}.shell{width:min(1280px,calc(100% - 112px));margin-inline:auto}.skip-link{position:fixed;top:-70px;left:20px;z-index:99;background:var(--forest);color:#fff;padding:12px 20px}.skip-link:focus{top:10px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.header-inner{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.wordmark{display:inline-flex;align-items:center;gap:0;font-size:30px;font-weight:750;letter-spacing:-1.8px}.brand-period{color:#668c43}.brand-symbol{width:31px;height:36px;position:relative;margin-right:11px;font-size:32px;line-height:36px;font-weight:800;letter-spacing:-3px}.brand-symbol span{position:absolute;width:10px;height:4px;right:-1px;top:11px;background:var(--paper);transform:rotate(-40deg)}.desktop-nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:500}.desktop-nav a,.login-link{transition:color .2s}.desktop-nav a:hover,.login-link:hover{color:#628345}.header-actions{display:flex;align-items:center;gap:24px}.login-link{font-size:13px;font-weight:600}.button{display:inline-flex;gap:28px;align-items:center;justify-content:space-between;min-height:58px;padding:18px 24px;font-size:14px;font-weight:600;line-height:1.25;border:1px solid transparent;border-radius:4px;transition:background .2s,transform .2s}.button span{font-size:23px;font-weight:400;line-height:16px}.button:hover{transform:translateY(-2px)}.button-dark{color:white;background:var(--forest)}.button-dark:hover{background:var(--deep)}.button-small{min-height:44px;padding:13px 18px;font-size:12px;gap:18px}.mobile-menu{display:none}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:54px;padding-top:62px;padding-bottom:64px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;line-height:1.6;margin:0 0 27px;display:flex;align-items:center;gap:10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--forest)}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:550}h1{font-size:clamp(70px,7.4vw,108px);letter-spacing:-7px;line-height:.98;margin-bottom:31px}h1 em,h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}h1 em{color:var(--forest);font-size:1.07em}.hero-description{font-size:16px;line-height:1.7;color:var(--muted);max-width:440px;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.text-link{font-size:12px;font-weight:600;display:inline-flex;gap:12px;align-items:center;border-bottom:1px solid #b9c1b4;padding-block:11px}.hero-note{font-size:11px;color:var(--muted);margin-top:17px;margin-bottom:0}.hero-signature{display:flex;align-items:center;gap:17px;margin-top:49px;font-size:9px;line-height:1.7;letter-spacing:1.3px;font-weight:550}.signature-line{width:43px;height:1px;background:#83927e}.hero-visual{height:638px;position:relative;margin:0;overflow:hidden;background:var(--deep);border-radius:3px}.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 45%}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,24,18,.25),transparent 35%,rgba(8,24,18,.05) 55%,rgba(8,24,18,.78))}.photo-topline{position:absolute;top:27px;left:28px;color:#e5ebdf;font-size:8px;letter-spacing:1.4px}.hero-visual figcaption{position:absolute;left:32px;bottom:32px;color:#f5f5ed}.photo-index{font-size:8px;letter-spacing:1.8px}.hero-visual figcaption p{font-size:34px;font-weight:500;letter-spacing:-1.5px;line-height:1.12;margin-top:16px;margin-bottom:0}.hero-visual figcaption em{font-family:var(--serif);font-weight:400}.photo-corner{position:absolute;right:27px;bottom:30px;border:1px solid #e6edda88;width:43px;height:43px;display:grid;place-items:center;color:white;font-size:25px;border-radius:50%}.principles{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr repeat(3,1fr);align-items:center;gap:32px;padding-block:30px 44px}.principles p{font-size:12px;line-height:1.55;margin:0;color:var(--muted)}.principles strong{font-size:17px;color:var(--ink);font-weight:600}.principle{font-size:11px;font-weight:500;padding-left:20px;border-left:1px solid var(--line)}.manifesto{background:var(--forest);color:var(--paper);padding-block:100px}.manifesto-inner{display:grid;grid-template-columns:1fr 2.8fr;gap:80px}.section-label{font-size:9px;letter-spacing:1.5px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:50px}.section-star{font-family:var(--serif);font-size:70px;line-height:1;color:var(--lime)}h2{font-size:clamp(38px,4.7vw,65px);letter-spacing:-3px;line-height:1.08;margin-bottom:25px}.manifesto h2{font-size:clamp(48px,5.3vw,74px);letter-spacing:-3.9px;line-height:1.08}.manifesto h2 em{color:var(--lime)}.manifesto-bottom{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:46px;max-width:725px}.manifesto-bottom p{font-size:14px;line-height:1.85;color:#c2d2c5;margin:0}.manifesto-bottom strong{color:var(--paper);font-weight:500}.section-space{padding-block:100px}.section-heading{display:grid;grid-template-columns:1fr 1.3fr;align-items:end;column-gap:80px;margin-bottom:48px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:25px}.section-heading h2{margin-bottom:0}.section-heading>p:last-child{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 7px;max-width:360px;justify-self:end}.benefit-list{border-top:1px solid var(--line)}.benefit{display:grid;grid-template-columns:56px 1fr 1fr 40px;gap:28px;align-items:start;padding:35px 0;border-bottom:1px solid var(--line)}.benefit-number{font-size:10px;letter-spacing:1px;padding-top:5px;color:var(--muted)}.benefit h3{font-size:25px;letter-spacing:-.8px;line-height:1.2;margin-bottom:15px}.benefit-tag{font-size:8px;font-weight:550;letter-spacing:1.7px;color:var(--muted)}.benefit p{font-size:14px;line-height:1.85;color:var(--muted);max-width:370px;margin-bottom:0;padding-top:3px}.benefit-arrow{font-size:29px;color:var(--forest);text-align:right}.statement{background:#e8ebdf;display:grid;grid-template-columns:1fr 3.6fr;gap:42px;padding:52px 60px;align-items:center;border-radius:4px;margin-bottom:100px}.statement h2{font-size:clamp(30px,3.4vw,46px);letter-spacing:-2px}.statement p:last-child{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.statement .eyebrow{margin-bottom:18px;font-size:8px}.statement-mark{position:relative;font-size:116px;line-height:1;font-weight:450;color:#527e4c;letter-spacing:-6px}.statement-mark span{position:absolute;font-family:var(--sans);font-size:49px;left:58px;top:1px;color:var(--forest);background:#e8ebdf;width:47px;line-height:50px}.journey{background:#efeee7;border-block:1px solid var(--line)}.journey-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:52px}.journey-heading>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:26px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:42px}.step-label{font-size:8px;letter-spacing:1.4px;font-weight:650;color:var(--muted)}.journey-line{height:1px;background:#c1c8b6;margin:24px 0 33px;position:relative}.journey-line i{width:7px;height:7px;border-radius:50%;position:absolute;left:0;top:-3px;background:#54724b}.journey-grid article:last-child .journey-line i{background:var(--forest)}.journey-grid h3{font-size:20px;letter-spacing:-.55px;margin-bottom:16px}.journey-grid p{font-size:13px;line-height:1.85;color:var(--muted);max-width:310px;margin:0}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:100px}.faq>div>p:last-child{color:var(--muted);font-size:14px;line-height:1.8}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;padding:26px 0;font-size:15px;font-weight:550;line-height:1.5}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:24px;font-weight:300;transition:transform .2s}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;line-height:1.85;color:var(--muted);max-width:550px;margin:0 35px 25px 0}.final-cta{position:relative;overflow:hidden;text-align:center;background:var(--deep);color:var(--paper);padding:95px 0 160px}.final-cta .shell{position:relative}.final-cta .eyebrow{justify-content:center;color:#bed3bb;margin-bottom:27px}.final-cta h2{font-size:clamp(55px,6.2vw,88px);letter-spacing:-4.8px;line-height:1.02;margin-bottom:38px}.final-cta h2 em{color:var(--lime)}.button-lime{background:var(--lime);color:var(--deep);gap:60px}.button-lime:hover{background:#e4ffa0}.final-cta .button:focus-visible{outline-color:white}.final-cta p:last-of-type{font-size:11px;margin-top:21px;color:#a7bfa9}.cta-watermark{position:absolute;bottom:-265px;left:50%;transform:translateX(-50%);font-size:220px;letter-spacing:-16px;line-height:1;font-weight:600;color:#365642;opacity:.27;pointer-events:none;white-space:nowrap}.site-footer{padding:48px 0 26px;background:var(--paper)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;padding-bottom:40px}.footer-top .wordmark{font-size:27px;align-self:start}.footer-top p{color:var(--muted);font-size:12px;line-height:1.7;margin:0}.footer-top nav{display:flex;gap:30px;font-size:11px;justify-content:end;align-items:start;padding-top:4px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:9px;color:var(--muted)}.footer-bottom span:last-child{font-size:8px;letter-spacing:1px}
@media(min-width:1600px){.hero{gap:100px}.hero-visual{height:690px}}
@media(max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:32px}.hero-visual{height:570px}h1{font-size:80px;letter-spacing:-5px}.desktop-nav{gap:20px}.header-actions{gap:15px}.hero-actions{gap:12px}.hero-actions .button{padding-inline:18px;gap:18px}.text-link{font-size:11px}.manifesto-inner{gap:45px}.manifesto-bottom{gap:30px}.section-heading{gap:35px}.benefit{grid-template-columns:35px 1fr 1fr 25px;gap:22px}.faq{gap:60px}.statement{padding:42px}.footer-top nav{gap:20px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.header-inner{min-height:80px;gap:18px}.wordmark{font-size:27px}.desktop-nav,.header-actions .login-link{display:none}.header-actions{margin-left:auto}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;cursor:pointer;width:30px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:6px}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;height:1px;width:24px;background:var(--ink)}.mobile-menu nav{position:absolute;z-index:5;right:0;top:45px;background:var(--paper);border:1px solid var(--line);padding:20px;width:235px;box-shadow:0 12px 25px #182b2212;display:flex;flex-direction:column;gap:22px;font-size:14px}.hero{padding-top:40px;padding-bottom:40px;grid-template-columns:1fr 1fr;gap:25px}.eyebrow{font-size:8px;letter-spacing:1px;gap:7px}h1{font-size:65px;letter-spacing:-4px}.hero-description{font-size:13px}.hero-description br{display:none}.hero-actions{flex-direction:column;align-items:start;gap:9px}.hero-actions .button{font-size:12px;min-height:51px}.hero-visual{height:510px}.hero-visual figcaption{left:22px;bottom:27px}.hero-visual figcaption p{font-size:26px}.photo-topline{left:20px;font-size:6px}.photo-corner{display:none}.hero-signature{margin-top:30px;font-size:7px;gap:12px}.principles{gap:18px;padding-bottom:35px}.principle{font-size:9px;padding-left:12px;line-height:1.6}.principles p{font-size:10px}.principles strong{font-size:15px}.manifesto{padding-block:70px}.manifesto-inner{grid-template-columns:1fr;gap:27px}.section-label{flex-direction:row;align-items:center}.section-star{font-size:33px}.manifesto h2{font-size:60px}.manifesto-bottom{margin-top:32px}.section-space{padding-block:70px}.section-heading h2{font-size:45px}.section-heading>p:last-child{font-size:12px}.benefit{gap:18px;grid-template-columns:25px 1fr 1fr 20px}.benefit h3{font-size:21px}.benefit p{font-size:12px}.statement{padding:35px;gap:25px;margin-bottom:70px;grid-template-columns:1fr 4fr}.statement-mark{font-size:83px}.statement-mark span{left:40px;font-size:37px;width:33px;line-height:39px}.statement h2{font-size:34px}.journey-heading h2{font-size:46px}.journey-heading>p{font-size:12px}.journey-grid{gap:25px}.journey-grid h3{font-size:18px}.journey-grid p{font-size:12px}.faq{gap:45px}.faq h2{font-size:47px}.faq summary{font-size:13px}.footer-top{grid-template-columns:1fr 1fr}.footer-top nav{grid-column:1/-1;justify-content:start;gap:30px}.final-cta{padding-top:75px}.final-cta h2{font-size:65px}.cta-watermark{font-size:175px;bottom:-255px}}
@media(max-width:560px){html{scroll-padding-top:20px}.shell{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:13px}.wordmark{font-size:25px;letter-spacing:-1.4px}.brand-symbol{font-size:28px;width:27px;margin-right:8px}.header-actions .button{font-size:10px;gap:12px;min-height:39px;padding:10px 13px}.mobile-menu summary{width:23px}.hero{grid-template-columns:1fr;gap:35px;padding-top:38px}.hero .eyebrow{font-size:8px;margin-bottom:23px}h1{font-size:clamp(64px,17vw,87px);letter-spacing:-4.7px;line-height:.98;margin-bottom:25px}.hero-description{font-size:14px;max-width:330px}.hero-actions{flex-direction:row;gap:16px;align-items:center}.hero-actions .button{font-size:12px;min-height:53px;padding-inline:17px;gap:18px}.text-link{font-size:10px;gap:8px}.hero-note{font-size:10px;line-height:1.6}.hero-signature{display:none}.hero-visual{height:470px}.hero-visual img{object-position:center 40%}.photo-topline{top:23px;font-size:7px}.hero-visual figcaption p{font-size:31px}.photo-index{font-size:7px}.principles{grid-template-columns:1fr 1fr;padding-block:25px 35px;row-gap:24px}.principles p{grid-row:span 2;font-size:12px}.principles strong{font-size:20px}.principle{font-size:10px;line-height:1.5;padding-left:13px}.principle:last-child{grid-column:1/-1;text-align:left;border-left:0;padding-left:0;padding-top:15px;border-top:1px solid var(--line)}.manifesto{padding-block:57px}.section-label{font-size:8px}.manifesto h2{font-size:clamp(43px,11.2vw,60px);letter-spacing:-2.5px}.manifesto-bottom{grid-template-columns:1fr;gap:20px;margin-top:29px}.manifesto-bottom p{font-size:13px;line-height:1.9}.section-space{padding-block:58px}.section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:0}.section-heading h2{font-size:46px;letter-spacing:-2.5px}.section-heading>p:last-child{justify-self:start;font-size:13px}.benefit{grid-template-columns:28px 1fr 20px;gap:16px;padding:29px 0}.benefit-heading{grid-column:2}.benefit h3{font-size:23px}.benefit p{grid-column:2;grid-row:2;font-size:13px;margin-top:2px}.benefit-arrow{grid-column:3;grid-row:1;font-size:23px}.benefit-number{font-size:9px}.benefit-tag{font-size:7px}.statement{padding:30px 25px;grid-template-columns:1fr;gap:25px;margin-bottom:58px}.statement-mark{font-size:70px;line-height:1;height:64px}.statement-mark span{font-size:30px;left:34px;width:29px;line-height:30px}.statement h2{font-size:34px;letter-spacing:-1.5px;line-height:1.15;margin-bottom:21px}.statement .eyebrow{font-size:7px;letter-spacing:1px}.statement p:last-child{font-size:12px}.journey-heading{display:block;margin-bottom:32px}.journey-heading h2{font-size:42px;letter-spacing:-2px}.journey-heading>p{font-size:13px}.journey-grid{grid-template-columns:1fr;gap:35px}.journey-line{margin:16px 0 22px}.journey-grid h3{font-size:21px;margin-bottom:12px}.journey-grid p{font-size:13px;max-width:none}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:46px;letter-spacing:-2px}.faq summary{font-size:14px;padding-block:22px}.faq details p{font-size:13px;margin-right:15px}.final-cta{padding:60px 0 130px}.final-cta .eyebrow{font-size:7px;letter-spacing:1.3px}.final-cta h2{font-size:clamp(47px,12vw,66px);letter-spacing:-2.6px;margin-bottom:31px}.final-cta p:last-of-type{font-size:10px;line-height:1.8}.button-lime{font-size:13px;gap:45px}.cta-watermark{font-size:115px;letter-spacing:-8px;bottom:-193px}.site-footer{padding-top:35px}.footer-top{display:flex;flex-wrap:wrap;gap:22px;padding-bottom:30px}.footer-top .wordmark{width:100%;font-size:28px}.footer-top p{font-size:11px}.footer-top nav{width:100%;gap:24px;flex-wrap:wrap;font-size:11px}.footer-bottom{flex-direction:column;gap:16px;font-size:8px;line-height:1.6}.footer-bottom span:last-child{font-size:7px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.button:hover{transform:none}}
@media(max-width:360px){.header-inner{gap:10px}.brand-symbol{display:none}.header-inner .wordmark{font-size:24px}.hero-actions{gap:10px}.hero-actions .button{padding-inline:14px;gap:14px}.hero-visual{height:420px}}

/* Original ClyoFit brand assets, shared across desktop and mobile. */
.wordmark{flex-shrink:0;letter-spacing:normal;line-height:1}
.brand-logo{display:block;width:210px;height:54px;object-fit:cover}
.footer-top .brand-logo{width:195px;height:50px}
.statement-mark{width:120px;height:120px;overflow:hidden;letter-spacing:normal}
.statement-mark img{display:block;width:170px;height:170px;max-width:none;transform:translate(-25px,-25px)}
.cta-watermark{width:min(850px,90vw);height:200px;bottom:-190px;opacity:.12}
.cta-watermark img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(0) invert(1)}
@media(max-width:800px){.brand-logo{width:175px;height:46px}.statement-mark{width:85px;height:85px}.statement-mark img{width:122px;height:122px;transform:translate(-18px,-18px)}}
@media(max-width:560px){.brand-logo{width:142px;height:38px}.footer-top .brand-logo{width:180px;height:46px}.statement-mark{width:76px;height:76px}.statement-mark img{width:110px;height:110px;transform:translate(-17px,-17px)}.cta-watermark{height:100px;bottom:-130px}}
@media(max-width:360px){.brand-logo{width:120px;height:34px}}
