/* Domain Lander: portfolio workspace, September 2026. */
:root{--paper:#f6f7f2;--white:#fff;--ink:#182f29;--muted:#62716a;--green:#245b43;--lime:#ddedb0;--line:#dce3d9;--dark:#102b24;--radius:20px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.75 Poppins,Arial,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}img,svg{max-width:100%}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #83b970;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{line-height:1.16;font-weight:500;letter-spacing:-.04em}p{color:var(--muted)}.shell{width:min(1200px,calc(100% - 64px));margin:auto}.skip-link{position:absolute;top:-80px;left:20px;background:white;padding:12px;z-index:100}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:30;background:rgba(246,247,242,.94);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:700;letter-spacing:.08em}.brand>span>span{color:var(--green)}.brand-mark{display:flex;align-items:end;gap:4px;width:28px;height:29px}.brand-mark i{display:block;width:7px;border-radius:2px;background:var(--green);height:13px}.brand-mark i:nth-child(2){height:22px;background:#8ca66a}.brand-mark i:nth-child(3){height:29px;background:#b2bf77}.site-header nav{display:flex;align-items:center;gap:25px;font-size:11px;font-weight:500}.site-header nav>a{position:relative;padding:8px 0}.site-header nav>a:after{content:'';position:absolute;bottom:1px;left:0;width:100%;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.site-header nav>a:hover:after{transform:scaleX(1)}.back-link{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border:1px solid transparent;border-radius:8px;padding:16px 23px;font-size:12px;font-weight:500;line-height:1.5;transition:transform .25s,background .25s,box-shadow .25s}.button span{transition:transform .25s}.button:hover span{transform:translate(3px,-3px)}.button:hover{transform:translateY(-2px);box-shadow:0 7px 18px #153b2419}.button-nav,.button-accent,.button-dark{background:var(--green);color:white}.button-nav{padding:11px 16px;font-size:11px}.button-accent:hover,.button-nav:hover{background:#194931}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);border-radius:8px;padding:8px 12px;color:var(--ink)}
.hero{position:relative;padding:82px 0 44px;overflow:hidden;background:radial-gradient(ellipse at 50% 100%,#e5ead8,transparent 66%)}.hero-grid{display:block;text-align:center}.hero-copy{max-width:920px;margin:auto}.eyebrow{font-size:10px;line-height:1.6;font-weight:600;letter-spacing:.14em;color:var(--green);margin-bottom:21px}.hero-pill{display:inline-flex;align-items:center;gap:10px;border:1px solid #d4dec9;background:#ebf0e2;border-radius:30px;padding:8px 15px;margin-bottom:28px;font-size:10px;letter-spacing:.06em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#75a867;box-shadow:0 0 0 4px #81a76c15}.hero h1{font-size:clamp(43px,5vw,70px);letter-spacing:-.058em;line-height:1.08;margin-bottom:25px}.hero h1 span{color:#688069}.hero-lead{max-width:680px;margin:auto;font-size:16px;line-height:1.8}.hero-actions{display:flex;align-items:center;justify-content:center;gap:26px;margin:30px 0}.hero-link{font-size:12px;font-weight:500;display:inline-flex;gap:15px;align-items:center;padding:12px 0;border-bottom:1px solid #a3b29d}.hero-link span{transition:transform .3s}.hero-link:hover span{transform:translateY(4px)}.hero-foot{display:flex;justify-content:center;gap:25px;font-size:9px;color:#6b796d}.hero-foot span:before{content:'✓';color:#51794c;margin-right:7px}
.preview-section{padding:0 0 74px;background:linear-gradient(#e9eddf 0%,var(--paper) 65%)}.preview-section>.shell{position:relative;padding-top:10px}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 4px}.preview-heading>div{display:flex;align-items:center;gap:12px}.preview-heading h2{font-size:15px;letter-spacing:-.025em}.preview-heading>span{font-size:9px;color:var(--muted)}.dashboard-frame{display:grid;grid-template-columns:195px minmax(0,1fr);border-radius:15px;overflow:hidden;border:1px solid #32493f;background:#0b1f1a;box-shadow:0 30px 65px -25px #102c2445,0 3px 5px #162a1b15;text-align:left;color:#dbe7df}.dashboard-sidebar{background:#0b1f1a;border-right:1px solid #293c33;padding:20px 12px;display:flex;flex-direction:column}.dash-brand{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:600;padding:0 5px 21px}.dash-monogram{width:29px;height:29px;background:var(--lime);color:#234e37;border-radius:8px;display:grid;place-items:center}.dash-brand small{display:block;font-size:6px;letter-spacing:.13em;color:#90a393}.dash-search{padding:8px;border:1px solid #314638;border-radius:6px;font-size:9px;color:#9aa99e}.dash-search span{float:right;font-size:7px}.dash-nav-group{margin-top:15px}.dash-nav-group h3{font-size:7px;font-weight:600;letter-spacing:.12em;color:#91a87b;margin:0 8px 6px}.dash-item{display:flex;gap:8px;align-items:center;font-size:9px;padding:5px 8px;margin:2px 0;border-radius:5px;color:#b5c6b9}.dash-item b{font-weight:400;width:12px;color:#789580}.dash-item.current{background:#244336;color:#e1f0d0;border:1px solid #3b6044}.dash-secure{display:flex;align-items:center;gap:10px;font-size:9px;padding:17px 8px 0;margin-top:auto}.dash-secure small{display:block;color:#7c9985;font-size:7px}.dashboard-canvas{min-width:0}.dashboard-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;background:#0c211a;border-bottom:1px solid #293f32}.dashboard-top strong{display:block;font-size:14px;font-weight:500}.dashboard-top span{font-size:7px;color:#89a18e;letter-spacing:.09em}.dash-top-actions{display:flex;gap:8px}.dash-top-actions span{padding:7px 10px;border:1px solid #38503e;border-radius:5px;font-size:8px}.dashboard-visual{padding:18px;background:#10271f}.preview-tools{display:flex;gap:5px;align-items:center;font-size:8px;color:#96ae9e;border:1px solid #2b4636;padding:6px;border-radius:6px;margin-bottom:14px}.preview-tools span{padding:5px 9px}.preview-tools .selected{background:#ddedb0;color:#213929;border-radius:4px}.preview-tools b{margin-left:auto;font-size:7px;letter-spacing:.1em}.preview-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:13px}.preview-kpis article{border:1px solid #35503b;border-radius:7px;background:linear-gradient(130deg,#1e382a,#173125);padding:14px 12px}.preview-kpis span,.preview-panel-head span,.preview-bottom span{display:block;font-size:7px;letter-spacing:.12em;color:#a1b497}.preview-kpis strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.04em;color:#f2f6ea;margin:7px 0}.preview-kpis small{display:block;font-size:7px;color:#a7cb8c}.preview-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.preview-chart,.preview-funnel{border:1px solid #2d4737;background:#112b21;border-radius:8px;padding:16px;min-width:0}.preview-panel-head{display:flex;justify-content:space-between;gap:10px}.preview-panel-head strong{font-size:12px;display:block;font-weight:500;margin-top:3px}.preview-panel-head small{font-size:6px;color:#9faf9c}.preview-chart svg{display:block;width:100%;height:160px;margin-top:23px;overflow:visible}.preview-chart svg path{stroke:#2a4937}.preview-chart polyline{stroke:#d6e8a5;stroke-dasharray:1000;animation:draw-trend 7s var(--ease) infinite}.preview-chart polyline:nth-of-type(2){stroke:#87bc8b;animation-delay:.1s}.preview-chart polyline:nth-of-type(3){stroke:#547d5e;animation-delay:.2s}.preview-axis{display:flex;justify-content:space-between;color:#7e9b87;font-size:6px;margin-top:10px}.funnel-row{margin-top:17px}.funnel-row span{display:flex;justify-content:space-between;font-size:9px;color:#b7c9b8}.funnel-row b{font-weight:500;color:#e1ebd3}.funnel-row i{display:block;height:5px;border-radius:8px;background:#294432;margin-top:7px;overflow:hidden}.funnel-row i:before{content:'';display:block;width:var(--fill);height:100%;background:linear-gradient(90deg,#88ab78,#ddebaf);border-radius:8px;transform-origin:left;animation:funnel-grow 7s var(--ease) infinite}.preview-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.preview-bottom>div{background:#173124;border:1px solid #2c4633;border-radius:7px;padding:12px}.preview-bottom strong{display:block;font-size:10px;font-weight:500;margin:4px 0}.preview-bottom small{display:block;font-size:7px;color:#8ea78f}.dashboard-caption{display:flex;justify-content:space-between;gap:12px;padding:12px 18px;border-top:1px solid #2c4633}.dashboard-caption span{font-size:6px;letter-spacing:.12em;color:#7f9c85}.dashboard-caption strong{font-size:8px;font-weight:400;color:#bed0b6}.preview-note{display:flex;gap:35px;align-items:center;justify-content:center;padding:24px 0 0;color:#96a28b;font-size:10px}.preview-note b{font-weight:500;color:#4c6550;margin-left:8px}.motion-toggle{color:#637260;border:0;border-bottom:1px solid #a6b49d;padding:3px 0;background:transparent;font-size:9px}.motion-paused .preview-chart polyline,.motion-paused .funnel-row i:before{animation-play-state:paused}
@keyframes draw-trend{0%{stroke-dashoffset:1000;opacity:.3}38%,90%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:.45}}@keyframes funnel-grow{0%{transform:scaleX(.12)}40%,100%{transform:scaleX(1)}}
.section{padding:96px 0}.section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:end;margin-bottom:44px}.section h2,.section-heading h2{font-size:clamp(31px,3.4vw,45px);letter-spacing:-.045em}.section-heading>p{font-size:13px;max-width:440px;line-height:1.85}.problem-section{border-top:1px solid var(--line);background:#fff}.problem-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.problem-grid h2 span{color:#82927d}.problem-copy p{font-size:13px}.problem-copy p+p{margin-top:18px}.journey-line{display:flex;gap:10px;align-items:center;font-size:7px;letter-spacing:.03em;color:var(--green);margin-top:27px}.journey-line i{flex:1;min-width:7px;height:1px;background:#a1b896}.scope-section{background:#eff2e8}.scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.scope-card{padding:35px;border:1px solid #d8e1ce;border-radius:var(--radius);background:#fafbf6;position:relative;overflow:hidden;transition:transform .4s var(--ease),box-shadow .4s}.scope-card:before{content:'↗';position:absolute;right:30px;top:24px;color:#789672;font-size:25px;transition:transform .35s}.scope-card:hover:before{transform:translate(4px,-4px)}.scope-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px #30442b0d}.scope-number{display:block;font-size:9px;letter-spacing:.13em;color:#6e8260;font-weight:500;margin-bottom:35px}.scope-card h3{font-size:27px;margin-bottom:17px}.scope-card p{font-size:12px}.scope-card ul,.pipeline-story ul{list-style:none;padding:0;margin:23px 0 0}.scope-card li,.pipeline-story li{padding:10px 0;border-top:1px solid #dce4d4;font-size:11px;color:#51644e}.scope-card li:before,.pipeline-story li:before{content:'✓';margin-right:10px;color:#759b61}.scope-lander{background:#1b412f;border-color:#1b412f;color:#f3f7e9}.scope-lander .scope-number,.scope-lander:before{color:#c9dfa5}.scope-lander p{color:#bdcbb5}.scope-lander li{border-color:#3a5940;color:#d4dfc7}.scope-lander li:before{color:#bed694}
.capability-section{background:#fff}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--line);border-radius:20px;overflow:hidden}.feature-card{padding:28px 24px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s}.feature-card:nth-child(4n){border-right:0}.feature-card:nth-last-child(-n+4){border-bottom:0}.feature-card:hover{background:#f0f5e8}.feature-card:after{content:'';position:absolute;left:24px;right:24px;bottom:0;height:3px;background:#7e9b65;transform:scaleX(0);transform-origin:left;transition:transform .35s}.feature-card:hover:after{transform:scaleX(1)}.feature-card>span{font-size:8px;letter-spacing:.12em;color:#6a8959;display:block;margin-bottom:32px}.feature-card h3{font-size:19px;line-height:1.3;letter-spacing:-.03em;margin-bottom:16px;min-height:50px}.feature-card p{font-size:11px;line-height:1.85}.feature-card small{display:block;font-size:9px;color:#4e7342;border-top:1px solid var(--line);margin-top:22px;padding-top:13px}.operating-section{background:#f6f7f2}.operating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.operating-grid article{border-top:2px solid #b8c9a7;padding-top:20px}.operating-grid span{display:block;font-size:9px;letter-spacing:.12em;color:#739062;margin-bottom:20px}.operating-grid h3{font-size:20px;margin-bottom:15px}.operating-grid p{font-size:11px}
.feature-story{background:#102f24;color:#f3f7e9}.story-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}.eyebrow-light{color:#bad18f}.story-copy>p:not(.eyebrow){margin-top:23px;color:#b3c7b2;font-size:13px}.story-points{margin-top:28px}.story-points>div{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #365440;padding:14px 0;font-size:11px}.story-points b{font-weight:500;color:#d8e7bd}.story-points span{color:#93ac91;font-size:10px}.signal-panel{padding:26px;background:#173d2b;border:1px solid #365c3e;border-radius:16px;box-shadow:0 20px 40px #061a1226}.signal-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #3b5e42;padding-bottom:18px}.signal-head strong{display:block;font-weight:500;font-size:16px}.signal-head small{font-size:9px;color:#a2bc96}.signal-head>span{font-size:9px;padding:4px 10px;border-radius:30px;background:#315638;color:#d7e8b6;height:26px}.signal-session{padding:19px 0;border-bottom:1px solid #385b3c;display:grid;grid-template-columns:1fr auto;gap:10px}.signal-session b{font-size:12px;display:block;font-weight:500;color:#e0eccb}.signal-session small{font-size:9px;color:#97b188}.intent-pill{font-size:9px;color:#d9ecad;border:1px solid #6e8c56;border-radius:30px;padding:4px 10px;align-self:center}.signal-progress{grid-column:1/-1;height:4px;background:#2a5034;border-radius:6px;overflow:hidden}.signal-progress i{display:block;width:var(--progress);height:100%;background:#beda96}.signal-foot{display:flex;align-items:center;justify-content:space-between;padding-top:20px;font-size:8px;color:#a5bf98}.signal-foot strong{font-size:18px;color:#deebc6;font-weight:500}
.workflow-section{background:#fff}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:50px 0 70px;counter-reset:step}.steps article{padding:22px;border-radius:12px;background:#f4f6ed;border:1px solid #e2e8d7;transition:background .3s,transform .3s}.steps article:hover{background:#eaf1dd;transform:translateY(-5px)}.steps span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e2eccf;color:#557c43;font-size:10px;margin-bottom:26px}.steps h3{font-size:18px;margin-bottom:14px}.steps p{font-size:11px}.pipeline-story{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.pipeline-story h3{font-size:33px;margin:15px 0 22px}.pipeline-story p{font-size:12px}.pipeline-board{padding:26px;background:#eef3e5;border:1px solid #d9e3cc;border-radius:18px}.pipeline-board .signal-head{border-color:#cbd9bc;color:#345138}.pipeline-board .signal-head small{color:#7a8d69}.pipeline-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:23px}.pipeline-columns h4{font-size:9px;font-weight:500;color:#6a805b;margin:0 0 12px}.lead-tile{padding:15px 12px;background:#fff;border:1px solid #d7e1cc;border-radius:9px;box-shadow:0 5px 10px #273a1710;margin-bottom:10px}.lead-tile strong{display:block;font-size:10px;font-weight:500;color:#385332}.lead-tile span{display:block;font-size:8px;color:#899a7b;margin-top:7px}.lead-tile small{display:inline-block;font-size:7px;border-radius:4px;background:#eaf3db;color:#587741;padding:3px 6px;margin-top:14px}.lead-tile.featured{border-color:#83a45d}.board-note{font-size:8px;margin-top:16px;color:#8a9a7e}
.controls-section{background:#e8eedc}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.controls-section .eyebrow-light{color:#628344}.controls-grid>div>p:not(.eyebrow){font-size:13px;margin-top:24px}.controls-grid .button{margin-top:30px}.control-list article{display:grid;grid-template-columns:38px 1fr;gap:15px;padding:22px 0;border-bottom:1px solid #ccd9bb}.control-list article:first-child{padding-top:0}.control-list article>span{font-size:10px;color:#7f9863;padding-top:5px}.control-list h3{font-size:19px;margin-bottom:9px}.control-list p{font-size:11px}.faq-section{background:#fff}.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:110px}.faq-grid>div>p:not(.eyebrow){font-size:13px;margin-top:24px}.inline-action{padding:12px 0;background:transparent;border:0;border-bottom:1px solid #80936e;color:var(--green);font-size:12px;margin-top:20px}.inline-action span{margin-left:25px}.faq-list details{border-bottom:1px solid var(--line);padding:0 17px;border-radius:8px;transition:background .2s}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list details:hover,.faq-list details[open]{background:#f5f8ef}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:500;padding:22px 0}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:20px;color:#729454;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list details p{font-size:11px;padding:0 30px 23px 0}.closing-section{padding:70px 0;background:#cfe0aa}.closing-grid{display:flex;align-items:center;justify-content:space-between;gap:45px}.closing-grid h2{font-size:46px;max-width:650px}.closing-grid p:not(.eyebrow){font-size:13px;max-width:610px;margin-top:20px;color:#597144}.closing-grid .button{flex-shrink:0}.site-footer{background:#102b24;padding:55px 0 24px;color:#d3dfc5}.site-footer .brand>span>span{color:#b4cb85}.site-footer .brand-mark i{background:#cadca6}.footer-main{display:flex;justify-content:space-between;gap:30px}.footer-main p{font-size:11px;color:#90a48b;margin-top:17px}.footer-main>div:last-child{display:flex;gap:25px;font-size:10px;align-items:center}.footer-main a:hover{color:#def1b6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #30493a;padding-top:22px;margin-top:45px;font-size:9px;color:#83997a}.back-top{position:fixed;z-index:25;bottom:22px;right:22px;border-radius:50px;border:1px solid #709050;background:#254d35;color:#e5f2d4;padding:11px 16px;font-size:11px;display:flex;gap:8px;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .2s,transform .2s}.back-top.visible{opacity:1;visibility:visible;transform:none}
.modal-backdrop{position:fixed;inset:0;z-index:80;background:#082014ad;backdrop-filter:blur(7px);display:grid;place-items:center;padding:22px;overflow:auto}.modal-backdrop[hidden]{display:none}.modal-open{overflow:hidden}.pricing-modal{width:min(650px,100%);max-height:calc(100dvh - 44px);overflow:auto;border:1px solid #d5e0c7;background:#fafbf6;border-radius:20px;padding:32px;box-shadow:0 35px 100px #061b1840}.modal-header{display:flex;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line);margin-bottom:23px}.modal-header .eyebrow{font-size:8px;margin-bottom:12px}.modal-header h2{font-size:29px;margin-bottom:12px}.modal-header p:not(.eyebrow){font-size:11px}.modal-close{flex-shrink:0;width:33px;height:33px;border-radius:50%;border:1px solid #d5dfc9;background:#eef3e5;font-size:22px;color:#5c7750}.pricing-form{display:grid;grid-template-columns:1fr 1fr;gap:17px}.pricing-form label{font-size:10px;font-weight:500;color:#3a5036}.required{color:#5e863e}.optional{font-weight:400;font-size:9px;color:#8d9c7f;margin-left:4px}.pricing-form input:not([type=checkbox]),.pricing-form select,.pricing-form textarea{display:block;width:100%;padding:12px 13px;border:1px solid #d1ddc5;background:#fff;border-radius:7px;margin-top:7px;color:#28422c;font-size:12px;outline:none}.pricing-form input:focus,.pricing-form select:focus,.pricing-form textarea:focus{border-color:#789e5b;box-shadow:0 0 0 3px #84a66118}.pricing-form textarea{min-height:95px;resize:vertical}.pricing-form textarea::placeholder{color:#96a38a;font-size:10px}.full-field{grid-column:1/-1}.consent{display:flex;align-items:flex-start;gap:9px}.consent input{accent-color:#467344;margin:4px 0 0}.consent span{font-size:10px;font-weight:400;color:#7a896e}.modal-submit{width:100%}.modal-note{font-size:9px;text-align:center}.form-confirmation{font-size:12px;line-height:1.8}.form-confirmation.error{color:#943e32;border:1px solid #e3b4a9;background:#fff0e9;padding:15px;margin-top:15px;border-radius:8px}.pricing-modal.sent .pricing-form{display:none}.pricing-modal.sent .form-confirmation{padding:25px;border-radius:10px;background:#e6f0d9;color:#3c6435}
[data-reveal]{transition:opacity .65s var(--ease),transform .65s var(--ease)}[data-reveal]:not(.visible){opacity:0;transform:translateY(18px)}
@media(min-width:1400px){.hero{padding-top:95px}.hero h1{font-size:76px}.hero-lead{font-size:17px}}
@media(max-width:1100px){.site-header nav{gap:14px;font-size:10px}.button-nav{padding:10px 12px;gap:10px}.section-heading,.problem-grid,.controls-grid{gap:50px}.story-grid,.pipeline-story{gap:35px}.faq-grid{gap:55px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card:nth-child(2n){border-right:0}.feature-card:nth-last-child(-n+4){border-bottom:1px solid var(--line)}.feature-card:nth-last-child(-n+2){border-bottom:0}.dashboard-frame{grid-template-columns:165px minmax(0,1fr)}.preview-kpis strong{font-size:21px}.dash-brand{font-size:9px}.preview-kpis small{font-size:6px}.preview-tools b{display:none}.operating-grid{gap:20px}.hero-foot{gap:16px}}
@media(max-width:800px){.shell{width:calc(100% - 40px)}.header-inner{min-height:74px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:73px;left:20px;right:20px;flex-direction:column;align-items:stretch;background:#fbfcf7;border:1px solid var(--line);padding:18px;border-radius:12px;box-shadow:0 15px 35px #16351b15;font-size:13px;gap:3px}.site-header nav.open{display:flex}.site-header nav>a{padding:11px}.site-header .button-nav{margin-top:6px;font-size:12px}.hero{padding:60px 0 28px}.hero h1{font-size:clamp(38px,6.8vw,56px)}.hero-lead{font-size:14px;max-width:580px}.hero-foot{flex-wrap:wrap;gap:8px 16px;font-size:8px}.hero-pill{font-size:9px}.preview-heading{align-items:flex-start}.preview-heading>span{max-width:140px;text-align:right;font-size:8px}.preview-heading h2{font-size:13px}.dashboard-frame{grid-template-columns:135px minmax(0,1fr)}.dashboard-sidebar{padding:14px 8px}.dash-brand{gap:6px;padding:0 0 15px;font-size:8px}.dash-monogram{width:23px;height:23px}.dash-brand small{font-size:5px}.dash-item{font-size:8px;padding:5px 6px;gap:5px}.dash-nav-group h3{font-size:6px}.dash-search{font-size:7px}.dash-search span{display:none}.dashboard-top{padding:15px}.dashboard-top strong{font-size:11px}.dash-top-actions span:last-child{display:none}.dashboard-visual{padding:12px}.preview-kpis{grid-template-columns:repeat(2,1fr)}.preview-kpis article{padding:10px}.preview-kpis span{font-size:6px}.preview-kpis strong{font-size:23px}.preview-kpis small{font-size:7px}.preview-tools{gap:0;font-size:7px}.preview-tools span{padding:4px 6px}.preview-tools span:nth-child(2),.preview-tools span:nth-child(3){display:none}.preview-panels{grid-template-columns:1fr}.preview-funnel{display:none}.preview-chart svg{height:145px}.preview-bottom{gap:6px}.preview-bottom>div{padding:8px}.preview-bottom strong{font-size:8px}.preview-bottom small{font-size:6px}.preview-bottom span{font-size:5px}.dashboard-caption{display:block;padding:10px 12px}.dashboard-caption strong{display:block;margin-top:4px}.preview-note{gap:18px;flex-wrap:wrap;font-size:8px}.preview-note b{margin-left:4px}.section{padding:70px 0}.section-heading,.problem-grid,.story-grid,.pipeline-story,.controls-grid,.faq-grid{grid-template-columns:1fr;gap:28px}.section-heading{margin-bottom:34px}.section h2{font-size:36px}.section-heading>p{max-width:600px}.scope-grid{gap:15px}.scope-card{padding:25px}.scope-card h3{font-size:24px}.scope-card p,.scope-card li{font-size:11px}.operating-grid{grid-template-columns:repeat(2,1fr);gap:28px}.story-grid{gap:35px}.steps{grid-template-columns:repeat(2,1fr);gap:15px;margin:32px 0 45px}.pipeline-story{gap:30px}.faq-grid{gap:35px}.closing-grid{display:block}.closing-grid h2{font-size:38px}.closing-grid .button{margin-top:25px}.footer-main{display:block}.footer-main>div:last-child{margin-top:26px}.footer-bottom{font-size:8px}.controls-grid .button{margin-top:25px}}
@media(max-width:480px){.hero{padding-top:43px}.hero h1{font-size:40px;line-height:1.12;letter-spacing:-.05em}.hero h1 br{display:none}.hero h1 span{display:block;margin-top:4px}.hero-lead{font-size:12px;line-height:1.85}.hero-actions{gap:17px;margin:25px 0;flex-wrap:wrap}.hero .button{padding:14px 18px;font-size:11px;gap:16px}.hero-link{font-size:10px;gap:10px}.hero-pill{font-size:8px;padding:7px 12px;margin-bottom:22px}.hero-foot span:last-child{display:none}.preview-heading{gap:10px}.preview-heading h2{font-size:12px}.preview-heading>span{font-size:7px;max-width:100px}.dashboard-frame{grid-template-columns:104px minmax(0,1fr);border-radius:10px}.dash-brand{font-size:7px;gap:5px}.dash-monogram{font-size:7px;width:18px;height:20px;border-radius:5px}.dash-brand small{display:none}.dash-search{display:none}.dash-nav-group{margin-top:10px}.dash-nav-group h3{font-size:5px;margin-left:4px}.dash-item{font-size:6px;padding:4px;gap:3px;margin:1px 0}.dash-item b{width:7px;font-size:6px}.dash-operations{display:none}.dash-secure{font-size:6px;padding:12px 4px 0;gap:5px}.dash-secure small{font-size:5px}.dash-secure .status-dot{width:4px;height:4px}.dashboard-top{padding:10px}.dashboard-top span{font-size:5px}.dashboard-top strong{font-size:8px}.dash-top-actions{display:none}.dashboard-visual{padding:7px}.preview-tools{font-size:5px;padding:3px;margin-bottom:7px}.preview-tools span{padding:3px 5px}.preview-kpis{gap:5px;margin-bottom:7px}.preview-kpis article{padding:7px}.preview-kpis span{font-size:4.5px;letter-spacing:.05em}.preview-kpis strong{font-size:16px;margin:3px 0}.preview-kpis small{font-size:4.5px}.preview-chart{padding:8px}.preview-chart svg{height:100px;margin-top:13px}.preview-panel-head strong{font-size:8px}.preview-panel-head span{font-size:5px}.preview-panel-head small{display:none}.preview-axis{font-size:4px;margin-top:5px}.preview-bottom{grid-template-columns:1fr;margin-top:7px}.preview-bottom>div{padding:6px 8px}.preview-bottom>div:not(:first-child){display:none}.preview-bottom span{font-size:4px}.preview-bottom strong{font-size:7px}.preview-bottom small{font-size:5px}.dashboard-caption{padding:7px}.dashboard-caption span{font-size:4px}.dashboard-caption strong{font-size:5px}.preview-note{gap:10px;font-size:7px;padding-top:18px}.preview-note>span:nth-child(3){display:none}.motion-toggle{font-size:7px}.preview-section{padding-bottom:45px}.section{padding:55px 0}.section h2{font-size:31px}.eyebrow{font-size:8px;margin-bottom:17px}.section-heading>p,.problem-copy p{font-size:12px}.scope-grid{grid-template-columns:1fr}.scope-card{padding:28px}.scope-number{margin-bottom:25px}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0;padding:25px}.feature-card:nth-last-child(-n+2){border-bottom:1px solid var(--line)}.feature-card:last-child{border-bottom:0}.feature-card>span{margin-bottom:15px}.feature-card h3{min-height:0;margin-bottom:11px}.feature-card small{margin-top:16px}.operating-grid{gap:22px 17px}.operating-grid h3{font-size:17px}.operating-grid p{font-size:10px}.operating-grid span{font-size:7px}.story-points>div{display:block}.story-points span{display:block;margin-top:3px}.signal-panel{padding:18px}.signal-head strong{font-size:14px}.signal-session b{font-size:11px}.signal-session small{font-size:8px}.signal-head>span,.intent-pill{font-size:7px}.steps{gap:10px}.steps article{padding:17px}.steps h3{font-size:16px}.steps p{font-size:10px}.steps span{margin-bottom:18px}.pipeline-board{padding:17px}.pipeline-columns{gap:6px}.lead-tile{padding:10px 7px}.lead-tile strong{font-size:8px}.lead-tile span{font-size:6px}.lead-tile small{font-size:6px}.pipeline-columns h4{font-size:7px}.pipeline-story h3{font-size:28px}.faq-list details{padding:0 11px}.faq-list summary{font-size:11px;padding:19px 0}.faq-list details p{font-size:10px}.closing-section{padding:50px 0}.closing-grid h2{font-size:34px}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:8px}.pricing-modal{padding:21px;border-radius:14px}.modal-header h2{font-size:24px}.pricing-form{grid-template-columns:1fr;gap:13px}.modal-backdrop{padding:12px}.pricing-modal{max-height:calc(100dvh - 24px)}.back-top{bottom:14px;right:14px;padding:10px 13px}.back-top span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}[data-reveal]:not(.visible){opacity:1;transform:none}}

/* Interactive dashboard preview states */
.dash-item{cursor:pointer;user-select:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}
.dash-item:hover,.dash-item:focus-visible{background:#18382d;color:#eff6e3;outline:none;transform:translateX(2px)}
.dash-item[aria-current="page"]{box-shadow:inset 3px 0 0 #ddecad}
.dashboard-frame[data-view$="-live"] .preview-kpis article:first-child,
.dashboard-frame[data-view$="-leads"] .preview-kpis article:last-child{border-color:#bedb8b;box-shadow:0 0 0 1px #bedb8b22}
.preview-tools span{cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease}
.preview-tools span:hover,.preview-tools span:focus-visible{background:#244a37;color:#f1f6e6;border-radius:4px;outline:none;transform:translateY(-1px)}
.dashboard-frame.view-changing .dashboard-canvas{animation:dashboard-swap .28s ease both}
.dashboard-frame.period-changing .preview-tools{animation:tools-pulse .26s ease both}
.preview-detail{margin-top:12px;border:1px solid #2d4737;border-radius:8px;background:#102a20;overflow:hidden}
.preview-detail-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;border-bottom:1px solid #2c4636}
.preview-detail-head span{display:block;color:#a1b497;font-size:7px;letter-spacing:.12em}
.preview-detail-head strong{display:block;color:#edf4e4;font-size:11px;font-weight:500;margin-top:4px}
.preview-detail-head small{color:#7f9a86;font-size:7px}
.preview-detail-table{padding:0 16px}
.preview-detail-row{display:grid;grid-template-columns:1fr 1.6fr .45fr;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid #294333;color:#c9d8c6;font-size:8px}
.preview-detail-row:last-child{border-bottom:0}
.preview-detail-labels{color:#73927c;font-size:6px;letter-spacing:.1em;text-transform:uppercase;padding-top:10px}
.detail-status{justify-self:end;color:#a7bba0;border:1px solid #4a674c;border-radius:30px;padding:4px 8px;font-size:7px;font-weight:500}
.detail-status.is-positive{color:#d8ebb2;border-color:#78985f;background:#304d37}
@keyframes dashboard-swap{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}
@keyframes tools-pulse{50%{box-shadow:0 0 0 3px #ddecad22}}
@media(max-width:800px){.preview-detail-head{padding:11px 12px}.preview-detail-head strong{font-size:9px}.preview-detail-head small{font-size:6px}.preview-detail-table{padding:0 12px}.preview-detail-row{grid-template-columns:1fr 1.3fr .5fr;gap:7px;font-size:7px;padding:9px 0}.preview-detail-labels{font-size:5px}.detail-status{font-size:6px;padding:3px 6px}}
@media(max-width:480px){.preview-detail{margin-top:7px}.preview-detail-head{padding:8px 9px}.preview-detail-head strong{font-size:7px}.preview-detail-head span,.preview-detail-head small{font-size:5px}.preview-detail-table{padding:0 9px}.preview-detail-row{font-size:5.5px;grid-template-columns:1fr 1.2fr .45fr;padding:7px 0}.preview-detail-labels{font-size:4px}.detail-status{font-size:5px;padding:2px 4px}}

/* Reference dashboard treatment: compact navy command centre with real controls. */
.dashboard-frame{background:#071321;border-color:#1c3850;box-shadow:0 30px 70px -30px #07132180,0 5px 12px #07132120;color:#e8f0f8}
.dashboard-sidebar{background:#071321;border-right-color:#1b3348}
.dash-brand{color:#edf4fa}.dash-monogram{background:#ff9838;color:#fff}.dash-brand small{color:#8aa8c0}.dash-search{border-color:#1c3a54;color:#9ab2c7}.dash-nav-group h3{color:#6f9ac0}.dash-item{color:#9eb9d2}.dash-item b{color:#78a2c5}.dash-item.current{background:#1c2e63;color:#f4f8ff;border-color:#7665ff;box-shadow:inset 3px 0 0 #806cff}.dash-item:hover,.dash-item:focus-visible{background:#172b4e;color:#fff}.dash-secure{color:#e5eef7}.dash-secure small{color:#7797b0}
.dashboard-canvas{background:#081625}.dashboard-top{background:#091727;border-bottom-color:#1d344b;padding:16px 20px}.dashboard-top strong{color:#eef5fc;font-size:14px}.dashboard-top span{color:#7899b7}.dash-top-actions{gap:6px}.dash-top-actions span{border-color:#1d3b56;color:#b5c8dc;background:#0a1b2e;padding:7px 9px}.dash-top-actions .dash-global-search{min-width:84px;text-align:left}.dashboard-visual{background:#081625;padding:16px}.preview-tools{border-color:#1d3b56;background:#0b1b2c;color:#8eabc4}.preview-tools .selected{background:#5e55e8;color:#fff}.preview-tools span:hover,.preview-tools span:focus-visible{background:#263e61;color:#fff}.preview-tools b{color:#7fa6c5}
.dashboard-filterbar{display:grid;grid-template-columns:minmax(0,1fr) 150px 140px auto;gap:8px;align-items:center;margin-bottom:16px}.dashboard-filterbar>span{border:1px solid #1d3b56;border-radius:6px;background:#0a1b2c;padding:10px 11px;color:#7f9cb5;font-size:8px;min-width:0}.dashboard-filterbar>span:not(:first-child){color:#c2d2e1}.dashboard-filterbar button{border:0;border-radius:6px;background:#6256e9;color:#fff;font:600 8px Poppins,sans-serif;padding:11px 13px;cursor:pointer}.dashboard-filterbar button:hover{background:#766bff;box-shadow:0 6px 15px #5f54df55}.dashboard-section-heading{display:flex;justify-content:space-between;align-items:end;gap:12px;margin:4px 0 15px}.dashboard-section-heading span{display:block;color:#789abb;font-size:7px;letter-spacing:.12em}.dashboard-section-heading strong{display:block;color:#f1f6fb;font-size:15px;font-weight:600;margin-top:4px}.dashboard-section-heading small{display:block;color:#81a2bf;font-size:8px;margin-top:4px}.dashboard-section-heading>b{font-size:8px;color:#9eb8d0;border:1px solid #1f4661;border-radius:6px;padding:8px 10px;white-space:nowrap}.dashboard-section-heading .status-dot{display:inline-block;width:6px;height:6px;margin-right:6px;background:#39d6a1}
.preview-kpis article,.preview-chart,.preview-funnel,.preview-bottom>div,.preview-detail{background:#0c1e31;border-color:#1d3b56}.preview-kpis article{border-left:3px solid #5d86ff;background:#0d2034}.preview-kpis article:nth-child(2){border-left-color:#7863ff}.preview-kpis article:nth-child(3){border-left-color:#21bfd7}.preview-kpis article:nth-child(4){border-left-color:#35d9b2}.preview-kpis span,.preview-panel-head span,.preview-bottom span,.preview-detail-head span{color:#7ea2c5}.preview-kpis strong{color:#eef5ff}.preview-kpis small{color:#6fdbc0}.preview-panels{gap:12px}.preview-chart,.preview-funnel{background:#0b1c2e}.preview-chart svg path{stroke:#1e3a52}.preview-chart polyline{stroke:#6da2ff}.preview-chart polyline:nth-of-type(2){stroke:#8d7bff}.preview-chart polyline:nth-of-type(3){stroke:#3bd7b0}.preview-axis{color:#6d8daa}.funnel-row span{color:#a9bed2}.funnel-row b{color:#e7f1fa}.funnel-row i{background:#1c3850}.funnel-row i:before{background:linear-gradient(90deg,#6d8fff,#8d7bff)}.preview-bottom>div{background:#0d2135}.preview-bottom small{color:#88a6bf}.dashboard-caption{border-top-color:#1d3b56}.dashboard-caption span{color:#6e91ad}.dashboard-caption strong{color:#9eb7cb}.preview-detail{background:#0b1c2e}.preview-detail-head{border-bottom-color:#1d3b56}.preview-detail-head strong{color:#e7f1fa}.preview-detail-head small{color:#7897b2}.preview-detail-row{border-bottom-color:#1c364d;color:#b2c6d7}.preview-detail-labels{color:#668aa8}.detail-status{color:#9db4c9;border-color:#33526c}.detail-status.is-positive{color:#a8f0d5;border-color:#2d806f;background:#103b3a}
.preview-note{color:#7d9bb2}.preview-note b{color:#456781}.motion-toggle{color:#7c9ab2;border-bottom-color:#31516b}
@media(max-width:800px){.dashboard-filterbar{grid-template-columns:minmax(0,1fr) 105px 96px auto;gap:4px}.dashboard-filterbar>span{font-size:6px;padding:8px 6px}.dashboard-filterbar button{font-size:6px;padding:9px 7px}.dashboard-section-heading strong{font-size:11px}.dashboard-section-heading small{font-size:6px}.dashboard-section-heading>b{font-size:6px;padding:6px 7px}.dash-top-actions span:not(:last-child){display:none}.dash-top-actions span:last-child{display:block}.preview-kpis article{border-left-width:2px}}
@media(max-width:480px){.dashboard-filterbar{grid-template-columns:1fr auto}.dashboard-filterbar>span:first-child{grid-column:1/-1}.dashboard-filterbar>span:nth-child(2),.dashboard-filterbar>span:nth-child(3){display:block}.dashboard-filterbar button{padding:8px 6px}.dashboard-section-heading{margin-bottom:9px}.dashboard-section-heading small{display:none}.dashboard-section-heading>b{font-size:5px}.dash-top-actions{display:none}}

/* Distinct screen layouts inside the product preview. */
.screen-panel{border:1px solid #1d3b56;border-radius:8px;background:#0b1c2e;overflow:hidden;min-width:0}.screen-panel-head{display:flex;align-items:end;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid #1d3b56}.screen-panel-head span{font-size:7px;letter-spacing:.12em;color:#7ea2c5;display:block}.screen-panel-head strong{font-size:13px;font-weight:600;color:#e9f2fa;display:block;margin-top:4px}.screen-panel-head small{font-size:7px;color:#7b9ab4}.overview-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.screen-chart-panel{padding:0 16px 14px}.screen-chart-panel .screen-panel-head{margin:0 -16px 0}.screen-chart-panel svg{display:block;width:100%;height:154px;margin-top:18px}.screen-chart-panel svg path{fill:none;stroke:#1f3c55;stroke-width:1}.screen-chart-panel svg polyline{fill:none;stroke:#6da2ff;stroke-width:3;stroke-dasharray:1000;animation:draw-trend 7s ease infinite}.screen-chart-panel svg polyline:nth-of-type(2){stroke:#8d7bff;stroke-width:2.5;animation-delay:.2s}.screen-funnel-panel{padding-bottom:14px}.screen-funnel-panel .funnel-row{margin:16px 16px 0}.tracking-strip{display:grid;grid-template-columns:2fr repeat(4,1fr);border:1px solid #1d3b56;border-radius:8px;background:#0d2033;margin-top:12px;overflow:hidden}.tracking-strip>div{padding:14px;border-right:1px solid #1d3b56}.tracking-strip>div:last-child{border:0}.tracking-strip span{display:block;font-size:6px;letter-spacing:.1em;color:#7899b7}.tracking-strip strong{display:block;font-size:11px;color:#e5eff8;margin-top:6px}.tracking-strip strong i{font-size:7px;color:#50dcb3;font-style:normal;border:1px solid #246958;border-radius:20px;padding:2px 5px;margin-left:5px}.tracking-strip small{display:block;font-size:7px;color:#7e9ab1;line-height:1.5;margin-top:7px}.screen-table{border:1px solid #1d3b56;border-radius:8px;background:#0b1c2e;overflow:hidden;margin-top:12px}.screen-table-head,.screen-table-row{display:grid;grid-template-columns:1fr 1.6fr .7fr;gap:12px;align-items:center;padding:11px 16px}.screen-table-head{font-size:6px;letter-spacing:.1em;text-transform:uppercase;color:#6889a5;border-bottom:1px solid #1d3b56}.screen-table-row{font-size:8px;color:#b4c8d8;border-bottom:1px solid #172f45}.screen-table-row:last-child{border-bottom:0}.screen-table-row b{font-weight:500;color:#edf4fa}.screen-table-row small{color:#78a0bd;font-size:7px;text-align:right}.live-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:12px}.screen-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid #173249}.screen-row b{display:block;color:#ecf4fb;font-size:9px;font-weight:600}.screen-row span{display:block;color:#82a1b8;font-size:7px;margin-top:4px}.screen-row>strong{font-size:8px;font-weight:500;color:#82a8ff;white-space:nowrap}.live-event{padding:15px 16px;background:#0e263d}.live-event span{display:block;color:#6f9bc0;font-size:6px;letter-spacing:.1em}.live-event strong{display:block;color:#e7f1f8;font-size:9px;margin-top:6px}.live-event small{display:block;color:#7d9ab2;font-size:7px;margin-top:5px}.empty-state{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#8aa6bd;text-align:center}.empty-state .status-dot{width:7px;height:7px;background:#39d6a1}.empty-state strong{font-size:11px;color:#e7f1f8}.empty-state span{font-size:8px}.event-stream{margin-top:12px}.opportunity-cards,.pipeline-metrics,.traffic-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.opportunity-cards article,.pipeline-metrics article,.traffic-metrics article{border:1px solid #1d3b56;border-left:3px solid #7769ff;border-radius:8px;background:#0d2034;padding:14px}.opportunity-cards article:nth-child(2){border-left-color:#e4a33b}.opportunity-cards article:nth-child(3){border-left-color:#35d9b2}.opportunity-cards span,.pipeline-metrics span,.traffic-metrics span{display:block;font-size:6px;letter-spacing:.11em;color:#7fa4c2}.opportunity-cards strong,.pipeline-metrics strong,.traffic-metrics strong{display:block;font-size:24px;color:#f0f6fb;margin:9px 0 4px}.opportunity-cards small,.pipeline-metrics small,.traffic-metrics small{display:block;color:#88a6bd;font-size:7px}.opportunity-cards b{display:block;color:#9eafff;font-size:7px;margin-top:16px}.opportunity-grid,.traffic-grid,.conversion-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:12px;margin-top:12px}.source-panel{padding-bottom:10px}.source-meter{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:10px;padding:15px 16px;border-bottom:1px solid #173249}.source-meter b{font-size:9px;color:#dfeaf3}.source-meter span{height:5px;border-radius:8px;background:#1c3850;overflow:hidden}.source-meter i{display:block;height:100%;border-radius:8px;background:#6e86ff}.source-meter strong{font-size:9px;color:#e6f0f8}.screen-action{border:1px solid #315272;border-radius:6px;background:#0c2035;color:#9ebeff;padding:8px 10px;font:500 8px Poppins,sans-serif;cursor:pointer}.screen-action:hover{background:#172f50;border-color:#6277ff}.rank-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:16px;border-bottom:1px solid #173249}.rank-row b{font-size:10px;color:#eef5fb}.rank-row span{font-size:7px;color:#7e9db7}.rank-row strong{font-size:14px;color:#9eafff}.lead-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.lead-summary>div{border:1px solid #1d3b56;border-radius:8px;background:#0b1c2e;padding:14px 16px}.lead-summary span{display:block;color:#7ea2c5;font-size:6px;letter-spacing:.1em}.lead-summary>div>strong{display:block;color:#ebf3fa;font-size:12px;margin:5px 0 13px}.lead-summary b{display:flex;justify-content:space-between;border-top:1px solid #173249;padding:9px 0;color:#b3c8da;font-size:8px;font-weight:400}.lead-summary b small{color:#8eaeff;font-size:9px}.history-note{display:flex;gap:12px;align-items:center;border:1px solid #7b5928;border-radius:8px;background:#241f18;padding:12px 14px;margin-top:12px;color:#bdad90;font-size:7px}.history-note b{color:#e8b34b;white-space:nowrap;font-size:8px}.attempt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.attempt-card{border:1px solid #1d3b56;border-radius:8px;background:#0b1c2e;padding:16px}.attempt-card>span{display:block;color:#7fa2c2;font-size:6px;letter-spacing:.1em}.attempt-card>strong{display:block;color:#eaf3fa;font-size:13px;margin:8px 0 13px}.attempt-card>b{display:block;color:#a7bfff;font-size:8px}.attempt-card p{color:#86a2b8;font-size:8px;line-height:1.55;min-height:33px}.attempt-card small{display:block;border-top:1px solid #173249;padding-top:10px;color:#8faeff;font-size:7px}
@media(max-width:800px){.tracking-strip{grid-template-columns:repeat(4,1fr)}.tracking-strip>div:first-child{grid-column:1/-1}.overview-grid,.live-grid,.opportunity-grid,.traffic-grid,.conversion-grid{grid-template-columns:1fr}.opportunity-cards,.pipeline-metrics,.traffic-metrics{grid-template-columns:repeat(2,1fr)}.lead-summary{grid-template-columns:1fr}.attempt-grid{grid-template-columns:1fr}.attempt-card p{min-height:0}.screen-table-head,.screen-table-row{padding:9px 11px;grid-template-columns:1fr 1.4fr .65fr;font-size:7px}.screen-table-row small{font-size:6px}.screen-panel-head{padding:11px 12px}}
@media(max-width:480px){.opportunity-cards strong,.pipeline-metrics strong,.traffic-metrics strong{font-size:17px}.opportunity-cards article,.pipeline-metrics article,.traffic-metrics article{padding:9px}.screen-chart-panel svg{height:100px}.tracking-strip>div{padding:8px}.tracking-strip span{font-size:4px}.tracking-strip strong{font-size:8px}.tracking-strip small{font-size:5px}.screen-row{padding:9px 11px}.screen-row b{font-size:7px}.screen-row span{font-size:5px}.screen-row>strong{font-size:6px}.screen-panel-head strong{font-size:10px}.screen-panel-head small{font-size:5px}.history-note{font-size:6px}.history-note b{font-size:6px}}

/* On phones, keep the navigation readable and give the selected screen the full width. */
@media(max-width:800px){.dashboard-frame{display:block}.dashboard-sidebar{display:block;border-right:0;border-bottom:1px solid #1b3348;padding:10px 10px 8px}.dash-brand,.dash-search,.dash-operations,.dash-secure{display:none}.dash-nav-group{display:flex;align-items:center;gap:4px;overflow-x:auto;margin:0 0 7px;padding-bottom:2px;scrollbar-width:none}.dash-nav-group::-webkit-scrollbar{display:none}.dash-nav-group h3{flex:0 0 72px;margin:0 4px 0 0;font-size:6px;line-height:1.2}.dash-item{flex:0 0 auto;white-space:nowrap;font-size:7px;padding:7px 9px;margin:0;border:1px solid transparent}.dashboard-canvas{width:100%}.dashboard-top{padding:12px 14px}.dashboard-top strong{font-size:12px}.dashboard-visual{padding:12px}.preview-tools{overflow-x:auto;white-space:nowrap;scrollbar-width:none}.preview-tools::-webkit-scrollbar{display:none}.dashboard-filterbar{grid-template-columns:minmax(0,1fr) 115px 105px auto;overflow-x:auto}.dashboard-filterbar>span,.dashboard-filterbar button{white-space:nowrap}.screen-panel-head{padding:12px 14px}}
@media(max-width:480px){.dashboard-sidebar{padding:8px 7px 5px}.dash-nav-group{margin-bottom:5px}.dash-nav-group h3{flex-basis:58px;font-size:5px}.dash-item{font-size:6px;padding:6px 7px}.dashboard-top{padding:10px 11px}.dashboard-top span{font-size:5px}.dashboard-top strong{font-size:10px}.dashboard-visual{padding:9px}.dashboard-filterbar{grid-template-columns:minmax(0,1fr) 86px 84px auto}.dashboard-filterbar>span{font-size:5px;padding:8px 6px}.dashboard-filterbar button{font-size:5px;padding:8px 7px}.dashboard-section-heading strong{font-size:10px}}

/* Compact responsive dashboard scale, aligned with the ivory, forest and lime site palette. */
.dashboard-frame{max-width:1120px;margin-inline:auto;background:#0b2a1d;border-color:#365a3d;box-shadow:0 24px 54px -28px #123b2780,0 5px 12px #123b2720;color:#edf3e8}
.dashboard-sidebar{background:#0b2a1d;border-right-color:#365a3d;padding:14px 10px}
.dash-brand{color:#edf3e8}.dash-brand small{color:#a7c09f}.dash-monogram{background:#dcefa9;color:#173b28}.dash-search{border-color:#416446;color:#bad0ac}.dash-nav-group h3{color:#a9c986}.dash-item{color:#c2d7bc;padding:7px 8px}.dash-item b{color:#b7d78c}.dash-item.current{background:#214c39;color:#f4f8ed;border-color:#91b968;box-shadow:inset 3px 0 0 #d4e89e}.dash-item:hover,.dash-item:focus-visible{background:#1a4332;color:#fff}.dash-secure{color:#e5f0df}.dash-secure small{color:#a1bc98}
.dashboard-canvas{background:#0f3323}.dashboard-top{background:#0d2c1f;border-bottom-color:#365a3d;padding:12px 16px}.dashboard-top strong{color:#f1f6ec;font-size:13px}.dashboard-top span{color:#a5c49c}.dash-top-actions{gap:5px}.dash-top-actions span{border-color:#416446;color:#c7d8bf;background:#143b2a;padding:6px 8px}.dashboard-visual{background:#0f3323;padding:12px}.preview-tools{border-color:#416446;background:#123a29;color:#b5cdaa}.preview-tools .selected{background:#cfe59a;color:#173b28}.preview-tools span:hover,.preview-tools span:focus-visible{background:#2b5b42;color:#fff}.preview-tools b{color:#c5dcaa}
.dashboard-filterbar{margin-bottom:10px}.dashboard-filterbar>span{border-color:#416446;background:#123a29;color:#a8c5a0;padding:8px 9px}.dashboard-filterbar>span:not(:first-child){color:#d2e0ca}.dashboard-filterbar button{background:#cfe59a;color:#173b28;padding:9px 11px}.dashboard-filterbar button:hover{background:#e2f2bc;box-shadow:0 6px 15px #b9d78255}.dashboard-section-heading{margin:3px 0 10px}.dashboard-section-heading span{color:#a5c895}.dashboard-section-heading strong{color:#f1f6ec;font-size:14px}.dashboard-section-heading small{color:#a4c39a}.dashboard-section-heading>b{color:#c3d9ba;border-color:#4a704b;padding:6px 8px}.dashboard-section-heading .status-dot{background:#b8d879}
.preview-kpis{gap:8px;margin-bottom:10px}.preview-kpis article,.preview-chart,.preview-funnel,.preview-bottom>div,.preview-detail{background:#123a29;border-color:#416446}.preview-kpis article{border-left:3px solid #b5d47f;background:#153f2c;padding:10px}.preview-kpis article:nth-child(2){border-left-color:#d6e99f}.preview-kpis article:nth-child(3){border-left-color:#79b879}.preview-kpis article:nth-child(4){border-left-color:#c9e48e}.preview-kpis strong{color:#f0f6ea;font-size:21px;margin:5px 0}.preview-kpis span,.preview-panel-head span,.preview-bottom span,.preview-detail-head span{color:#a8ca9b}.preview-kpis small{color:#c9e59a}.preview-panels{gap:9px}.preview-chart,.preview-funnel{background:#103523}.preview-chart svg path{stroke:#315b40}.preview-chart polyline{stroke:#c9df91}.preview-chart polyline:nth-of-type(2){stroke:#9bc98c}.preview-chart polyline:nth-of-type(3){stroke:#6da77a}.preview-axis{color:#9dbb91}.funnel-row span{color:#b9ceb1}.funnel-row b{color:#e8f2e4}.funnel-row i{background:#294f39}.funnel-row i:before{background:linear-gradient(90deg,#b6d57d,#d8e99f)}.preview-bottom>div{background:#153d2b}.preview-bottom small{color:#a8c39f}.dashboard-caption{border-top-color:#365a3d;padding:8px 11px}.dashboard-caption span{color:#9fbd95}.dashboard-caption strong{color:#c3d7bb}.preview-detail{background:#103523}.preview-detail-head{border-bottom-color:#365a3d}.preview-detail-head strong{color:#e8f2e4}.preview-detail-head small{color:#a4c19b}.preview-detail-row{border-bottom-color:#294d38;color:#c1d4b9}.preview-detail-labels{color:#98ba91}.detail-status{color:#c9e3bd;border-color:#4f754e}.detail-status.is-positive{color:#dcf1b0;border-color:#6f965a;background:#23482f}
.screen-panel{border-color:#416446;background:#103523}.screen-panel-head{border-bottom-color:#365a3d;padding:10px 13px}.screen-panel-head span{color:#a8c89b}.screen-panel-head strong{color:#eaf3e6;font-size:12px}.screen-panel-head small{color:#a3bf99}.overview-grid,.live-grid,.opportunity-grid,.traffic-grid,.conversion-grid{gap:9px}.screen-chart-panel{padding:0 13px 11px}.screen-chart-panel .screen-panel-head{margin:0 -13px}.screen-chart-panel svg{height:125px;margin-top:12px}.screen-chart-panel svg path{stroke:#315b40}.screen-chart-panel svg polyline{stroke:#c9df91}.screen-chart-panel svg polyline:nth-of-type(2){stroke:#9bc98c}.screen-chart-panel svg polyline:nth-of-type(3){stroke:#6da77a}.tracking-strip{border-color:#416446;background:#123a29;margin-top:9px}.tracking-strip>div{padding:10px;border-right-color:#365a3d}.tracking-strip span{color:#9fbe95}.tracking-strip strong{color:#e5f0df;margin-top:4px}.tracking-strip strong i{color:#d6eea5;border-color:#6f965a}.tracking-strip small{color:#a3bf99;margin-top:5px}.screen-table{border-color:#416446;background:#103523;margin-top:9px}.screen-table-head{color:#9ab98f;border-bottom-color:#365a3d;padding:8px 11px}.screen-table-row{color:#bdd1b6;border-bottom-color:#294d38;padding:8px 11px}.screen-table-row b{color:#edf4e9}.screen-table-row small{color:#9bbc91}.screen-row{padding:10px 13px;border-bottom-color:#294d38}.screen-row b{color:#eaf3e6;font-size:8px}.screen-row span{color:#a1bf97}.screen-row>strong{color:#d4e99d}.live-event{padding:11px 13px;background:#153d2b}.live-event span{color:#9cbd92}.live-event strong{color:#e7f1e2}.live-event small{color:#a2bd99}.empty-state{min-height:150px;color:#a5c19c}.empty-state .status-dot{background:#b8d879}.empty-state strong{color:#e8f2e4}.opportunity-cards,.pipeline-metrics,.traffic-metrics{gap:8px}.opportunity-cards article,.pipeline-metrics article,.traffic-metrics article{border-color:#416446;border-left-color:#b5d47f;background:#153d2b;padding:10px}.opportunity-cards article:nth-child(2){border-left-color:#d7eaa0}.opportunity-cards article:nth-child(3){border-left-color:#79b879}.opportunity-cards span,.pipeline-metrics span,.traffic-metrics span{color:#a6c696}.opportunity-cards strong,.pipeline-metrics strong,.traffic-metrics strong{color:#edf4e8;font-size:21px;margin:6px 0 3px}.opportunity-cards small,.pipeline-metrics small,.traffic-metrics small{color:#a4c19a}.opportunity-cards b{color:#d5e99d}.source-meter{padding:11px 13px;border-bottom-color:#294d38}.source-meter b{color:#e2eee0}.source-meter span{background:#294f39}.source-meter i{background:#c5df8f}.source-meter strong{color:#e6f1e2}.screen-action{border-color:#567a51;background:#153d2b;color:#d1e79b;padding:6px 8px}.screen-action:hover{background:#28553b;border-color:#a9ca72}.rank-row{padding:11px 13px;border-bottom-color:#294d38}.rank-row b{color:#e9f2e5}.rank-row span{color:#a3bf98}.rank-row strong{color:#d2e899}.lead-summary{gap:9px;margin-top:9px}.lead-summary>div{border-color:#416446;background:#103523;padding:10px 13px}.lead-summary span{color:#a5c496}.lead-summary>div>strong{color:#e8f2e4;margin:4px 0 9px}.lead-summary b{border-top-color:#294d38;color:#bfd2b8;padding:7px 0}.lead-summary b small{color:#d0e79b}.history-note{border-color:#6b7541;background:#263722;color:#c6d6af;padding:9px 11px;margin-top:9px}.history-note b{color:#e0ef9d}.attempt-grid{gap:9px;margin-top:9px}.attempt-card{border-color:#416446;background:#103523;padding:11px 13px}.attempt-card>span{color:#a4c297}.attempt-card>strong{color:#e8f2e4;font-size:12px;margin:6px 0 9px}.attempt-card>b{color:#d2e899}.attempt-card p{color:#a4c09a}.attempt-card small{border-top-color:#294d38;color:#cde69a}
.dashboard-caption{font-size:7px}
@media(min-width:801px){.dashboard-frame{width:min(1120px,calc(100vw - 48px))}.preview-section{padding-bottom:52px}}
@media(max-width:800px){.dashboard-frame{width:100%;max-width:none}.dashboard-sidebar{padding:8px 8px 6px;border-bottom-color:#365a3d}.dash-item{padding:6px 8px}.dashboard-top{padding:10px 12px}.dashboard-visual{padding:9px}.dashboard-filterbar{margin-bottom:8px}.screen-panel-head{padding:9px 11px}.tracking-strip>div{padding:8px}.screen-chart-panel svg{height:108px}.screen-table-head,.screen-table-row{padding:7px 9px}}
@media(max-width:480px){.dashboard-frame{border-radius:10px}.dashboard-canvas{min-width:0}.dashboard-visual{padding:8px}.preview-kpis article{padding:8px}.preview-kpis strong{font-size:18px}.screen-panel-head strong{font-size:10px}.screen-chart-panel svg{height:92px}.dashboard-caption{padding:7px 9px;font-size:6px}}

/* Keep the product preview present as a visual placeholder without exposing
   the illustrative dashboard copy to selection, assistive technology, or
   accidental interaction. */
.dashboard-frame {
  position: relative;
  isolation: isolate;
  filter: blur(10px);
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
}
.dashboard-frame::after {
  content: "Dashboard preview hidden";
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  place-items: center;
  padding: 24px;
  color: #eff5eb;
  background: rgba(8, 22, 37, .7);
  border: 1px solid rgba(190, 219, 139, .32);
  font-size: clamp(11px, 1.2vw, 15px);
  font-weight: 600;
  letter-spacing: .08em;
  text-align: center;
  text-transform: uppercase;
  backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
  }

  /* Use a flattened animated asset for the public preview. The original
     dashboard markup remains inaccessible and is not part of the visual UI. */
  .dashboard-frame {
    filter: none;
    overflow: hidden;
    background: #081c2d;
    display: block;
    aspect-ratio: 16 / 9;
    height: min(62vw, 630px);
    min-height: 360px;
  }
  .preview-section .dashboard-frame {
    display: block !important;
    height: min(62vw, 630px) !important;
    min-height: 360px !important;
    background: #081c2d url('/products/domainlander/assets/domainlander-live-signals.jpg') center / cover no-repeat !important;
  }
  .dashboard-frame > :not(.dashboard-loop) {
    display: none !important;
  }
  .dashboard-frame::after {
    display: none;
  }
  .dashboard-loop,
  .dashboard-loop img {
    display: block;
    width: 100%;
    height: 100%;
  }
  .dashboard-loop {
    position: absolute;
    inset: 0;
    z-index: 2;
    background: #081c2d;
    overflow: hidden;
  }
  .dashboard-loop::before {
    content: "";
    position: absolute;
    inset: -35% -20%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(108deg, transparent 37%, rgba(215, 239, 203, .13) 49%, transparent 61%);
    transform: translateX(-42%);
    animation: dashboard-sheen 8s ease-in-out infinite;
  }
  .dashboard-loop::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(circle at 72% 46%, transparent 0 27%, rgba(4, 16, 28, .1) 70%), linear-gradient(180deg, transparent 72%, rgba(3, 15, 26, .28));
  }
  .dashboard-loop img {
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    transform: scale(1.025);
    transform-origin: 48% 48%;
    animation: dashboard-camera 12s ease-in-out infinite;
  }
  .dashboard-loop-standalone {
    position: relative;
    width: min(1120px, calc(100vw - 48px));
    height: min(62vw, 630px);
    min-height: 360px;
    margin-inline: auto;
    overflow: hidden;
    border: 1px solid rgba(190, 219, 139, .28);
    border-radius: 15px;
    background: #081c2d;
    box-shadow: 0 30px 70px -30px rgba(7, 19, 33, .5);
  }
  .dashboard-loop-standalone::before {
    content: "";
    position: absolute;
    inset: -35% -20%;
    z-index: 2;
    pointer-events: none;
    background: linear-gradient(108deg, transparent 37%, rgba(215, 239, 203, .13) 49%, transparent 61%);
    transform: translateX(-42%);
    animation: dashboard-sheen 8s ease-in-out infinite;
  }
  .dashboard-loop-standalone::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: radial-gradient(circle at 72% 46%, transparent 0 27%, rgba(4, 16, 28, .1) 70%), linear-gradient(180deg, transparent 72%, rgba(3, 15, 26, .28));
  }
  .dashboard-loop-standalone img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
    pointer-events: none;
    transform: scale(1.025);
    transform-origin: 48% 48%;
    animation: dashboard-camera 12s ease-in-out infinite;
  }
  .preview-playback {
    position: absolute;
    left: 22px;
    bottom: 20px;
    z-index: 3;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 9px 12px;
    border: 1px solid rgba(197, 230, 174, .24);
    border-radius: 999px;
    color: #dcebd4;
    background: rgba(5, 22, 34, .7);
    font-size: 8px;
    font-weight: 600;
    letter-spacing: .13em;
    backdrop-filter: blur(12px);
  }
  .preview-playback i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #9adca2;
    box-shadow: 0 0 0 0 rgba(154, 220, 162, .45);
    animation: preview-pulse 2.4s ease-out infinite;
  }
  @keyframes dashboard-camera {
    0%, 100% { transform: scale(1.025) translate3d(0, 0, 0); }
    35% { transform: scale(1.075) translate3d(-1.1%, -.5%, 0); }
    68% { transform: scale(1.055) translate3d(.8%, .4%, 0); }
  }
  @keyframes dashboard-sheen {
    0%, 18% { transform: translateX(-45%); opacity: 0; }
    38% { opacity: 1; }
    62%, 100% { transform: translateX(48%); opacity: 0; }
  }
  @keyframes preview-pulse {
    0% { box-shadow: 0 0 0 0 rgba(154, 220, 162, .5); }
    65%, 100% { box-shadow: 0 0 0 8px rgba(154, 220, 162, 0); }
  }
  @media (prefers-reduced-motion: reduce) {
    .dashboard-loop-standalone img,
    .dashboard-loop img,
    .dashboard-loop::before,
    .dashboard-loop-standalone::before,
    .preview-playback i { animation: none; }
  }
  .motion-paused .dashboard-loop img,
  .motion-paused .dashboard-loop::before,
  .motion-paused .preview-playback i { animation-play-state: paused; }

  /* Static public preview. Preserve the full composition without zoom,
     panning, pulsing or animated light effects. */
  .dashboard-loop img {
    transform: none;
    animation: none;
  }
  .dashboard-loop::before {
    display: none;
    animation: none;
  }
  .dashboard-loop::after {
    background: linear-gradient(180deg, transparent 82%, rgba(3, 15, 26, .18));
  }
  .preview-playback i {
    animation: none;
    box-shadow: none;
  }

  .hero-carousel { position: relative; }
  .hero-slides { position: relative; min-height: 220px; }
  .hero-slide { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .45s ease, transform .45s ease, visibility .45s ease; }
  .hero-slide.is-active { position: relative; opacity: 1; visibility: visible; transform: none; }
  .hero-slide h1, .hero-slide h2 { font-size: clamp(43px, 5vw, 70px); letter-spacing: -.058em; line-height: 1.08; margin: 0 0 25px; font-weight: 500; }
  .hero-slide h1 span, .hero-slide h2 span { color: #688069; }
  .hero-carousel-controls { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 7px; }
  .hero-arrow { width: 30px; height: 30px; border: 1px solid #cbd7c3; border-radius: 50%; background: rgba(255,255,255,.45); color: #49664d; cursor: pointer; transition: transform .2s ease, background .2s ease, border-color .2s ease; }
  .hero-arrow:hover { transform: translateY(-2px); background: #fff; border-color: #8ca68a; }
  .hero-dots { display: flex; align-items: center; gap: 8px; }
  .hero-dot { width: 7px; height: 7px; padding: 0; border: 1px solid #88a185; border-radius: 50%; background: transparent; cursor: pointer; transition: width .25s ease, background .25s ease, border-color .25s ease; }
  .hero-dot.is-active { width: 23px; border-radius: 99px; background: #5b815b; border-color: #5b815b; }
  .hero-slide .hero-lead { margin: auto; }
  .hero-carousel:focus-within .hero-slide { transition-duration: .2s; }
  @media (max-width: 800px) { .hero-slides { min-height: 250px; } .hero-slide h1, .hero-slide h2 { font-size: clamp(38px, 6.8vw, 56px); } }
  @media (max-width: 480px) { .hero-slides { min-height: 260px; } .hero-slide h1, .hero-slide h2 { font-size: 40px; line-height: 1.12; letter-spacing: -.05em; } .hero-carousel-controls { margin-top: 0; } }

  /* Quiet carousel controls and a refined title reveal. */
  .hero-carousel-controls { gap: 15px; margin-top: 14px; }
  .hero-arrow { display: none; }
  .hero-count { display: inline-flex; align-items: baseline; gap: 4px; min-width: 39px; color: #5b765c; font-size: 10px; letter-spacing: .08em; }
  .hero-count b { font-weight: 600; }
  .hero-count i { color: #a0ae9b; font-style: normal; font-size: 9px; }
  .hero-dots { gap: 6px; }
  .hero-dot { width: 5px; height: 5px; border: 0; background: #bfccba; transition: transform .25s ease, background .25s ease; }
  .hero-dot:hover { transform: scale(1.45); background: #769473; }
  .hero-dot.is-active { width: 5px; height: 5px; background: #3f6948; transform: scale(1.35); }
  .hero-progress { position: relative; display: block; width: 76px; height: 2px; overflow: hidden; border-radius: 99px; background: #d5ded0; }
  .hero-progress i { display: block; width: 20%; height: 100%; border-radius: inherit; background: #6c9469; transition: transform .45s ease; transform: translateX(0); }
  .hero-slide.is-active h1, .hero-slide.is-active h2 { animation: hero-title-in .65s cubic-bezier(.2,.75,.2,1) both; }
  .hero-slide.is-active .hero-lead { animation: hero-lead-in .65s .08s cubic-bezier(.2,.75,.2,1) both; }
  @keyframes hero-title-in { from { opacity: 0; transform: translateY(18px); letter-spacing: -.035em; } to { opacity: 1; transform: none; letter-spacing: -.058em; } }
  @keyframes hero-lead-in { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
  @media (prefers-reduced-motion: reduce) { .hero-slide.is-active h1, .hero-slide.is-active h2, .hero-slide.is-active .hero-lead { animation: none; } }
  /* Keep manual navigation invisible while making the carousel predictable to use. */
  .hero-carousel { touch-action: pan-y; }
  .hero-slide { z-index: 0; pointer-events: none; transform: none; transition: opacity .32s ease, visibility .32s ease; }
  .hero-slide[hidden] { display: none !important; }
  .hero-slide.is-active { z-index: 1; pointer-events: auto; }
  .hero-slide:not(.is-active) h1,
  .hero-slide:not(.is-active) h2,
  .hero-slide:not(.is-active) .hero-lead { animation: none; }
  .hero-slide-nav { display: flex; align-items: center; justify-content: center; gap: 12px; margin-top: 34px; }
  .hero-slide-nav-kicker { color: #71816e; font-size: 9px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; white-space: nowrap; }
  .hero-slide-tabs { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 3px; padding: 4px; border: 1px solid rgba(104, 128, 105, .28); border-radius: 999px; background: rgba(255, 255, 255, .35); box-shadow: 0 10px 25px rgba(74, 101, 71, .07); }
  .hero-slide-tab { display: inline-flex; align-items: center; justify-content: center; gap: 7px; min-width: 92px; min-height: 32px; padding: 7px 11px; border: 0; border-radius: 999px; background: transparent; color: #667768; cursor: pointer; font: inherit; font-size: 10px; font-weight: 600; letter-spacing: .02em; transition: color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease; }
  .hero-slide-tab-index { color: #93a392; font-size: 9px; font-weight: 700; letter-spacing: .08em; }
  .hero-slide-tab-label { white-space: nowrap; }
  .hero-slide-tab:hover { color: #245436; background: rgba(255, 255, 255, .68); transform: translateY(-1px); }
  .hero-slide-tab.is-active { color: #214c32; background: rgba(255, 255, 255, .92); box-shadow: 0 4px 13px rgba(70, 103, 73, .15); }
  .hero-slide-tab.is-active .hero-slide-tab-index { color: #4e7a51; }
  .hero-slide-tab:focus-visible { outline: 2px solid #4e7a51; outline-offset: 3px; }
  @media (prefers-reduced-motion: reduce) {
    .hero-slide { transition: none; }
    .hero-slide-tab { transition: none; }
  }
  @media (max-width: 800px) {
    .dashboard-loop-standalone { width: 100%; height: min(62vw, 420px); min-height: 240px; border-radius: 10px; }
  }
  @media (max-width: 800px) {
    .dashboard-frame { height: min(62vw, 420px); min-height: 240px; }
  }
  @media (max-width: 680px) {
    .hero-slide-nav { align-items: stretch; flex-direction: column; gap: 8px; margin-top: 26px; }
    .hero-slide-tabs { display: flex; width: fit-content; max-width: 100%; margin: 0 auto; gap: 4px; }
    .hero-slide-tab { flex: 0 0 42px; min-width: 42px; min-height: 38px; padding: 8px 7px; gap: 0; }
    .hero-slide-tab-label { display: none; }
    .hero-slide-tab-index { font-size: 10px; }
  }
  /* Keep the public dashboard artwork uncropped on narrow screens. The source
     image is a wide composition, so the frame follows its natural ratio
     instead of forcing a tall minimum height that zooms into the centre. */
  @media (max-width: 800px) {
    .preview-section .dashboard-frame { aspect-ratio: auto !important; height: auto !important; min-height: 0 !important; }
    .preview-section .dashboard-loop { position: relative; inset: auto; aspect-ratio: 16 / 9; height: auto; }
    .preview-section .dashboard-loop img { object-fit: contain; height: auto; min-height: 0; }
    .preview-section .dashboard-caption { display: none; }
  }
  .preview-note { gap: 0; flex-wrap: wrap; }
  .preview-note > span { padding: 0 22px; border-left: 1px solid rgba(125, 156, 127, .35); }
  .preview-note > span:first-child { border-left: 0; }
  .preview-note b { margin-left: 0; }
  @media (max-width: 480px) {
    .preview-section .preview-heading { align-items: flex-start; padding: 14px 0 12px; }
    .preview-section .preview-heading > div { gap: 8px; }
    .preview-section .preview-heading > span { max-width: 112px; line-height: 1.25; }
    .preview-section .preview-note { display: grid; grid-template-columns: 1fr; gap: 9px; justify-items: center; padding-top: 16px; line-height: 1.3; }
    .preview-section .preview-note > span { display: block; padding: 0; border-left: 0; text-align: center; }
  }

/* Distinct hover language: sheen, progress rails, stage focus and accent reveals. */
@media (hover:hover){
  .capability-section .feature-card{overflow:hidden;isolation:isolate;transform-style:preserve-3d}
  .capability-section .feature-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(112deg,transparent 28%,rgba(255,255,255,.52) 48%,transparent 68%);transform:translateX(-120%);transition:transform .75s var(--ease)}
  .capability-section .feature-card:hover:before{transform:translateX(120%)}
  .capability-section .feature-card:hover{transform:translateY(-3px) rotateX(1deg);background:linear-gradient(145deg,#fbfdf6,#edf5e4);box-shadow:0 20px 34px rgba(35,76,44,.14)}
  .operating-section .operating-grid article{overflow:hidden}
  .operating-section .operating-grid article:before{content:'';position:absolute;left:14px;top:0;width:32px;height:2px;background:#d5e99e;transform-origin:left;transition:width .45s var(--ease),box-shadow .45s}
  .operating-section .operating-grid article:hover:before{width:calc(100% - 28px);box-shadow:0 0 16px rgba(173,205,113,.55)}
  .operating-section .operating-grid article:hover{transform:translateX(3px);background:radial-gradient(circle at 0 0,rgba(210,236,163,.25),transparent 55%),rgba(255,255,255,.78)}
  .feature-story .story-points>div{position:relative;overflow:hidden}
  .feature-story .story-points>div:after{content:'';position:absolute;left:0;bottom:0;width:2px;height:0;background:#cde596;box-shadow:0 0 14px rgba(205,229,150,.65);transition:height .4s var(--ease)}
  .feature-story .story-points>div:hover:after{height:100%}
  .feature-story .story-points>div:hover{transform:translateX(4px);background:linear-gradient(90deg,rgba(205,230,154,.13),transparent 70%)}
  .feature-story .signal-panel{position:relative;overflow:hidden}
  .feature-story .signal-panel:before{content:'';position:absolute;right:-90px;top:-90px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(194,225,140,.2),transparent 68%);opacity:0;transform:scale(.65);transition:opacity .4s,transform .6s var(--ease);pointer-events:none}
  .feature-story .signal-panel:hover:before{opacity:1;transform:scale(1)}
  .workflow-section .pipeline-board{position:relative;overflow:hidden;background-image:linear-gradient(105deg,transparent 0%,rgba(206,229,162,.16) 48%,transparent 66%);background-size:220% 100%;background-position:100% 0;transition:background-position .8s var(--ease),transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .workflow-section .pipeline-board:hover{background-position:0 0;transform:translateY(-3px);border-color:#a9c387;box-shadow:0 20px 38px rgba(35,76,44,.14)}
  .workflow-section .lead-tile:hover{transform:scale(1.025);border-color:#abc789;box-shadow:0 11px 22px rgba(39,68,32,.15)}
  .controls-section .control-list article{position:relative;overflow:hidden}
  .controls-section .control-list article:before{content:'';position:absolute;left:0;bottom:0;width:0;height:2px;background:linear-gradient(90deg,#7fa75c,#d7ea9e);transition:width .45s var(--ease)}
  .controls-section .control-list article:hover:before{width:100%}
  .controls-section .control-list article:hover>span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#deefb8;transform:rotate(-8deg) scale(1.08);transition:transform .3s var(--ease),background .3s}
  .faq-section .faq-list details{position:relative;overflow:hidden}
  .faq-section .faq-list details:before{content:'';position:absolute;left:0;top:0;width:0;height:2px;background:linear-gradient(90deg,#7fa75c,#d7ea9e);transition:width .45s var(--ease)}
  .faq-section .faq-list details:hover:before,.faq-section .faq-list details[open]:before{width:100%}
  .faq-section .faq-list details:hover{transform:none;background:linear-gradient(90deg,#f6faee,#fff)}
}
@media (prefers-reduced-motion:reduce){.capability-section .feature-card:before,.operating-section .operating-grid article:before,.feature-story .story-points>div:after,.feature-story .signal-panel:before,.controls-section .control-list article:before,.faq-section .faq-list details:before{transition:none}.workflow-section .pipeline-board{transition:none}}

/* Section interactions: reveal depth and affordance on cards without affecting touch layouts. */
@media (hover:hover){
  .capability-section .feature-card{transition:transform .3s var(--ease),background .3s,box-shadow .3s,border-color .3s}
  .capability-section .feature-card:hover{transform:translateY(-6px);background:linear-gradient(145deg,#f7fbf0,#edf4e2);box-shadow:0 18px 32px rgba(35,76,44,.12);z-index:1}
  .capability-section .feature-card:hover h3{color:#2d6045}
  .operating-section .operating-grid article{position:relative;padding:20px 14px 10px;border-radius:12px;transition:transform .3s var(--ease),background .3s,box-shadow .3s,border-color .3s}
  .operating-section .operating-grid article:hover{transform:translateY(-5px);background:rgba(255,255,255,.72);box-shadow:0 15px 30px rgba(35,76,44,.1);border-top-color:#7da460}
  .operating-section .operating-grid article:hover h3{color:#2d6045}
  .feature-story .story-points>div{border-radius:8px;padding-inline:10px;transition:transform .25s var(--ease),background .25s,border-color .25s}
  .feature-story .story-points>div:hover{transform:translateX(6px);background:rgba(210,232,167,.1);border-top-color:#7fa55f}
  .feature-story .signal-panel{transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .feature-story .signal-panel:hover{transform:translateY(-5px);border-color:#8caf6a;box-shadow:0 24px 45px rgba(4,26,17,.3),inset 0 1px 0 rgba(255,255,255,.12)}
  .workflow-section .pipeline-board{transition:transform .3s var(--ease),box-shadow .3s,border-color .3s}
  .workflow-section .pipeline-board:hover{transform:translateY(-5px);border-color:#b3c995;box-shadow:0 18px 35px rgba(35,76,44,.13)}
  .workflow-section .lead-tile{transition:transform .25s var(--ease),box-shadow .25s,border-color .25s,background .25s}
  .workflow-section .lead-tile:hover{transform:translateY(-3px) translateX(2px);border-color:#9ab978;box-shadow:0 9px 18px rgba(39,68,32,.13);background:#fbfdf7}
  .controls-section .control-list article{border-radius:10px;padding-inline:12px;transition:transform .25s var(--ease),background .25s,border-color .25s}
  .controls-section .control-list article:hover{transform:translateX(6px);background:rgba(255,255,255,.46);border-bottom-color:#a9bf91}
  .controls-section .control-list article:hover>span{color:#547d43}
  .faq-section .faq-list details{transition:background .25s,box-shadow .25s,transform .25s}
  .faq-section .faq-list details:hover{transform:translateX(4px);box-shadow:0 8px 18px rgba(38,72,40,.07)}
  .faq-section .faq-list summary:after{transition:transform .25s ease,color .25s ease}
  .faq-section .faq-list details:hover summary:after{transform:rotate(90deg);color:#4f7b45}
  .faq-section .faq-list details[open]:hover summary:after{transform:rotate(0)}
}
@media (prefers-reduced-motion:reduce){.capability-section .feature-card,.operating-section .operating-grid article,.feature-story .story-points>div,.feature-story .signal-panel,.workflow-section .pipeline-board,.workflow-section .lead-tile,.controls-section .control-list article,.faq-section .faq-list details{transition:none!important}.capability-section .feature-card:hover,.operating-section .operating-grid article:hover,.feature-story .story-points>div:hover,.feature-story .signal-panel:hover,.workflow-section .pipeline-board:hover,.workflow-section .lead-tile:hover,.controls-section .control-list article:hover,.faq-section .faq-list details:hover{transform:none}}

/* Glass refinement: translucent surfaces keep the forest palette while adding depth. */
.dashboard-frame{background:linear-gradient(135deg,rgba(18,58,41,.9),rgba(7,34,25,.92));border-color:rgba(191,220,156,.28);box-shadow:0 26px 62px -30px rgba(13,55,35,.55),inset 0 1px 0 rgba(255,255,255,.08)}
.dashboard-sidebar{background:rgba(8,38,28,.72);border-right-color:rgba(182,214,155,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dashboard-canvas{background:rgba(14,48,34,.52)}
.dashboard-top{background:rgba(10,43,30,.66);border-bottom-color:rgba(182,214,155,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.dash-search,.dash-top-actions span,.preview-tools,.dashboard-filterbar>span{background:rgba(24,70,49,.46);border-color:rgba(182,214,155,.28)}
.dash-item.current{background:rgba(111,157,92,.25);border-color:rgba(210,237,164,.52);box-shadow:inset 3px 0 0 #d7eb9e,0 0 22px rgba(157,202,116,.12)}
.dash-item:hover,.dash-item:focus-visible{background:rgba(109,153,90,.24)}
.dashboard-visual{background:radial-gradient(circle at 85% 0,rgba(180,214,132,.1),transparent 32%),rgba(14,51,36,.46)}
.preview-kpis article,.preview-chart,.preview-funnel,.preview-bottom>div,.preview-detail,.screen-panel,.screen-table,.lead-summary>div,.attempt-card{background:linear-gradient(145deg,rgba(34,88,59,.64),rgba(13,53,37,.62));border-color:rgba(182,214,155,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 24px rgba(6,33,23,.18);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.preview-kpis article:hover,.preview-chart:hover,.preview-funnel:hover,.screen-panel:hover,.screen-table:hover{border-color:rgba(215,235,164,.5);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 14px 28px rgba(6,33,23,.25);transform:translateY(-2px);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.preview-kpis article{background:linear-gradient(145deg,rgba(53,106,70,.68),rgba(21,66,45,.62))}
.preview-chart,.preview-funnel,.screen-panel{background:linear-gradient(145deg,rgba(27,76,52,.6),rgba(11,49,34,.66))}
.preview-bottom>div,.preview-detail,.screen-table,.lead-summary>div,.attempt-card{background:rgba(24,70,49,.54)}
.tracking-strip{background:rgba(21,66,45,.58);border-color:rgba(182,214,155,.26);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.tracking-strip>div{border-right-color:rgba(182,214,155,.17)}
.live-event{background:rgba(42,94,64,.44)}
.source-meter span,.funnel-row i{background:rgba(185,218,145,.16)}
.history-note{background:rgba(94,99,52,.38);border-color:rgba(218,234,145,.4);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.dashboard-caption{background:rgba(8,37,27,.4);border-top-color:rgba(182,214,155,.2)}
.screen-action{background:rgba(35,83,56,.55);border-color:rgba(202,230,157,.4)}
@media(max-width:800px){.dashboard-sidebar{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.preview-kpis article:hover,.preview-chart:hover,.preview-funnel:hover,.screen-panel:hover,.screen-table:hover{transform:none}}

/* Slightly cooler glass neutrals improve readability without leaving the site palette. */
.dashboard-frame{background:linear-gradient(135deg,rgba(15,48,39,.94),rgba(7,29,26,.96))}
.dashboard-sidebar{background:rgba(8,31,27,.78)}
.dashboard-canvas{background:rgba(13,40,35,.64)}
.dashboard-top{background:rgba(10,35,31,.72)}
.dashboard-visual{background:radial-gradient(circle at 86% 0,rgba(215,231,173,.12),transparent 34%),rgba(16,47,41,.56)}
.preview-kpis article,.preview-chart,.preview-funnel,.preview-bottom>div,.preview-detail,.screen-panel,.screen-table,.lead-summary>div,.attempt-card{background:linear-gradient(145deg,rgba(40,79,61,.68),rgba(17,52,44,.7))}
.preview-kpis article{background:linear-gradient(145deg,rgba(53,98,68,.7),rgba(21,62,49,.68))}
.preview-chart,.preview-funnel,.screen-panel{background:linear-gradient(145deg,rgba(29,68,57,.66),rgba(13,48,41,.72))}
.preview-bottom>div,.preview-detail,.screen-table,.lead-summary>div,.attempt-card{background:rgba(21,57,48,.62)}