/* Cerama v0.4 — product-first redesign informed by Taste Skill
   Accessible, RTL-first, Vanilla JS, entirely local resources. */
:root{
 --v4-forest:#193d2e;
 --v4-forest-dark:#133025;
 --v4-cream:#f7f4ec;
 --v4-paper:#fcfaf6;
 --v4-terracotta:#ae6948;
 --v4-ink:#214230;
 --v4-muted:#516456;
 --v4-rule:#ccd6c9;
 --v4-radius:12px;
 --v4-space-1:8px;--v4-space-2:12px;--v4-space-3:16px;--v4-space-4:24px;
 --v4-space-5:32px;--v4-space-6:48px;--v4-space-7:64px;
}
body{color:var(--v4-ink)}
.grain{display:none!important}
.skip-link{position:absolute;top:5px;right:5px;padding:11px 18px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;z-index:250;background:white;color:#153627;border-radius:10px}
.skip-link:focus-visible{width:auto;height:auto;clip-path:none;overflow:visible}
.hero-v4 .button,.cta-v4 .button,.nav-actions .button{border-radius:100px}
.nav-links a{font-weight:650}
.nav-links a,.nav-login{font-size:13px}
.announcement{font-size:12px}
.hero.hero-v4{
 background:#ece6db;
 padding-top:132px;
 min-height:0;
 position:relative;
 overflow:hidden;
}
.hero-v4::before{
 content:'';position:absolute;inset:0;pointer-events:none;
 background:radial-gradient(ellipse 80% 70% at 83% 12%,#f5f1e8 0%,transparent 70%);
}
.hero-v4 .hero-inner{
 position:relative;z-index:1;
 display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);
 align-items:center;gap:24px;min-height:580px;
}
.hero-v4 .hero-copy{padding:30px 0 36px;max-width:560px}
.hero-v4 .eyebrow{font-size:12px;color:#7e513b;gap:10px;margin-bottom:17px}
.hero-v4 .eyebrow-index{font:10px/1.5 Arial,sans-serif;color:#7b6b5b}
.hero-v4 h1{
 font-weight:850;font-size:clamp(58px,5.9vw,84px);line-height:1.2;
 letter-spacing:-2.5px;margin:13px 0 20px;color:#183b2c;
}
.hero-v4 h1 em{font-style:normal;color:#9e5738}
.hero-v4 .hero-description{
 font-size:16px;line-height:2;color:#415a49;max-width:500px;margin:0 0 24px;
}
.hero-v4 .hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-v4 .button-primary{padding:15px 24px;white-space:nowrap}
.hero-v4 .text-link{font-size:13px;white-space:nowrap}
.hero-facts{margin-top:27px;display:flex;align-items:center;flex-wrap:wrap;gap:14px 19px}
.hero-facts span{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#375945;font-weight:650}
.hero-facts svg{height:16px;width:16px;color:#a66c4c;stroke-width:2}
.hero-sample-note{display:flex;gap:7px;align-items:start;margin:16px 0 0;color:#5a675d;font-size:11px;line-height:1.85}
.hero-sample-note svg{width:16px;height:16px;flex-shrink:0;margin-top:2px}
.hero-v4 .hero-visual{
 position:relative;height:560px;min-width:0;margin:0;
 display:flex;justify-content:flex-start;align-items:center;padding:22px 0 33px 14px;
}
.hero-product-board{
 direction:rtl;position:relative;z-index:2;
 width:95%;max-width:755px;min-width:0;
 background:#fdfbf7;border:7px solid #cdd9cb;border-radius:17px;
 box-shadow:0 26px 75px #16322526,0 7px 22px #25332812;overflow:hidden;
}
.hero-board-top{
 display:flex;align-items:center;justify-content:space-between;gap:10px;
 min-height:52px;background:#1d4231;color:#eef6ed;padding:10px 16px;
}
.hero-brand-mini{direction:ltr;font-size:17px;font-weight:850;display:flex;align-items:center;gap:4px}
.hero-brand-mini>b{font:800 16px/1 Arial,sans-serif;background:#e8caaa;color:#214533;border-radius:6px;padding:7px;margin-inline-end:4px}
.hero-brand-mini>span{color:#da9d74}
.hero-board-context{font-size:11px;color:#c8dac9}
.hero-board-live{display:flex;align-items:center;gap:7px;white-space:nowrap;color:#d9e4d8;font-size:10px}
.hero-board-live i{width:7px;height:7px;background:#93ca9c;border-radius:50%}
.hero-board-main{padding:23px 23px 21px}
.hero-board-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dde4da;padding-bottom:17px;gap:10px}
.hero-board-heading>div{display:flex;flex-direction:column;gap:6px}
.hero-board-overline{font-size:10px;color:#a46545}
.hero-board-heading strong{font-size:22px;line-height:1.5;color:#1d4832}
.hero-board-action{display:grid;place-items:center;background:#e7ede3;color:#5a7a5c;width:40px;height:40px;border-radius:12px}
.hero-board-action svg{height:21px;width:21px}
.hero-board-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:20px 0}
.hero-board-kpis>div{display:flex;flex-direction:column;background:#f5f7f1;border:1px solid #dbe5d9;border-radius:10px;padding:12px 14px}
.hero-board-kpis span{font-size:11px;color:#55735a;line-height:1.5}
.hero-board-kpis strong{font-size:29px;line-height:1.45;color:#214c37}
.hero-board-kpis small{font-size:10px;color:#738477}
.hero-board-flow-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 11px}
.hero-board-flow-head strong{font-size:13px;color:#1d3c2c}
.hero-board-flow-head span{font-size:10px;color:#657e6a}
.hero-board-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.hero-board-lane{padding:10px 9px 11px;background:#f1f3ee;border:1px solid #e0e7db;border-radius:10px;min-width:0}
.hero-board-lane:nth-child(2){background:#f6f0e8;border-color:#e7d8c7}
.hero-board-lane:nth-child(3){background:#edf4ed;border-color:#d9e8d8}
.hero-board-lane-title{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:10px;font-weight:700;color:#45614c;margin-bottom:8px}
.hero-board-lane-title>i{width:6px;height:6px;background:#8caa85;border-radius:50%;flex-shrink:0}
.hero-board-lane:nth-child(2) .hero-board-lane-title>i{background:#d19c78}
.hero-board-lane-title b{margin-right:auto;font-weight:600;color:#768a7b}
.hero-board-ticket{display:flex;flex-direction:column;gap:5px;padding:11px 9px;background:#fffdfa;min-height:101px;border-radius:7px;box-shadow:0 1px 4px #2e4d2a0b}
.hero-board-ticket span{font:10px/1.4 Arial,sans-serif;direction:ltr;text-align:right;color:#819482}
.hero-board-ticket strong{font-size:11px;color:#2b4934;line-height:1.45}
.hero-board-ticket small{font-size:10px;color:#607264;line-height:1.4}
.hero-board-footer{background:#f2f6f0;border-top:1px solid #dfe8dc;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 18px;font-size:10px;color:#627767}
.hero-board-footer span{display:inline-flex;align-items:center;gap:6px}
.hero-board-footer svg{width:13px;height:13px}
.hero-board-footer span:last-child{font:9px/1.4 Arial,sans-serif;direction:ltr;white-space:nowrap}
.hero-craft-photo{
 z-index:3;position:absolute;left:0;bottom:3px;width:159px;height:175px;
 margin:0;overflow:hidden;border:6px solid #efe7d9;background:#ded3c4;
 border-radius:95px 95px 10px 10px;box-shadow:0 12px 38px #243b2c31;
}
.hero-craft-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% center;filter:saturate(.78)}
.hero-craft-photo figcaption{position:absolute;bottom:0;right:0;left:0;padding:22px 5px 10px;background:linear-gradient(transparent,#1b352adf);color:#fff7ec;text-align:center;font-size:10px}
.hero-v4 .hero-bottom{z-index:1;position:relative;margin-top:11px;padding-bottom:19px;color:#536659;font-size:12px}
.hero-v4 .hero-bottom a{border:1px solid #b3c6b3}
.manifesto{padding-top:86px!important;padding-bottom:70px!important}
.manifesto-grid{margin-bottom:43px!important;gap:8%!important}
.manifesto-art{height:325px!important}
.editorial-photo-frame{width:82%;border-radius:46% 46% 5px 5px}
.manifesto-heading h2{font-size:clamp(38px,4vw,60px)!important;line-height:1.5}
.manifesto-heading p{font-size:15px!important;line-height:2.05;color:#415b4a!important}
.feature-intro{padding-bottom:21px}
.features-grid-v4{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;background:transparent;border:0}
.features-grid-v4 .feature-v4{
 min-height:389px;padding:27px 25px 21px;border:1px solid #d8ded2;border-radius:12px;
 display:flex;flex-direction:column;gap:0;
 background:#fffdf8;position:relative;
}
.features-grid-v4 .feature-v4:nth-child(1){background:#eaf0e6}
.features-grid-v4 .feature-v4:nth-child(3){background:#f7eee5}
.features-grid-v4 .feature-v4:nth-child(5){background:#edf1ea}
.features-grid-v4 .feature-v4:hover{transform:translateY(-2px);background:#f4f7ed;box-shadow:0 10px 28px #193f2920}
.features-grid-v4 .feature-v4:after{display:none}
.feature-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.feature-top-icon{display:grid;place-items:center;height:40px;width:40px;background:#e6eae1;border:1px solid #d8e1d5;border-radius:9px;color:#375c43}
.feature-top-icon svg{width:22px;height:22px;stroke-width:1.6}
.feature-top .feature-number{font:11px/1.4 Arial,sans-serif;color:#5c765f}
.features-grid-v4 .feature-v4 h3{font-size:21px;font-weight:750;margin:17px 0 6px;line-height:1.55;color:#214631}
.features-grid-v4 .feature-v4 p{font-size:13px;line-height:1.95;color:#516554;margin:0 0 13px;min-height:49px}
.feature-mini{
 direction:rtl;display:flex;flex-direction:column;justify-content:center;
 height:120px;margin-top:auto;padding:13px 14px;background:#f0f2eb;
 border:1px solid #dfe7dc;border-radius:9px;overflow:hidden;
}
.feature-mini span,.feature-mini small{font-size:11px;color:#5b725e;line-height:1.5}
.feature-mini b{font-size:11px;color:#355842}
.feature-pipeline{flex-direction:row;align-items:stretch;gap:7px}
.feature-pipeline>div{flex:1;min-width:0;border-radius:7px;background:#fffdf9;display:flex;flex-direction:column;justify-content:space-between;padding:10px 8px;gap:7px;border-top:3px solid #93ae92}
.feature-pipeline>div:nth-child(2){border-top-color:#b88664}
.feature-pipeline>div:nth-child(3){border-top-color:#6f9874}
.feature-order{gap:12px;background:#eaf1e7}
.feature-order>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:5px}
.feature-order>div:first-child span{font:10px Arial,sans-serif}
.feature-order>div:first-child b{font-size:12px}
.feature-order-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px;border-top:1px solid #cdd9cc}
.feature-order-bottom>span{display:inline-flex;align-items:center;gap:4px;font-size:10px}
.feature-order-bottom svg{width:15px;height:15px}
.feature-order-bottom>b{background:#d3e9d1;padding:6px 9px;border-radius:6px;color:#316742}
.feature-stock{gap:9px;background:#f8f3e9}
.feature-stock>div{display:flex;align-items:center;gap:9px}
.feature-stock>div>span{width:68px;flex-shrink:0}
.feature-stock i{height:8px;background:#e0d9c9;border-radius:20px;overflow:hidden;flex:1}
.feature-stock i>b{display:block;height:100%;background:#7c9a7b;border-radius:20px}
.feature-stock>div:nth-child(2) i>b{background:#ca956d}
.feature-stock small{color:#98593b}
.feature-calendar{gap:9px}
.feature-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;text-align:center}
.feature-week>b{padding:5px;font-size:11px;color:#5b745e}
.feature-week-events>span{font-size:10px;text-align:center;padding:10px 1px;background:#fff;min-height:38px;border-radius:6px;color:#476d50}
.feature-week-events>span:nth-child(3){background:#e8d6c6;color:#986440}
.feature-classes{gap:7px}
.feature-classes>div{background:#fffdf8;border-radius:6px;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}
.feature-classes>div span{font-size:10px}
.feature-classes>div b{font-size:11px}
.feature-chart{align-items:center;justify-content:center;gap:5px}
.feature-chart-bars{height:69px;display:flex;align-items:flex-end;gap:9px;width:100%;padding:0 4px}
.feature-chart-bars i{background:#739d7a;flex:1;border-radius:4px 4px 0 0}
.feature-chart-bars i:nth-child(even){background:#b88867}
.features-grid-v4 .feature-foot{padding-top:14px;margin-top:12px;font-size:12px;font-weight:700;color:#2e6943}
.features-grid-v4 .feature-foot svg{height:15px;width:15px}
/* Editorial strip: atmosphere without competing with the software story */
.craft-story-v4{padding:4px 0 62px!important}
.craft-story-v4 .craft-story-wrap{padding-top:34px}
.craft-story-v4 .craft-story-title{display:flex;align-items:baseline;gap:28px;margin:0 0 22px}
.craft-story-v4 .craft-story-title .kicker{flex:0 0 145px}
.craft-story-v4 .craft-story-title h2{font-size:clamp(26px,2.6vw,38px);flex:1;line-height:1.5}
.craft-story-v4 .craft-story-title p{font-size:13px;flex:0 0 30%}
.craft-story-v4 .craft-story-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.craft-story-v4 .craft-story-gallery img{height:210px}
.craft-story-v4 .craft-story-gallery figcaption{font-size:14px;padding:30px 15px 13px}
.process--management{padding-top:80px!important;padding-bottom:74px!important}
.process--management .process-head{margin-bottom:35px}
.process--management .process-head h2{font-size:clamp(43px,4.6vw,68px)}
.process--management .process-head>p{font-size:14px;line-height:2}
.process-step{min-height:70px}
.process-preview-inner{padding-top:17px}
.workflow-case{display:flex;align-items:center;justify-content:space-between;gap:8px;background:#e8eee3;border:1px solid #d8e2d3;padding:10px 13px;border-radius:9px;margin-bottom:17px}
.workflow-case span{display:inline-flex;align-items:center;gap:6px;color:#45644f;font-size:11px;white-space:nowrap}
.workflow-case svg{width:15px;height:15px}
.workflow-case strong{color:#8a563d;font-size:11px;font-weight:700}
.dashboard-section{padding-top:92px!important;padding-bottom:95px!important}
.dashboard-heading{margin-bottom:30px}
.dashboard-heading h2{font-size:clamp(37px,4vw,59px)!important}
.dashboard-heading p{font-size:15px!important}
.dashboard-quick-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:16px}
.dashboard-quick-links button{border:1px solid #c3d3c1;background:#fcfbf5;color:#315a3d;border-radius:50px;display:inline-flex;gap:8px;align-items:center;padding:10px 16px;font-size:12px;font-weight:700;transition:background .2s}
.dashboard-quick-links button:hover,.dashboard-quick-links button.is-active{background:#dfe9dc;border-color:#9cbb9d}
.dashboard-quick-links svg{width:17px;height:17px}
.dashboard-quick-links>span{font-size:11px;color:#617467;margin-right:auto}
.app-shell{border-radius:13px;box-shadow:0 20px 52px #293b2724}
.demo-status{color:#47634e!important}
.demo-caption{font-size:12px!important}
.app-main .table-row{font-size:12px}
.quote-v4{height:460px!important;overflow:hidden;position:relative}
.quote-v4 .quote-photo{position:absolute;inset:0;background:none!important}
.quote-v4 .quote-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#142e24f1,#142e24c8 55%,#142e249e)}
.quote-v4 .quote-photo img{height:100%;width:100%;object-fit:cover;object-position:center;filter:saturate(.78)}
.quote-v4 .quote-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:100%;padding:50px 0!important;gap:12px}
.quote-v4 .quote-content>span{color:#ebbd9a;font:10px/1.6 Arial,sans-serif;letter-spacing:1.5px}
.quote-v4 .quote-content h2{font-size:clamp(33px,4.1vw,62px);line-height:1.52;color:#fff5e8;margin:0;max-width:850px}
.quote-v4 .quote-content h2 em{font-style:normal;color:#efb488}
.quote-v4 .quote-content p{font-size:15px;line-height:2;max-width:590px;color:#ebf0e6;margin:0}
.quote-v4 .quote-content small{color:#dce6dc;font-size:11px}
.quote-v4 .quote-line{width:110px;height:1px;background:#be8b69;margin:3px 0}
.pricing-v4{background:#f8f6ef!important;padding-top:93px!important;padding-bottom:88px!important}
.pricing-v4 .pricing-heading{margin-bottom:36px}
.pricing-v4 .pricing-heading h2{font-size:clamp(36px,3.6vw,57px)}
.pricing-v4 .pricing-heading p{color:#4d6655!important;font-size:14px!important}
.persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.persona-grid .persona-card{
 min-height:385px;background:#fffefa;border:1px solid #d8dfd3;border-radius:12px;padding:29px;
 display:flex;flex-direction:column;transform:none;
}
.persona-grid .persona-featured{background:#e9eee5;border-color:#a9c4aa}
.persona-icon{width:46px;height:46px;border-radius:11px;background:#e4ece2;color:#416447;display:grid;place-items:center;margin:0 0 18px}
.persona-icon svg{height:23px;width:23px}
.persona-grid .plan-tag{font-size:12px;color:#6c7e6f;font-weight:650}
.persona-grid h3{margin:10px 0 5px;color:#214532;font-size:27px}
.persona-grid .persona-card>p{font-size:14px!important;line-height:1.85;color:#4d6655!important;min-height:70px;margin:0 0 15px}
.persona-line{border-top:1px solid #d4dfd1}
.persona-grid .persona-card ul{margin:17px 0 23px;padding:0;display:flex;flex-direction:column;gap:12px}
.persona-grid .persona-card li{font-size:13px;line-height:1.7;color:#35543d}
.persona-grid .persona-card .plan-btn{margin-top:auto;font-size:12px;padding:13px 16px;border-color:#b1c7b2;color:#234c34;background:#fffdf8;border-radius:40px}
.persona-grid .persona-card .plan-btn:hover{background:#d7e8d5}
.pricing-v4 .pricing-disclaimer{display:flex;align-items:center;gap:9px;font-size:12px;color:#516658;line-height:1.8;margin-top:23px}
.pricing-v4 .pricing-disclaimer svg{flex-shrink:0;width:17px;height:17px}
.faq{padding-top:84px!important;padding-bottom:82px!important}
.faq-list summary{font-size:15px!important}
.faq-list details p{font-size:14px!important}
.cta-v4{background:#a66445!important;overflow:hidden}
.cta-v4 .cta-inner{align-items:center;min-height:500px}
.cta-v4 .cta-copy{position:relative;z-index:2}
.cta-v4 .cta-copy h2{font-size:clamp(47px,5vw,72px);line-height:1.42;color:#fff5e9;margin:14px 0}
.cta-v4 .cta-copy h2 em{color:#3d3428;font-style:normal}
.cta-v4 .cta-copy p{font-size:15px;line-height:2;color:#fff5ea;max-width:460px}
.cta-v4 .cta-copy small{display:flex;gap:8px;align-items:center;font-size:12px;line-height:1.7;color:#fff5e5;opacity:1}
.cta-v4 .cta-copy small svg{width:16px;height:16px;flex-shrink:0}
.cta-v4 .cta-visual{height:auto;width:auto}
.cta-product-card{max-width:390px;width:92%;direction:rtl;transform:rotate(-3deg);border-radius:16px;overflow:hidden;background:#fffaf0;box-shadow:0 24px 62px #583b303b;border:7px solid #dfb89a}
.cta-ui-top{background:#224634;color:#e9f1e5;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;gap:10px}
.cta-ui-top>span:first-child{font-size:22px;direction:ltr;font-weight:800}
.cta-ui-top>span:first-child>span{color:#f5be90}
.cta-ui-top>span:last-child{font-size:11px;color:#d0dfd0}
.cta-ui-body{padding:24px;color:#284c34}
.cta-ui-kicker{font:11px/1.5 Arial,sans-serif;color:#93684d;letter-spacing:1px}
.cta-ui-body>strong{display:block;font-size:25px;line-height:1.5;margin:6px 0}
.cta-ui-body>p{font-size:13px;color:#5d725f;margin:0 0 24px}
.cta-ui-progress{display:flex;flex-direction:column;gap:7px}
.cta-ui-progress span{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#eaf0e6;padding:11px 14px;border-radius:8px;font-size:12px;font-weight:700}
.cta-ui-progress svg{width:17px;height:17px}
.cta-ui-progress .complete{color:#3e7750}
.cta-ui-progress .current{color:#936543;background:#f2e5d9}
.cta-ui-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #dfe6d9;padding-top:17px;margin-top:24px;font-size:11px;color:#657765}
.cta-ui-meta b{font-size:10px;color:#976446}
.cta-v4 .button-white{white-space:nowrap}
.footer .footer-about p{font-size:14px;color:#d3e1d7}
/* Interaction & readability */
.feature-foot:focus-visible,.dashboard-quick-links button:focus-visible{outline:3px solid #bd784f;outline-offset:3px}
@media(max-width:1120px){
 .hero-v4 .hero-inner{grid-template-columns:minmax(0,43%) minmax(0,57%)}
 .hero-v4 h1{font-size:clamp(50px,6.3vw,69px)}
 .hero-v4 .hero-description{font-size:14px}
 .hero-v4 .hero-visual{height:495px}
 .hero-board-main{padding:15px}
 .hero-board-kpis{margin:12px 0}
 .hero-craft-photo{width:123px;height:143px}
 .persona-grid .persona-card{padding:23px}
 .persona-grid h3{font-size:24px}
 .craft-story-v4 .craft-story-title{gap:16px}
}
@media(max-width:820px){
 .hero.hero-v4{padding-top:116px}
 .hero-v4 .hero-inner{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .hero-v4 .hero-copy{max-width:100%;padding:12px 0 18px}
 .hero-v4 h1{font-size:clamp(50px,8.4vw,70px)}
 .hero-v4 .hero-description{max-width:570px;font-size:15px;line-height:1.9}
 .hero-v4 .hero-visual{height:auto;min-height:430px;padding:13px 0 30px;justify-content:center}
 .hero-product-board{width:92%;max-width:740px}
 .hero-craft-photo{left:0;bottom:0;width:120px;height:137px}
 .hero-v4 .hero-bottom{margin-top:0}
 .features-grid-v4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .features-grid-v4 .feature-v4{min-height:375px}
 .craft-story-v4 .craft-story-title{display:block}
 .craft-story-v4 .craft-story-title h2{font-size:33px;margin:8px 0}
 .craft-story-v4 .craft-story-title p{font-size:13px;max-width:550px}
 .craft-story-v4 .craft-story-gallery img{height:175px}
 .persona-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .persona-grid .persona-card{padding:19px 14px}
 .persona-grid h3{font-size:21px}
 .persona-grid .persona-card>p{font-size:12px!important}
 .persona-grid .persona-card li{font-size:12px}
 .persona-grid .persona-card .plan-btn{font-size:11px;padding:12px 7px}
 .cta-v4 .cta-inner{min-height:460px}
 .cta-product-card{max-width:300px}
}
@media(max-width:600px){
 .hero.hero-v4{padding-top:105px}
 .hero-v4 .hero-copy{padding:18px 0 8px}
 .hero-v4 .eyebrow{font-size:11px;margin:0}
 .hero-v4 h1{font-size:clamp(41px,11vw,52px);line-height:1.24;letter-spacing:-1px;margin:15px 0}
 .hero-v4 .hero-description{font-size:14px;line-height:1.9;margin-bottom:18px}
 .hero-v4 .hero-buttons{gap:12px}
 .hero-v4 .button-primary{padding:13px 16px;font-size:12px}
 .hero-v4 .text-link{font-size:12px}
 .hero-facts{gap:8px 14px;margin-top:17px}
 .hero-facts span{font-size:11px}
 .hero-facts svg{height:14px;width:14px}
 .hero-sample-note{font-size:10px;line-height:1.55;margin:12px 0 0}
 .hero-v4 .hero-visual{min-height:0;padding:15px 0 25px}
 .hero-product-board{width:100%;border-width:4px;border-radius:11px}
 .hero-board-top{padding:9px 12px;min-height:42px}
 .hero-brand-mini{font-size:14px}
 .hero-brand-mini>b{font-size:12px;padding:5px}
 .hero-board-context{display:none}
 .hero-board-live{font-size:10px}
 .hero-board-main{padding:13px 12px}
 .hero-board-heading{padding-bottom:10px}
 .hero-board-heading strong{font-size:18px}
 .hero-board-overline{font-size:10px}
 .hero-board-action{width:34px;height:34px}
 .hero-board-kpis{gap:5px;margin:12px 0}
 .hero-board-kpis>div{padding:9px 8px;border-radius:7px}
 .hero-board-kpis span{font-size:9px}
 .hero-board-kpis strong{font-size:22px}
 .hero-board-kpis small{font-size:9px}
 .hero-board-flow{gap:4px}
 .hero-board-lane{padding:6px 4px;border-radius:6px}
 .hero-board-lane-title{font-size:9px;gap:3px}
 .hero-board-ticket{padding:8px 5px;min-height:91px}
 .hero-board-ticket span{font-size:8px}
 .hero-board-ticket strong{font-size:10px}
 .hero-board-ticket small{font-size:9px}
 .hero-board-footer{padding:9px 10px}
 .hero-board-footer span{font-size:9px}
 .hero-board-footer span:last-child{display:none}
 .hero-craft-photo{left:-5px;bottom:-2px;width:70px;height:88px;border-width:3px}
 .hero-craft-photo figcaption{display:none}
 .hero-v4 .hero-bottom{font-size:10px;gap:8px}
 .hero-v4 .hero-bottom span:nth-child(2){display:none}
 .manifesto{padding-top:64px!important;padding-bottom:52px!important}
 .manifesto-heading h2{font-size:37px!important}
 .manifesto-heading p{font-size:14px!important}
 .manifesto-grid{margin-bottom:28px!important}
 .manifesto-art{height:270px!important}
 .features-grid-v4{grid-template-columns:1fr;gap:10px}
 .features-grid-v4 .feature-v4{min-height:0;padding:21px 20px 18px}
 .feature-mini{height:104px;margin-top:13px}
 .features-grid-v4 .feature-v4 h3{font-size:20px}
 .features-grid-v4 .feature-v4 p{min-height:0;font-size:13px}
 .features-grid-v4 .feature-foot{margin-top:10px}
 .craft-story-v4{padding-bottom:47px!important}
 .craft-story-v4 .craft-story-wrap{padding-top:23px}
 .craft-story-v4 .craft-story-title h2{font-size:26px}
 .craft-story-v4 .craft-story-title p{font-size:12px}
 .craft-story-v4 .craft-story-gallery{gap:6px}
 .craft-story-v4 .craft-story-gallery figure:first-child{grid-column:auto}
 .craft-story-v4 .craft-story-gallery img,
 .craft-story-v4 .craft-story-gallery figure:first-child img{height:145px}
 .craft-story-v4 .craft-story-gallery figcaption{font-size:10px;padding:23px 6px 7px;gap:4px}
 .craft-story-v4 .craft-story-gallery figcaption span{font-size:8px}
 .process--management{padding-top:68px!important;padding-bottom:64px!important}
 .process--management .process-head h2{font-size:37px}
 .workflow-case{padding:9px 10px}
 .workflow-case span,.workflow-case strong{font-size:10px}
 .dashboard-section{padding-top:70px!important;padding-bottom:72px!important}
 .dashboard-heading h2{font-size:35px!important}
 .dashboard-quick-links{gap:6px}
 .dashboard-quick-links button{font-size:11px;padding:9px 11px;gap:5px}
 .dashboard-quick-links svg{width:15px;height:15px}
 .dashboard-quick-links>span{width:100%;margin:4px 0 0;font-size:10px}
 .quote-v4{height:380px!important}
 .quote-v4 .quote-content h2{font-size:31px}
 .quote-v4 .quote-content p{font-size:13px}
 .pricing-v4{padding-top:72px!important;padding-bottom:65px!important}
 .pricing-v4 .pricing-heading h2{font-size:34px!important}
 .pricing-v4 .pricing-heading p{font-size:13px!important}
 .persona-grid{grid-template-columns:1fr;gap:12px}
 .persona-grid .persona-card{min-height:0;padding:22px}
 .persona-grid h3{font-size:25px}
 .persona-grid .persona-card>p{min-height:0;font-size:13px!important}
 .persona-grid .persona-card ul{margin:12px 0 20px;gap:9px}
 .persona-grid .persona-card li{font-size:13px}
 .persona-grid .persona-card .plan-btn{font-size:12px;padding:12px 18px}
 .pricing-v4 .pricing-disclaimer{font-size:11px}
 .cta-v4 .cta-inner{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:10px}
 .cta-v4 .cta-copy{padding:62px 0 20px!important}
 .cta-v4 .cta-copy h2{font-size:38px}
 .cta-v4 .cta-copy p{font-size:13px}
 .cta-v4 .cta-copy small{font-size:11px;max-width:100%}
 .cta-v4 .cta-visual{position:relative!important;bottom:auto!important;left:auto!important;right:auto!important;opacity:1!important;pointer-events:auto;width:100%!important;height:auto!important;padding:0 0 42px}
 .cta-product-card{width:85%;max-width:360px;transform:rotate(-2deg);align-self:center}
 .cta-ui-body{padding:17px}
 .cta-ui-body>strong{font-size:22px}
 .cta-ui-progress span{padding:8px 11px;font-size:11px}
 .cta-ui-meta{margin-top:15px;padding-top:12px}
}
@media(max-width:360px){
 .hero-v4 h1{font-size:39px}
 .hero-v4 .hero-description{font-size:13px}
 .hero-v4 .hero-buttons{gap:8px}
 .hero-v4 .text-link{font-size:11px}
 .hero-board-lane-title b{display:none}
 .hero-board-ticket strong{font-size:9px}
 .hero-board-kpis span{font-size:9px}
 .hero-facts{gap:5px}
 .hero-facts span{font-size:10px}
 .cta-v4 .cta-copy h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
 .hero-v4 *,.features-grid-v4 *,.cta-v4 *{transition:none!important;animation:none!important}
}

/* Correct narrow touch-navigation geometry. Desktop had a 36px flex gap
   inherited on mobile, pushing the menu outside the actual 390px viewport. */
@media(max-width:820px){
 .nav{gap:12px}
 .nav-actions{margin-inline-start:auto;min-width:0}
 .brand{gap:8px}
 .menu-toggle{padding:7px;flex-shrink:0}
}
@media(max-width:600px){
 .nav{gap:8px}
 .brand-mark{width:25px}
 .brand-text{font-size:26px}
 .nav-actions .button{font-size:10px;padding:10px 10px;gap:5px}
 .menu-toggle{padding:6px}
}

/* Keyboard and touchscreen affordances, including 320px navigation */
.feature-v4 .feature-foot,.dashboard-quick-links button,.persona-card .plan-btn{min-height:44px}
.menu-toggle{min-width:44px;min-height:44px;display:grid;place-items:center}
@media(max-width:600px){.nav{gap:8px}.menu-toggle{min-width:42px;min-height:42px;padding:7px}}
@media(max-width:360px){.nav{gap:6px}.brand-mark{width:23px}.brand-text{font-size:23px}.nav-actions .button{padding:8px 6px;font-size:9.5px;gap:3px}.menu-toggle{min-width:40px;min-height:40px;padding:6px}}

/* v0.4.0 finishing pass — improve reading contrast without changing the brand. */
.brand .brand-text>span{color:#875032}
.hero-v4 .eyebrow-index{color:#69594b}
.hero-v4 .hero-description{color:#324c3b}
.hero-board-overline{color:#895032}
.hero-board-kpis small,.hero-board-lane-title b,.hero-board-ticket span,
.hero-board-flow-head span{color:#4d6854}
.hero-board-footer{color:#435a48}
.hero-board-footer span:last-child{display:none}
.feature-top .feature-number{color:#48654d}
.features-grid-v4 .feature-v4 p{color:#344b3a;font-size:15px}
.craft-story-v4 .craft-story-title p{color:#364c3e;font-size:14px}
.craft-story-v4 .craft-story-gallery figcaption{
 background:linear-gradient(0deg,rgba(8,25,19,.97),rgba(8,25,19,.76) 46%,rgba(8,25,19,0) 100%);
 color:#fffdf7;
}
.process-preview-brand-dot{color:#edb68e}
.process-preview-location span{color:#d4e4ce}
.process-step.is-selected .process-step-index{color:#825036}
.process-step.is-selected .process-step-body small{color:#455b49}
#process-preview-brow{color:#805135}
#process-preview-count{color:#526e57}
.process-preview-databox-head>span{color:#4e684f}
.process-preview-columns{color:#516c57}
.process-preview-pill.is-orange{color:#7b4728}
.process-preview-pill.is-muted{color:#485d47}
.process-preview-sample{color:#4b604e}
.process--management .process-head>p{font-size:15px}
.dashboard-heading p{color:#344a3c!important}
.dashboard-quick-links>span{color:#455c4b}
.app-top .demo-label{color:#895336}
.app-avatar{color:#684128}
.status.green{color:#316638}
.status.peach{color:#80502d}
.status.neutral{color:#475a47}
.app-chart .chart-labels span{color:#4d654f}
.pricing-v4 .pricing-heading p{color:#344a3c!important;font-size:15px!important}
.persona-grid .plan-tag{color:#4b644f}
.persona-grid .persona-card>p{color:#344a3d!important;font-size:15px!important}
.faq-mark{color:#6a846b}
.cta-v4{background:#874a32!important}
.cta-v4 .cta-copy .kicker.light{color:#fff2df!important}
.cta-v4 .cta-copy h2 em{color:#f7d3b3}
.cta-v4 .cta-copy p{color:#fffaf1;font-size:16px}
.cta-v4 .cta-copy small{color:#fff7e8}
.cta-ui-progress .current{color:#794829}
/* Prevent an overlay from obscuring the small hero dashboard footer. */
.hero-v4 .hero-craft-photo{bottom:14px}
/* Header announcement is editorial only on phones: the primary action already sits in nav. */
@media(max-width:600px){
 .announcement{padding:0 12px;justify-content:center;font-size:11px}
 .announcement span{white-space:nowrap;overflow:visible;text-overflow:clip}
 .announcement a{display:none}
 .hero-v4 .hero-craft-photo{display:none}
 .features-grid-v4 .feature-v4 p{font-size:14px}
 .craft-story-v4 .craft-story-title p{font-size:13px}
 .persona-grid .persona-card>p{font-size:14px!important}
 .pricing-v4 .pricing-heading p{font-size:14px!important}
 .cta-v4 .cta-copy p{font-size:14px}
}
@media(max-width:360px){
 .announcement{font-size:10px}
}
/* Final contrast adjustments after cross-viewport browser inspection. */
.process--management .section-top .kicker.light{
  color:#fff9ef;
  background:#264b38;
  border-radius:5px;
  padding:4px 8px;
  display:inline-flex;
  align-items:center;
}
.footer .brand .brand-text>span{color:#f1c5a1}
.cta-v4{background:#783d2c!important}
/* The mobile navigation control must never appear in the desktop navbar. */
@media(min-width:821px){.menu-toggle{display:none!important}}