/* /cs_website/static/src/css/home_page.css */
:root{--ink:#3c2415; --ink-deep:#2a1a0f; --tan:#8b5e3c; --white:#ffffff; --blush:#f4e1d0; --blush-deep:#ecdcc6; --rust:#a1654a; --charcoal:#4d4d4f; --icon:#b0764e; --radius:10px; --maxw:1180px;}*{box-sizing:border-box; margin:0; padding:0;}html{scroll-behavior:smooth;}body{background:var(--white); color:var(--ink); font-family:'Plus Jakarta Sans', sans-serif; font-weight:400; font-size:16px; line-height:1.6; -webkit-font-smoothing:antialiased;}.display{font-weight:800; letter-spacing:-0.01em;}.label{font-weight:200; font-size:12.5px; letter-spacing:0.16em; text-transform:uppercase;}img,svg{display:block; max-width:100%;}a{color:inherit; text-decoration:none;}.wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}section{position:relative; overflow:hidden;}::selection{background:var(--rust); color:var(--white);}a:focus-visible, button:focus-visible{outline:2px solid var(--rust); outline-offset:3px;}.logo-lockup{display:flex; align-items:center; gap:12px; color:var(--ink);}.logo-lockup svg, .logo-lockup img.logo-mark{width:30px; height:auto; flex-shrink:0;}.logo-lockup .word{display:flex; flex-direction:column; line-height:1;}.logo-lockup .word .l1{font-weight:800; font-size:18px; letter-spacing:0.01em;}.logo-lockup .word .l2{font-weight:200; font-size:18px; letter-spacing:0.14em; margin-top:1px;}.logo-lockup .tag{font-weight:400; font-size:9.5px; letter-spacing:0.1em; text-transform:uppercase; opacity:0.6; margin-top:3px;}.logo-lockup.on-dark{color:var(--blush);}.btn{display:inline-flex; align-items:center; gap:8px; padding:13px 24px; border-radius:6px; font-weight:700; font-size:14.5px; letter-spacing:0.01em; cursor:pointer; border:1.5px solid transparent; transition:transform .15s ease, box-shadow .15s ease, background .15s ease;}.btn:hover{transform:translateY(-1px);}.btn-primary{background:var(--rust); color:var(--white);}.btn-primary:hover{box-shadow:0 8px 20px rgba(161,101,74,0.35);}.btn-ghost-dark{border-color:rgba(244,225,208,0.45); color:var(--blush);}.btn-ghost-dark:hover{border-color:var(--blush); background:rgba(244,225,208,0.08);}.btn-ghost-light{border-color:rgba(60,36,21,0.3); color:var(--ink);}.btn-ghost-light:hover{border-color:var(--ink); background:rgba(60,36,21,0.04);}.btn-text{font-weight:600; font-size:14px; color:var(--ink); opacity:0.75;}.btn-text:hover{opacity:1;}header{position:sticky; top:0; z-index:50; background:rgba(255,255,255,0.94); backdrop-filter:blur(6px); border-bottom:1px solid rgba(60,36,21,0.1);}nav.wrap{display:flex; align-items:center; justify-content:space-between; height:78px;}.nav-links{display:flex; align-items:center; gap:30px;}.nav-links a{font-size:14.5px; font-weight:600; color:var(--ink); opacity:0.78;}.nav-links a:hover{opacity:1;}.nav-cta{display:flex; align-items:center; gap:18px;}.menu-btn{display:none; background:none; border:none; cursor:pointer; padding:6px;}.menu-btn span{display:block; width:22px; height:2px; background:var(--ink); margin:5px 0;}@media (max-width:900px){.nav-links{position:absolute; top:78px; left:0; right:0; background:var(--white); flex-direction:column; align-items:flex-start; padding:18px 28px 24px; gap:18px; border-bottom:1px solid rgba(60,36,21,0.1); display:none;}.nav-links.open{display:flex;}.menu-btn{display:block;}.nav-cta .hide-mobile{display:none;}}.watermark{position:absolute; pointer-events:none; opacity:0.07; width:900px; height:900px; color:var(--icon);}.watermark svg{width:100%; height:100%;}.hero .watermark{top:-260px; right:-300px; animation:spin 200s linear infinite;}.cta-band .watermark{bottom:-340px; left:-280px; animation:spin 200s linear infinite reverse;}@keyframes spin{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}@media (prefers-reduced-motion: reduce){.watermark{animation:none;}}@media (max-width:700px){.watermark{width:560px; height:560px;}}.hero{background:var(--ink); color:var(--blush); padding:84px 0 72px;}.hero-grid{display:grid; grid-template-columns:1.05fr 1fr; gap:48px; align-items:center; position:relative; z-index:1;}.hero-copy{max-width:540px;}.hero .label{color:rgba(244,225,208,0.88);}.hero h1{font-size:clamp(30px,4vw,48px); line-height:1.14; margin:18px 0 22px; max-width:19ch;}.hero p.lede{font-size:16.5px; color:rgba(244,225,208,0.82); max-width:54ch; margin-bottom:32px;}.hero-actions{display:flex; gap:14px; flex-wrap:wrap;}.hero-visual{position:relative;}.hero-caption{margin-top:14px; font-size:11px; letter-spacing:0.12em; text-transform:uppercase; color:rgba(244,225,208,0.5); text-align:center;}@media (max-width:900px){.hero-grid{grid-template-columns:1fr; gap:36px;}.hero-copy{max-width:none;}}.proof-visual{grid-column:1 / -1; max-width:420px; margin:30px auto 4px;}.pain{background:var(--blush); padding:56px 0;}.pain .wrap{display:flex; flex-direction:column; gap:18px; max-width:720px;}.pain .label{color:var(--charcoal); margin-bottom:6px;}.pain ul{list-style:none; display:flex; flex-direction:column; gap:14px;}.pain li{font-size:16.5px; padding-left:20px; position:relative; color:var(--ink);}.pain li::before{content:"—"; position:absolute; left:0; color:var(--rust);}.section{padding:92px 0;}.section-head{max-width:640px; margin-bottom:50px;}.section-head .label{color:var(--rust);}.section-head h2{font-size:clamp(26px,3.2vw,36px); margin-top:12px; line-height:1.15;}.section-head p{margin-top:14px; color:var(--charcoal); font-size:15.5px; max-width:58ch;}.reveal{opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease;}.reveal.is-visible{opacity:1; transform:translateY(0);}@media (prefers-reduced-motion: reduce){.reveal{opacity:1; transform:none; transition:none;}}.steps{display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(60,36,21,0.12);}.step{padding:28px 22px 0; border-right:1px solid rgba(60,36,21,0.12);}.step:last-child{border-right:none;}.step .num{font-weight:800; font-size:36px; color:var(--rust); line-height:1; margin-bottom:14px;}.step h3{font-size:16.5px; margin-bottom:8px; font-weight:700;}.step p{font-size:14px; color:var(--charcoal);}@media (max-width:880px){.steps{grid-template-columns:1fr; border-top:none;}.step{border-right:none; border-top:1px solid rgba(60,36,21,0.12); padding:24px 0 0;}}.legend{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(60,36,21,0.12); border:1px solid rgba(60,36,21,0.12);}.legend-item{background:var(--white); padding:26px 24px; display:flex; flex-direction:column; gap:12px;}.legend-icon{width:36px; height:36px; color:var(--ink);}.legend-item h3{font-size:15.5px; font-weight:700;}.legend-item p{font-size:13.5px; color:var(--charcoal);}@media (max-width:880px){.legend{grid-template-columns:1fr;}}@media (min-width:881px) and (max-width:1080px){.legend{grid-template-columns:repeat(2,1fr);}}.why-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:38px 50px;}.why-item .label{color:var(--rust); font-size:11px;}.why-item h3{font-size:17.5px; margin:10px 0 8px; font-weight:700;}.why-item p{font-size:14.5px; color:var(--charcoal);}@media (max-width:760px){.why-grid{grid-template-columns:1fr;}}.proof{background:var(--white); border:1px solid rgba(161,101,74,0.3); border-radius:var(--radius); padding:38px 40px; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:start;}.proof-tag{font-weight:700; font-size:11px; letter-spacing:0.06em; text-transform:uppercase; background:var(--ink); color:var(--blush); padding:7px 12px; border-radius:4px; white-space:nowrap;}.proof p{font-size:15px; color:var(--ink);}.proof p + p{margin-top:10px; color:var(--charcoal); font-size:14px;}@media (max-width:640px){.proof{grid-template-columns:1fr;}}.pricing{display:grid; grid-template-columns:1fr 1fr; border:1px solid rgba(60,36,21,0.12); border-radius:var(--radius); overflow:hidden;}.price-col{padding:34px 36px;}.price-col + .price-col{border-left:1px solid rgba(60,36,21,0.12);}.price-col .label{color:var(--rust); display:block; margin-bottom:10px;}.price-col h3{font-size:19px; margin-bottom:10px; font-weight:700;}.price-col p{font-size:14.5px; color:var(--charcoal);}@media (max-width:680px){.pricing{grid-template-columns:1fr;}.price-col + .price-col{border-left:none; border-top:1px solid rgba(60,36,21,0.12);}}.cta-band{background:var(--ink); color:var(--blush); padding:90px 0; text-align:center;}.cta-band .inner{position:relative; z-index:1;}.cta-band h2{font-size:clamp(26px,3.6vw,40px); max-width:20ch; margin:0 auto 28px;}.cta-band .label{color:rgba(244,225,208,0.88); display:block; margin-bottom:14px;}footer{background:var(--ink-deep); color:rgba(244,225,208,0.7); padding:44px 0;}footer .wrap{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px;}footer .f-tag{font-size:12.5px; opacity:0.7; margin-top:4px;}footer .f-right{display:flex; gap:22px; font-size:13.5px; flex-wrap:wrap;}footer a:hover{color:var(--blush);}footer .f-legal{width:100%; display:flex; gap:18px; font-size:12px; opacity:0.55; margin-top:18px; padding-top:18px; border-top:1px solid rgba(244,225,208,0.12);}