:root{--paper:#f5f3ec;--paper-deep:#ece9de;--ink:#1d2925;--muted:#69736c;--orange:#dd7144;--sage:#536d5d;--dark:#192923;--line:#dcded6;--white:#fffefa;--font-display:"Manrope",Arial,sans-serif;--font-body:"DM Sans",Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.skip-link{position:absolute;z-index:20;top:-50px;left:16px;background:var(--white);padding:12px}.skip-link:focus{top:12px}.section-wrap{width:min(1192px,calc(100% - 64px));margin-inline:auto}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 64px));margin:auto;border-bottom:1px solid rgba(29,41,37,.12)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:20px;font-weight:800;letter-spacing:-.8px}.brand-ai{color:var(--orange);margin-left:3px}.brand-mark,.mini-mark{display:inline-flex;align-items:flex-end;gap:2px;width:24px;height:23px;padding:2px 1px}.brand-mark span,.mini-mark i{display:block;width:6px;border-radius:5px;background:var(--sage);transform:skew(-20deg)}.brand-mark span:nth-child(1),.mini-mark i:nth-child(1){height:11px}.brand-mark span:nth-child(2),.mini-mark i:nth-child(2){height:17px;background:var(--orange)}.brand-mark span:nth-child(3),.mini-mark i:nth-child(3){height:22px}.main-nav{display:flex;align-items:center;gap:38px;color:#545f58;font-size:13px;font-weight:600}.main-nav a:hover,.text-link:hover,.footer-app-link:hover{color:var(--orange)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:16px 21px;border-radius:6px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#33473d}.button-small{padding:12px 16px;font-size:12px}.hero{min-height:596px;display:grid;grid-template-columns:.88fr 1.12fr;align-items:center;gap:32px;padding-top:32px;padding-bottom:56px}.hero-copy{position:relative;z-index:1;padding:4px 0 15px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--sage);font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase}.eyebrow-line{display:inline-block;width:22px;height:1px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-display);letter-spacing:-1.7px}h1{font-size:clamp(54px,6.4vw,81px);line-height:1.035;font-weight:700;margin:25px 0 22px}h1 span,.about-copy h2 span{color:var(--orange)}.hero-description{max-width:435px;color:#626e66;font-size:16px;line-height:1.75;margin-bottom:28px}.hero-actions{display:flex;align-items:center;gap:25px}.text-link{display:inline-flex;gap:9px;align-items:center;color:var(--ink);font-size:12px;font-weight:700}.text-link span{color:var(--orange);font-size:16px}.hero-note{display:flex;align-items:center;gap:9px;margin-top:44px;color:#69736c;font-size:11px}.status-dot,.placeholder-dot{width:7px;height:7px;border-radius:100%;background:#81a279;box-shadow:0 0 0 4px #81a27920}.hero-art{height:480px;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.sun-disc{position:absolute;width:400px;height:400px;border-radius:50%;background:#e6a171;right:5%;top:19px;opacity:.85}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#64736814 1px,transparent 1px),linear-gradient(90deg,#64736814 1px,transparent 1px);background-size:35px 35px;mask-image:radial-gradient(ellipse,#000 5%,transparent 72%)}.app-window{position:relative;z-index:2;width:min(480px,91%);background:var(--white);border:1px solid #d8d5cb;border-radius:11px;box-shadow:0 29px 65px #25372d25;overflow:hidden;transform:rotate(-2deg)}.window-bar{height:42px;background:#faf9f5;border-bottom:1px solid #ece9e0;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.window-brand{display:flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:11px;font-weight:800;letter-spacing:-.3px}.mini-mark{width:15px;height:15px;gap:1px;padding:0}.mini-mark i{width:4px}.mini-mark i:nth-child(1){height:7px}.mini-mark i:nth-child(2){height:11px}.mini-mark i:nth-child(3){height:15px}.window-dots{display:flex;gap:4px}.window-dots i{height:5px;width:5px;border-radius:50%;background:#d5d4cd}.window-body{padding:24px 24px 21px}.window-greeting{display:flex;flex-direction:column;gap:5px;margin-bottom:18px}.window-greeting small,.stat-card>span,.tag-top small,.tag-bottom small{color:#889089;font-size:7px;font-weight:700;letter-spacing:1px}.window-greeting strong{font-family:var(--font-display);font-size:17px;letter-spacing:-.5px}.window-greeting>span{color:#818881;font-size:9px}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.stat-card{height:70px;position:relative;overflow:hidden;border:1px solid #e7e6de;border-radius:5px;padding:11px 10px;background:#fff}.stat-card>span{font-size:6px;white-space:nowrap}.stat-card>strong{display:block;margin-top:7px;font-family:var(--font-display);font-size:18px;letter-spacing:-.5px}.stat-spark{position:absolute;height:22px;width:38px;bottom:7px;right:6px;opacity:.7;clip-path:polygon(0 70%,20% 48%,37% 57%,53% 20%,68% 43%,100% 8%,100% 18%,68% 55%,51% 33%,39% 70%,20% 62%,0 85%);background:var(--orange)}.spark-b{background:var(--sage)}.spark-c{background:#8a9ab4}.jobs-card{border:1px solid #e7e6de;border-radius:5px;margin-top:13px;padding:11px 11px 3px}.jobs-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.jobs-heading strong{font-family:var(--font-display);font-size:9px}.jobs-heading span{font-size:7px;color:#848b84}.jobs-heading b{color:var(--orange);padding-left:4px}.job-row{display:flex;align-items:center;gap:9px;padding:8px 0;border-top:1px solid #f0efe8}.job-symbol{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;font-size:10px;font-weight:700}.symbol-orange{background:#f7e3d6;color:#a95432}.symbol-sage{background:#e0e9dc;color:#4c6954}.symbol-blue{background:#e4eaf2;color:#52627c}.job-name{display:flex;flex:1;flex-direction:column;gap:3px}.job-name b{font-size:8px}.job-name small{font-size:7px;color:#91978f}.job-pill{padding:4px 7px;border-radius:15px;font-size:7px;font-weight:700}.pill-sent{background:#f8e9dc;color:#ab693e}.pill-open{background:#e3eddc;color:#5d795c}.pill-draft{background:#eaeced;color:#727b82}.floating-tag{z-index:3;position:absolute;display:flex;align-items:center;gap:10px;background:var(--white);border:1px solid #e5e1d8;border-radius:7px;box-shadow:0 10px 30px #26392c18;padding:11px 14px}.tag-top{top:45px;left:5px}.tag-bottom{bottom:50px;right:4px}.tag-icon,.check-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#f7e3d5;color:#c76e43;font-size:16px}.check-icon{background:#e0eadf;color:#5b765b}.floating-tag>span:last-child{display:flex;flex-direction:column;gap:4px}.floating-tag small{font-size:6px}.floating-tag strong{font-size:9px}.art-caption{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;color:#7d847d;font-size:10px;letter-spacing:.3px}.workflow-band{background:var(--dark);color:#fff}.workflow-inner{padding-top:76px;padding-bottom:81px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.eyebrow-light{color:#d3b494}.workflow-intro h2,.section-heading h2,.about-copy h2,.contact-card h2{font-size:clamp(34px,4vw,48px);line-height:1.15;letter-spacing:-1.8px}.workflow-intro h2{margin-top:21px;margin-bottom:0}.workflow-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}.workflow-step{position:relative;border-top:1px solid #67756b;padding-top:25px}.step-number{position:absolute;right:0;top:24px;color:#90a095;font-size:9px;letter-spacing:1px}.step-icon{color:#e99466;font-size:22px}.workflow-step h3{margin:19px 0 8px;font-size:17px;letter-spacing:-.5px}.workflow-step p{max-width:180px;margin:0;color:#b8c2ba;font-size:11px;line-height:1.7}.demo-section{padding-top:91px;padding-bottom:93px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:31px}.section-heading h2{margin:18px 0 0}.section-heading>p{max-width:390px;margin:0 0 4px;color:#727b73;font-size:13px;line-height:1.7}.video-placeholder{max-width:100%;border-radius:10px;background:#e9e6dc;padding:13px}.video-surface{height:390px;position:relative;overflow:hidden;border-radius:5px;background:radial-gradient(ellipse at 52% 40%,#476253 0,#273b30 42%,#182922 100%);color:white}.video-surface:before{content:"";position:absolute;width:420px;height:420px;border:1px solid #c0c9ba24;border-radius:50%;left:calc(50% - 210px);top:calc(50% - 210px);box-shadow:0 0 0 45px #c0c9ba0b,0 0 0 90px #c0c9ba08}.video-surface:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#dbe2d40a 1px,transparent 1px),linear-gradient(90deg,#dbe2d40a 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.video-topline,.video-bottomline{position:absolute;left:26px;right:26px;z-index:1;display:flex;justify-content:space-between;align-items:center}.video-topline{top:24px}.video-brand{display:flex;align-items:center;gap:7px;font-family:var(--font-display);font-size:13px;font-weight:800}.video-brand .mini-mark i{background:#b7c9ac}.video-brand .mini-mark i:nth-child(2){background:#e99466}.video-label,.video-duration{font-size:8px;letter-spacing:1.6px;color:#d3dbd0}.video-center{position:absolute;z-index:1;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.play-button{display:grid;place-items:center;width:57px;height:57px;border-radius:50%;border:1px solid #ffffff8a;color:white;padding-left:3px;font-size:16px}.video-center strong{margin-top:8px;font-family:var(--font-display);font-size:22px;letter-spacing:-.5px}.video-center>span:last-child{color:#c5d1c5;font-size:12px}.video-bottomline{bottom:23px;font-size:8px;letter-spacing:1.5px;color:#e1e7df}.video-bottomline i{color:#e99466;padding:0 5px;font-style:normal}.placeholder-caption{display:flex;align-items:center;gap:9px;margin:13px 4px 0;color:#68746b;font-size:10px}.placeholder-dot{width:6px;height:6px;background:#df946a;box-shadow:none}.about-section{background:var(--paper-deep)}.about-grid{min-height:490px;display:grid;grid-template-columns:1fr 1fr;gap:86px;align-items:center;padding-top:70px;padding-bottom:70px}.about-visual{height:335px;position:relative;display:grid;place-items:center;overflow:hidden;background:#d6ddd1;border-radius:7px}.about-sun{position:absolute;width:235px;height:235px;border-radius:50%;background:#e8a170;top:20px;left:calc(50% - 117px)}.about-quote{position:relative;z-index:2;width:265px;min-height:192px;padding:22px 25px;background:#fbfaf5;border-radius:4px;box-shadow:0 17px 45px #30473920;transform:rotate(-4deg)}.quote-mark{font-family:Georgia,serif;font-size:39px;line-height:.8;color:var(--orange)}.about-quote p{max-width:205px;margin:11px 0 14px;font-family:var(--font-display);font-size:16px;font-weight:700;line-height:1.38;letter-spacing:-.5px}.quote-rule{display:block;width:26px;height:2px;background:var(--orange);margin-bottom:9px}.about-quote small{font-size:6px;color:#828b81;letter-spacing:1.4px;font-weight:700}.about-orbit{position:absolute;width:300px;height:90px;border:1px solid #536d5d6b;border-radius:50%;transform:rotate(-32deg)}.orbit-one{width:340px;height:130px}.orbit-two{transform:rotate(58deg);width:355px;height:122px;border-color:#fffefa99}.about-copy h2{margin:20px 0 20px}.about-copy>p:not(.eyebrow){max-width:450px;color:#657168;font-size:13px;line-height:1.85}.about-copy .text-link{margin-top:8px}.contact-section{padding-top:87px;padding-bottom:87px}.contact-card{position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .8fr;gap:85px;align-items:center;background:var(--dark);border-radius:9px;color:white;padding:58px 68px}.contact-card h2{margin:17px 0 14px;font-size:43px}.contact-description{max-width:400px;margin:0;color:#bcc6bd;font-size:12px;line-height:1.8}.contact-placeholder{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding:26px 28px;border:1px solid #68766c;border-radius:6px;background:#ffffff08;color:inherit;text-decoration:none;transition:border-color .2s,background .2s}.contact-placeholder:hover{border-color:#e99466;background:#ffffff10}.contact-placeholder:focus-visible{outline:2px solid #e99466;outline-offset:3px}.contact-icon{font-size:20px;color:#e99466}.contact-label{margin:17px 0 8px;color:#d5b796;font-size:8px;font-weight:700;letter-spacing:1.6px}.contact-placeholder strong{font-family:var(--font-display);font-size:15px}.contact-placeholder small{max-width:265px;margin-top:8px;color:#b8c2ba;font-size:10px;line-height:1.7}.contact-orb{position:absolute;width:300px;height:300px;border-radius:50%;right:-110px;bottom:-230px;background:#dd7144;opacity:.18}.site-footer{background:#e9e7df}.footer-main{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d4d7ce}.brand-footer{font-size:17px}.brand-footer .brand-mark{transform:scale(.8);transform-origin:left center}.footer-main>p{margin:0;color:#747d74;font-size:11px}.footer-app-link{font-size:11px;font-weight:700}.footer-app-link span{color:var(--orange);margin-left:5px}.footer-bottom{height:52px;display:flex;align-items:center;justify-content:space-between;color:#818980;font-size:9px}
@media(max-width:900px){.hero{grid-template-columns:1fr 1fr;gap:10px}.hero-art{height:400px}.sun-disc{width:330px;height:330px}.tag-top{left:0}.workflow-inner{grid-template-columns:1fr;gap:35px}.workflow-steps{gap:35px}.about-grid{gap:42px}.contact-card{gap:40px;padding-inline:44px}}
@media(max-width:650px){.section-wrap,.site-header{width:calc(100% - 38px)}.site-header{height:70px}.brand{font-size:17px}.brand-mark{transform:scale(.86);transform-origin:left center;width:20px}.main-nav{display:none}.header-cta{padding:11px 12px;font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:9px;padding-top:53px;padding-bottom:38px}.hero-copy{padding:0}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:58px;margin:21px 0 16px}.hero-description{max-width:360px;font-size:14px}.hero-actions{gap:18px}.button{padding:14px 16px;font-size:11px}.text-link{font-size:10px}.hero-note{margin-top:25px;font-size:9px}.hero-art{height:330px;margin-inline:-7px}.sun-disc{width:280px;height:280px;top:12px}.app-window{width:87%;}.window-body{padding:17px}.window-greeting{margin-bottom:12px}.window-greeting strong{font-size:14px}.stat-card{height:60px;padding:8px}.stat-card>strong{font-size:15px}.jobs-card{margin-top:9px}.job-row{padding:6px 0}.tag-top{top:26px}.tag-bottom{bottom:31px}.floating-tag{padding:8px 10px}.tag-icon,.check-icon{width:23px;height:23px}.art-caption{font-size:8px}.workflow-inner{padding-top:54px;padding-bottom:58px;gap:28px}.workflow-intro h2,.section-heading h2,.about-copy h2{font-size:35px}.workflow-steps{gap:14px}.workflow-step{padding-top:17px}.step-number{top:16px;font-size:7px}.workflow-step h3{font-size:14px;margin-top:13px}.workflow-step p{font-size:9px}.demo-section{padding-top:60px;padding-bottom:60px}.section-heading{display:block;margin-bottom:21px}.section-heading>p{margin-top:14px;font-size:11px}.video-placeholder{padding:8px}.video-surface{height:260px}.video-topline,.video-bottomline{left:14px;right:14px}.video-topline{top:15px}.video-center strong{font-size:16px}.video-center>span:last-child{font-size:10px}.video-label,.video-duration,.video-bottomline{font-size:6px;letter-spacing:.9px}.video-bottomline i{padding:0 2px}.about-grid{display:flex;flex-direction:column-reverse;align-items:stretch;gap:32px;padding-top:55px;padding-bottom:55px}.about-copy h2{margin:17px 0}.about-copy>p:not(.eyebrow){font-size:11px}.about-visual{height:280px}.about-quote{transform:rotate(-3deg) scale(.9)}.contact-section{padding-top:54px;padding-bottom:54px}.contact-card{display:flex;flex-direction:column;align-items:stretch;gap:26px;padding:34px 25px}.contact-card h2{font-size:36px}.contact-description{font-size:11px}.contact-placeholder{padding:20px}.contact-label{margin-top:13px}.footer-main{height:auto;min-height:83px;display:grid;grid-template-columns:1fr auto;gap:3px;padding-block:16px}.footer-main>p{grid-column:1;grid-row:2;font-size:9px}.footer-app-link{grid-column:2;grid-row:1/3;font-size:9px}.footer-bottom{height:auto;min-height:55px;gap:10px;font-size:8px}.footer-bottom span:last-child{text-align:right}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.brand-image{display:block;width:220px;height:auto}.mini-brand-image{display:block;width:22px;height:22px;object-fit:contain}.window-brand .mini-brand-image{width:16px;height:16px}.video-brand .mini-brand-image{width:22px;height:22px}.brand-footer .brand-image{width:205px}@media(max-width:650px){.brand-image{width:175px}.brand-footer .brand-image{width:165px}}
.contact-socials{margin-top:24px}.contact-social-label{display:block;margin-bottom:10px;color:#d5b796;font-size:8px;font-weight:700;letter-spacing:1.6px}.social-button-row{display:flex;flex-wrap:wrap;gap:10px}.social-button{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:9px 12px;border:1px solid #ffffff40;border-radius:6px;background:#fffefa;color:var(--dark);font-size:11px;font-weight:700;transition:transform .2s,background .2s}.social-button:hover{transform:translateY(-2px);background:#fff}.social-icon{width:19px;height:19px;flex:none}.facebook-icon{fill:#1877f2}.linkedin-icon{fill:#0a66c2}.instagram-icon{color:#c13584}.social-arrow{margin-left:2px;color:#68766c;font-size:13px}

.menu-toggle{display:none;min-width:48px;min-height:48px;padding:8px 12px;border:1px solid #cbd2c8;border-radius:6px;background:#fffefa;color:var(--ink);font:700 12px var(--font-body);cursor:pointer}.mobile-nav{position:absolute;z-index:10;top:calc(100% - 2px);right:0;left:0;display:grid;gap:4px;padding:12px;border:1px solid var(--line);border-radius:0 0 10px 10px;background:var(--white);box-shadow:0 12px 30px #19292320}.mobile-nav[hidden]{display:none}.mobile-nav a{display:flex;align-items:center;min-height:48px;padding:10px 12px;border-radius:6px;color:var(--ink);font-size:14px;font-weight:600}.mobile-nav a:hover,.mobile-nav a:focus-visible{background:#eef1eb}.site-header{position:relative}
@media(max-width:650px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.social-button{min-height:48px}}

/* Product preview rebuilt to match the current WorkCraft AI dashboard. */
.dashboard-mock{position:relative;z-index:2;width:min(100%,650px);overflow:hidden;border:1px solid #d8ddd6;border-radius:10px;background:var(--paper);box-shadow:0 24px 55px #25372d24;color:#26332d;}
.dashboard-mock-nav{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 12px;background:#192923;color:#f5f3ec;}
.dashboard-mock-brand{display:flex;flex:none;align-items:flex-start;gap:7px;font-family:var(--font-display);font-size:12px;font-weight:800;line-height:1.05;white-space:nowrap;}
.dashboard-mock-brand img{width:25px;height:25px;object-fit:contain;}
.dashboard-mock-brand b{color:#ef7a19;}
.dashboard-mock-brand small{display:block;margin-top:3px;color:#d7d8cd;font-family:var(--font-body);font-size:5px;font-weight:600;line-height:1.2;}
.dashboard-mock-links{display:flex;align-items:center;gap:5px;color:#d5d4ca;font-size:7px;font-weight:700;white-space:nowrap;}
.dashboard-mock-links>span{padding:7px 8px;border:1px solid #526057;border-radius:6px;}
.dashboard-mock-links .mock-active{border-color:#415146;background:#273a30;color:#ff9c4a;}
.dashboard-mock-links i{padding:8px 10px;border-radius:7px;background:#a23e20;color:#fff;font-size:7px;font-style:normal;}
.dashboard-mock-content{padding:13px 10px 12px;background:var(--paper);}
.dashboard-mock-welcome,.dashboard-mock-tools,.dashboard-mock-list{width:84%;margin-inline:auto;}
.dashboard-mock-welcome{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 12px;border:1px solid #e0e2dc;border-radius:8px;background:#fff;box-shadow:0 2px 3px #19292312;}
.dashboard-mock-welcome>span{display:flex;min-width:0;flex-direction:column;gap:4px;}
.dashboard-mock-welcome strong{font-family:var(--font-display);font-size:12px;line-height:1.1;}
.dashboard-mock-welcome small,.dashboard-mock-tools small{color:#727b73;font-size:7px;line-height:1.25;}
.dashboard-mock-welcome>b{flex:none;padding:8px 10px;border-radius:6px;background:#a94220;color:#fff;font-size:7px;white-space:nowrap;}
.dashboard-mock-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px;margin-bottom:9px;}
.dashboard-mock-tools>div{min-height:42px;display:flex;flex-direction:column;justify-content:center;gap:4px;padding:7px 8px;border:1px solid #e0e2dc;border-radius:8px;background:#fff;box-shadow:0 2px 3px #19292312;}
.dashboard-mock-tools strong{font-family:var(--font-display);font-size:7px;line-height:1.15;}
.dashboard-mock-list{overflow:hidden;border:1px solid #e0e2dc;border-radius:8px;background:#fff;box-shadow:0 2px 3px #19292312;}
.dashboard-mock-tabs{height:34px;display:flex;align-items:center;gap:8px;padding:0 9px;border-bottom:1px solid #dedfd8;font-size:7px;font-weight:700;}
.dashboard-mock-tabs>b{padding:7px 9px;border-radius:6px;background:#192923;color:#fff;}
.dashboard-mock-tabs>span{color:#667169;}
.dashboard-mock-table-head,.dashboard-mock-row{display:grid;grid-template-columns:1.15fr 1.25fr .72fr .68fr .9fr;align-items:center;gap:7px;padding-inline:9px;}
.dashboard-mock-table-head{min-height:26px;background:#f3f1ea;color:#727b73;font-size:6px;}
.dashboard-mock-row{min-height:38px;border-top:1px solid #e4e5df;font-size:7px;}
.dashboard-mock-row>span:first-child{display:flex;min-width:0;flex-direction:column;gap:3px;}
.dashboard-mock-row strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:7px;}
.dashboard-mock-row small{overflow:hidden;color:#768078;font-size:6px;text-overflow:ellipsis;white-space:nowrap;}
.dashboard-mock-row>span:nth-child(2),.dashboard-mock-row time{overflow:hidden;color:#606b63;text-overflow:ellipsis;white-space:nowrap;}
.dashboard-mock-row time{font-size:6px;}
.mock-pending{justify-self:start;padding:4px 6px;border:1px solid #f0df9a;border-radius:20px;background:#fff7c5;color:#8c5300;font-size:6px;}
.mock-actions{overflow:hidden;color:#a94727;font-size:6px;font-weight:700;text-overflow:clip;white-space:nowrap;}
.demo-video-shell{overflow:hidden;border:1px solid #d9d8ce;border-radius:12px;background:#192923;padding:9px;box-shadow:0 18px 45px #25372d18;}
.demo-video{display:block;width:100%;height:auto;max-height:72vh;aspect-ratio:16/9;border-radius:6px;background:#192923;object-fit:contain;}
.demo-video-caption{margin:13px 4px 0;color:#56615a;font-size:11px;line-height:1.6;text-align:center;}
@media(max-width:900px){.dashboard-mock{width:100%;}.dashboard-mock-welcome,.dashboard-mock-tools,.dashboard-mock-list{width:90%;}.dashboard-mock-links{gap:3px;font-size:6px;}.dashboard-mock-links>span{padding:6px;}.dashboard-mock-links i{padding:7px;}}
@media(max-width:650px){.dashboard-mock-nav{min-height:42px;padding:5px 8px;}.dashboard-mock-brand{gap:5px;font-size:10px;}.dashboard-mock-brand img{width:22px;height:22px;}.dashboard-mock-brand small{font-size:4px;}.dashboard-mock-links{gap:3px;font-size:6px;}.dashboard-mock-links .mock-language{display:none;}.dashboard-mock-links>span{padding:6px 7px;}.dashboard-mock-links>span:not(.mock-active){display:none;}.dashboard-mock-links i{padding:7px 8px;font-size:6px;}.dashboard-mock-content{padding:9px 5px 7px;}.dashboard-mock-welcome,.dashboard-mock-tools,.dashboard-mock-list{width:96%;}.dashboard-mock-welcome{min-height:45px;padding:7px 8px;}.dashboard-mock-welcome strong{font-size:10px;}.dashboard-mock-welcome small{font-size:6px;}.dashboard-mock-welcome>b{padding:7px;font-size:6px;}.dashboard-mock-tools{gap:4px;margin-top:6px;margin-bottom:6px;}.dashboard-mock-tools>div{min-height:37px;padding:5px;}.dashboard-mock-tools strong{font-size:6px;}.dashboard-mock-tools small{font-size:5px;}.dashboard-mock-tabs{height:29px;gap:5px;padding-inline:6px;font-size:6px;}.dashboard-mock-tabs>b{padding:6px;}.dashboard-mock-table-head,.dashboard-mock-row{grid-template-columns:1.1fr 1.15fr .68fr .65fr;gap:4px;padding-inline:6px;}.dashboard-mock-table-head{min-height:22px;font-size:5px;}.dashboard-mock-table-head>b:last-child,.dashboard-mock-row>.mock-actions{display:none;}.dashboard-mock-row{min-height:31px;font-size:6px;}.dashboard-mock-row strong{font-size:6px;}.dashboard-mock-row small,.dashboard-mock-row time{font-size:5px;}.mock-pending{padding:3px 4px;font-size:5px;}.tag-top{top:17px;left:1px;}.tag-bottom{right:1px;bottom:21px;}.floating-tag{gap:6px;padding:7px 8px;}.floating-tag small{font-size:5px;}.floating-tag strong{font-size:7px;}.tag-icon,.check-icon{width:20px;height:20px;font-size:12px;}.art-caption{bottom:2px;font-size:7px;}.demo-video-shell{padding:5px;border-radius:9px;}.demo-video{aspect-ratio:16/9;}.demo-video-caption{font-size:10px;}}
:root{--muted:#56615a}
.hero-note,.section-heading>p,.placeholder-caption,.footer-main>p,.footer-bottom,.plan-card h3 span,.plans-note,.window-greeting small,.window-greeting>span,.stat-card>span,.tag-top small,.tag-bottom small,.jobs-heading span,.job-name small,.about-quote small{color:#56615a}
.main-nav a:hover,.text-link:hover,.footer-app-link:hover,.brand-ai,h1 span,.about-copy h2 span{color:#a94727}
@media(max-width:650px){.button{min-height:48px}}
.plan-card h3 span,.plans-note{color:#56615a!important}
.plans-section{padding-top:86px;padding-bottom:92px}.plans-section .section-heading{margin-bottom:30px}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}.plan-card{display:flex;flex-direction:column;padding:30px;border:1px solid #dce1d9;border-radius:12px;background:#fffefa;box-shadow:0 8px 24px #26382b0a}.plan-card-pro{border:1.5px solid var(--sage);background:#f0f3ed}.plan-kicker{margin:0;color:#657267;font-size:9px;font-weight:800;letter-spacing:1.5px}.plan-card h3{margin:15px 0 8px;color:var(--dark);font-family:Manrope,sans-serif;font-size:37px;font-weight:800;letter-spacing:-1.5px}.plan-card h3 span{font-family:'DM Sans',sans-serif;color:#768076;font-size:13px;font-weight:600;letter-spacing:0}.plan-description{max-width:390px;margin:0 0 20px;color:#626d64;font-size:12px;line-height:1.7}.plan-card ul{display:grid;gap:12px;margin:0 0 27px;padding:0;list-style:none;color:#364139;font-size:11px;line-height:1.55}.plan-card li{position:relative;padding-left:21px}.plan-card li:before{position:absolute;left:0;content:'✓';color:#d58054;font-weight:800}.plan-button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:46px;margin-top:auto;padding:12px 16px;border-radius:6px;font-size:11px;font-weight:700;text-align:center}.plan-button-light{border:1px solid #d8ded6;background:#fff;color:var(--dark)}.plan-button-dark{background:var(--dark);color:#fff}.plan-button:hover{transform:translateY(-1px)}.plans-note{max-width:810px;margin:22px auto 0;color:#737d73;font-size:10px;line-height:1.7;text-align:center}
@media(max-width:650px){.plans-section{padding-top:58px;padding-bottom:60px}.plan-grid{grid-template-columns:1fr;gap:13px}.plan-card{padding:23px}.plan-card h3{font-size:33px}}
.workflow-steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:30px}
.workflow-step h3{max-width:180px}
.header-cta{border:1px solid #c9d1ca;background:transparent;color:#31443a}
.header-cta:hover{background:#fffefa;color:var(--ink)}
.footer-links{display:flex;align-items:center;gap:16px;color:#59645d;font-size:9px;font-weight:600}
.footer-links a:hover{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.footer-links a:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
.video-fallback{display:block;margin:18px auto;max-width:540px;color:#fffefa;font-size:13px;line-height:1.7;text-align:center}
.video-fallback a{color:#ffd0b2;text-decoration:underline;text-underline-offset:3px}
@media(max-width:900px){.workflow-inner{grid-template-columns:1fr;gap:35px}}
@media(max-width:650px){.workflow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 15px}.workflow-step h3{font-size:13px}.workflow-step p{font-size:9px}.footer-bottom{flex-wrap:wrap;padding-block:12px}.footer-links{order:3;flex-basis:100%;justify-content:center;padding-top:3px}}
.language-toggle{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:8px 10px;border:1px solid #cbd2c8;border-radius:6px;background:#fffefa;color:var(--ink);font:700 12px var(--font-body);cursor:pointer}
.language-toggle:hover{background:#eef1eb}
.language-toggle:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
@media(max-width:650px){.site-header .brand-image{width:145px}.language-toggle{min-width:48px;min-height:48px;padding:8px}}
@media(min-width:651px) and (max-width:900px){.site-header .brand-image{width:160px}.main-nav{gap:12px;font-size:11px}}

/* Keep the secondary hero action easy to tap and the mockup caption readable. */
.hero-actions .text-link{min-height:48px;padding:12px 4px}
.art-caption{color:#56615a;font-size:10px}
@media(max-width:650px){.art-caption{font-size:9px}}

/* Use vector paths instead of platform font glyphs for stable icon rendering. */
.inline-icon{display:inline-block;width:1em;height:1em;min-width:1em;vertical-align:-.16em;flex:none}
.workflow-step .step-icon svg{display:block;width:24px;height:24px}
.tag-icon svg,.check-icon svg{display:block;width:16px;height:16px}
.plan-card li:before{top:2px;left:4px;width:6px;height:10px;border-right:2px solid #d58054;border-bottom:2px solid #d58054;content:"";transform:rotate(45deg)}
.plan-button{min-height:48px}

.payment-faq-section{padding-top:78px;padding-bottom:78px}
.payment-faq-section .section-heading{margin-bottom:26px}
.payment-faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.payment-faq-item{align-self:start;border:1px solid #dce1d9;border-radius:9px;background:#fffefa;padding:0 18px;box-shadow:0 5px 18px #26382b08}
.payment-faq-item summary{position:relative;min-height:58px;display:flex;align-items:center;padding:14px 30px 14px 0;color:var(--dark);font-family:var(--font-display);font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;list-style:none}
.payment-faq-item summary::-webkit-details-marker{display:none}
.payment-faq-item summary:after{content:'+';position:absolute;right:0;color:#a94727;font-size:20px;font-weight:500}
.payment-faq-item[open] summary:after{content:'−'}
.payment-faq-item summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:2px}
.payment-faq-item p{margin:0;padding:0 0 18px;color:#56615a;font-size:12px;line-height:1.75}
.payment-faq-note{margin:22px 0 0;color:#56615a;font-size:11px;text-align:center}
.payment-faq-note a{color:#a94727;font-weight:700;text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){.payment-faq-section{padding-top:58px;padding-bottom:60px}.payment-faq-list{grid-template-columns:1fr;gap:9px}.payment-faq-item{padding-inline:15px}.payment-faq-item summary{min-height:54px;font-size:12px}.payment-faq-item p{font-size:11px}}

/* Readable secondary text and generous standalone navigation targets. */
.footer-app-link,.footer-bottom a,.text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:8px 12px;font-size:12px}
.footer-bottom{gap:12px;flex-wrap:wrap;font-size:12px}
.footer-tagline,.footer-top p,.dashboard-mock-content small,.dashboard-mock-row time,.dashboard-mock-table-head,.art-caption{color:#56615a}
.about-copy>p:not(.eyebrow){color:#545f58}
.dashboard-mock-tabs>span,.dashboard-mock-row>span{color:#56615a}
.hero-note{color:#56615a}
a:focus-visible,button:focus-visible{outline:3px solid #9b3e1f;outline-offset:3px}

/* Standalone header navigation uses the same touch targets on all layouts. */
.site-header .brand,.footer-main .brand{display:inline-flex;align-items:center;min-height:48px}
.main-nav>a,.language-toggle{min-height:48px;min-width:48px;display:inline-flex;align-items:center;justify-content:center}

/* Contractor resource library and field guides. */
.resource-main{padding-top:48px;padding-bottom:88px}
.resource-hero{padding:30px 0 54px}
.resource-hero h1{max-width:700px;margin:23px 0 20px;font-size:clamp(46px,6vw,72px);line-height:1.05}
.resource-hero h1 span{color:#a94727}
.resource-intro{max-width:650px;margin:0;color:#56615a;font-size:17px;line-height:1.8}
.resource-back-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;margin-top:20px;color:#a94727;font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.resource-list{padding-top:30px}
.resource-list-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:24px}
.resource-list-heading h2{margin:13px 0 0;font-size:clamp(30px,4vw,42px);line-height:1.15}
.resource-list-heading>p{margin:0 0 5px;color:#56615a;font-size:13px}
.resource-featured{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.78fr);align-items:center;gap:36px;min-height:350px;margin-top:8px;padding:42px 48px;overflow:hidden;border:1px solid #263b31;border-radius:18px;background:radial-gradient(ellipse at 82% 8%,#536d5d 0%,transparent 38%),linear-gradient(115deg,#192923 0%,#243b30 100%);box-shadow:0 16px 36px #19292320}
.resource-featured:before{position:absolute;z-index:-1;right:-80px;bottom:-185px;width:400px;height:400px;border:1px solid #ffffff13;border-radius:50%;content:""}
.resource-featured-copy{max-width:670px;padding:7px 0}
.resource-featured-meta{display:flex;align-items:center;gap:13px;margin-bottom:20px;color:#edb27f;font-size:10px;font-weight:800;letter-spacing:1.5px}
.resource-featured-meta span+span{padding:6px 9px;border:1px solid #ffffff30;border-radius:999px;color:#e0e6df;font-size:9px;letter-spacing:1px}
.resource-featured-copy h2{max-width:600px;margin:0 0 15px;font-size:clamp(32px,4.2vw,48px);line-height:1.12;letter-spacing:-1.7px}
.resource-featured-copy h2 a{color:#fffefa;text-decoration:none}
.resource-featured-copy h2 a:hover{color:#f0bd91}
.resource-featured-copy>p{max-width:530px;margin:0;color:#d3ddd4;font-size:15px;line-height:1.8}
.resource-featured-cta{display:inline-flex;min-height:50px;align-items:center;gap:20px;margin-top:25px;padding:0 19px;border-radius:8px;background:#fffefa;color:#1d3027;font-size:13px;font-weight:800;text-decoration:none;transition:transform .18s ease,background .18s ease}
.resource-featured-cta:hover{transform:translateY(-2px);background:#f2e7da}
.resource-featured-cta span{color:#a94727;font-size:18px}
.resource-featured-visual{position:relative;display:grid;min-height:258px;place-items:center}
.resource-paper-shadow{position:absolute;width:min(84%,345px);height:225px;border:1px solid #ffffff25;border-radius:13px;background:#e6e8db;transform:rotate(5deg) translate(9px,5px)}
.resource-estimate-sheet{position:relative;width:min(91%,365px);padding:22px 23px 20px;border:1px solid #e7e5dc;border-radius:12px;background:#fffefa;color:#24332b;box-shadow:0 16px 34px #101a1540;transform:rotate(-3deg)}
.resource-estimate-brand{display:flex;align-items:center;gap:8px;color:#344b3e;font-size:9px;font-weight:800;letter-spacing:1px}
.resource-mini-logo{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:#536d5d;color:#fff;font-family:var(--font-display);font-size:14px;font-weight:800;letter-spacing:0}
.resource-sample-label{margin-left:auto;padding:5px 7px;border-radius:999px;background:#f6e8da;color:#9b4828;font-size:8px;letter-spacing:.8px}
.resource-estimate-caption{margin:20px 0 7px;color:#7a827a;font-size:8px;font-weight:800;letter-spacing:1.2px}
.resource-estimate-job{display:block;margin-bottom:15px;font-family:var(--font-display);font-size:17px;letter-spacing:-.4px}
.resource-estimate-line,.resource-estimate-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #e6e7df;font-size:10px}
.resource-estimate-line span{color:#667168}
.resource-estimate-total{padding-bottom:0;color:#24332b;font-weight:800}
.resource-estimate-total b{color:#a94727;font-size:15px}
.resource-scope-badge{position:absolute;right:-4px;bottom:7px;display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid #d9e4d8;border-radius:9px;background:#fffefa;color:#344b3e;font-size:10px;font-weight:800;box-shadow:0 8px 20px #101a1528;transform:rotate(2deg)}
.resource-scope-badge span{display:grid;width:20px;height:20px;place-items:center;border-radius:50%;background:#e5efe3;color:#4d7157;font-size:12px}
.resource-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.resource-card{display:flex;min-height:270px;flex-direction:column;align-items:flex-start;padding:27px;border:1px solid #dce1d9;border-radius:12px;background:#fffefa;box-shadow:0 8px 24px #26382b0a}
.resource-card-featured{background:#eef2eb;border-color:#d6dfd5}
.resource-topic{color:#8c452a;font-size:10px;font-weight:800;letter-spacing:1.3px}
.resource-card h3{max-width:500px;margin:17px 0 10px;font-size:clamp(22px,3vw,29px);line-height:1.25;letter-spacing:-.8px}
.resource-card h3 a:hover{color:#a94727}
.resource-card>p{max-width:490px;margin:0;color:#56615a;font-size:14px;line-height:1.75}
.resource-read-link{display:inline-flex;align-items:center;gap:9px;min-height:48px;margin-top:auto;padding-top:18px;color:#a94727;font-size:13px;font-weight:800;text-decoration:underline;text-underline-offset:4px}
.resource-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:76px;padding:32px 38px;border-radius:14px;background:#192923;color:#fff}
.resource-cta h2{max-width:610px;margin:14px 0 10px;font-size:clamp(26px,3.5vw,38px);line-height:1.2}
.resource-cta>div>p:last-child{max-width:600px;margin:0;color:#d0d9d1;font-size:14px;line-height:1.7}
.eyebrow-light{color:#d3b494}
.button-light{min-height:48px;flex:none;background:#fffefa;color:#192923}
.guide-main{padding:24px 0 90px}
.breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin:0 auto 32px;color:#69736c;font-size:12px}
.breadcrumbs a{color:#8d4429;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;align-items:start;gap:56px}
.guide-article{max-width:790px;min-width:0}
.guide-article>.eyebrow{margin-bottom:17px}
.guide-article h1{margin:0 0 17px;font-size:clamp(36px,5vw,58px);line-height:1.1;letter-spacing:-1.8px}
.guide-deck{margin:0;color:#58655d;font-size:19px;line-height:1.75}
.guide-byline{display:flex;align-items:center;gap:11px;margin:24px 0 32px;padding-bottom:20px;border-bottom:1px solid #dcded6;color:#344139;font-size:12px;font-weight:700}
.guide-byline>span:last-child{display:flex;flex-direction:column;gap:4px}
.guide-byline time{color:#69736c;font-size:11px;font-weight:500}
.guide-author-mark{display:grid;width:36px;height:36px;place-items:center;border-radius:10px;background:#e8ede6;color:#536d5d;font-family:var(--font-display);font-size:17px;font-weight:800}
.guide-article>p:not(.eyebrow):not(.guide-deck):not(.guide-note){margin:0 0 20px;color:#354139;font-size:16px;line-height:1.85}
.guide-article h2{margin:31px 0 10px;color:#1d2925;font-size:24px;line-height:1.3;letter-spacing:-.6px}
.guide-checklist{margin:30px 0;padding:6px 23px 20px;border:1px solid #d9e0d8;border-radius:12px;background:#eef2eb}
.guide-checklist h2{margin-top:20px}
.guide-checklist ul{display:grid;gap:10px;margin:0;padding-left:21px;color:#354139;font-size:15px;line-height:1.7}
.guide-note{margin:22px 0 12px;padding:15px 18px;border-left:3px solid #d58054;background:#f0eee6;color:#56615a;font-size:13px;line-height:1.7}
.guide-article>.resource-back-link{margin-top:22px}
.guide-sidebar{position:sticky;top:24px;display:grid;gap:16px}
.guide-sidebar-card,.guide-related{overflow:hidden;border:1px solid #dce1d9;border-radius:12px;background:#fffefa;box-shadow:0 7px 20px #26382b0a}
.guide-sidebar-card{padding:21px}
.guide-sidebar-card .eyebrow{margin-bottom:10px;font-size:9px}
.guide-sidebar-card h2{margin:0 0 10px;font-size:20px;line-height:1.3;letter-spacing:-.6px}
.guide-sidebar-card>p:not(.eyebrow){margin:0;color:#56615a;font-size:12px;line-height:1.7}
.guide-sidebar-card .resource-read-link{padding-top:13px;font-size:12px}
.guide-related{display:grid;gap:7px;padding:17px;color:#29372f}
.guide-related span:first-child{color:#8c452a;font-size:9px;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.guide-related strong{font-family:var(--font-display);font-size:14px;line-height:1.45}
.guide-related span:last-child{color:#a94727;font-size:18px}
.guide-related:hover{border-color:#b8c8b8}
@media(max-width:900px){.resource-featured{grid-template-columns:minmax(0,1fr) minmax(230px,.7fr);gap:22px;padding:34px}.resource-featured-visual{min-height:235px}.guide-layout{grid-template-columns:minmax(0,1fr) 250px;gap:28px}.guide-sidebar-card{padding:18px}}
@media(max-width:650px){.resource-main{padding-top:24px;padding-bottom:58px}.resource-hero{padding-top:20px;padding-bottom:35px}.resource-hero h1{font-size:clamp(40px,12vw,56px)}.resource-intro{font-size:15px}.resource-featured{grid-template-columns:1fr;gap:12px;margin-top:0;padding:25px 22px 20px}.resource-featured-copy{padding:0}.resource-featured-meta{margin-bottom:15px}.resource-featured-copy h2{font-size:clamp(30px,8vw,39px)}.resource-featured-copy>p{font-size:14px}.resource-featured-cta{margin-top:18px}.resource-featured-visual{min-height:225px;margin-top:2px}.resource-estimate-sheet{width:min(88%,365px);padding:19px 20px 18px}.resource-scope-badge{right:0;bottom:4px}.resource-list{padding-top:38px}.resource-list-heading{display:block}.resource-list-heading>p{margin-top:9px}.resource-card-grid{grid-template-columns:1fr;gap:12px}.resource-card{min-height:240px;padding:23px}.resource-cta{display:grid;gap:20px;margin-top:50px;padding:25px 23px}.resource-cta .button{justify-self:start}.guide-main{padding-top:18px;padding-bottom:60px}.breadcrumbs{margin-bottom:23px}.guide-layout{grid-template-columns:1fr;gap:28px}.guide-article h1{font-size:clamp(35px,10vw,48px)}.guide-deck{font-size:17px}.guide-article>p:not(.eyebrow):not(.guide-deck):not(.guide-note){font-size:15px}.guide-article h2{font-size:22px}.guide-sidebar{position:static;grid-template-columns:1fr}.guide-list-heading{display:block}}