@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#101f2a;--ink:#132733;--teal:#73e3ce;--paper:#f5f7f7;--line:#dce3e4;--muted:#53666f;--max:1240px;color-scheme:light;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #267ed4;outline-offset:5px}p{line-height:1.65;margin:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif;margin:0;letter-spacing:-.045em}h2{font-size:clamp(2rem,3.4vw,3.15rem);line-height:1.17;font-weight:700}h3{font-size:1.25rem;letter-spacing:-.025em;font-weight:700}em{font-style:normal}.container{width:min(calc(100% - 96px),var(--max));margin-inline:auto}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;border-radius:7px;background:var(--teal);padding:17px 23px;color:#102c2b;font-weight:700;font-size:1rem;line-height:1.3;transition:background .18s,transform .18s;border:1px solid transparent}.button:hover{background:#a7f3e4;transform:translateY(-2px)}.button-small{padding:12px 18px;font-size:.875rem}.button span{font-size:1.3rem}.text-link{font-size:.95rem;font-weight:600;display:inline-flex;align-items:center;gap:14px}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:700;line-height:1.5;margin-bottom:22px}.section-pad{padding:110px 0}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{background:var(--navy);color:#edf6f8;border-bottom:1px solid #ffffff12;position:relative;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:94px;gap:30px}.wordmark{display:inline-flex;gap:10px;align-items:center;font-family:'Manrope',sans-serif;font-size:1.5rem;letter-spacing:-.05em;font-weight:800}.wordmark-cloud{font-family:'DM Sans',sans-serif;font-size:.62rem;letter-spacing:.13em;color:#91b1bd;font-weight:600;margin-left:2px;border-left:1px solid #435763;padding-left:12px}.brand-mark{display:flex;align-items:center;justify-content:center;background:var(--teal);border-radius:7px;color:var(--navy);width:30px;height:33px;font-size:1.4rem;position:relative;margin-right:1px}.brand-mark>span{position:absolute;bottom:8px;right:6px;width:5px;height:5px;background:var(--navy);border-radius:50%}nav{display:flex;align-items:center;gap:28px}nav>a:not(.button){font-size:.875rem;color:#c7d6db}nav>a:not(.button):hover{color:white}.login-link{margin-left:10px}.menu-toggle{display:none}.hero{background:var(--navy);color:#f7fafa;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding-block:83px 60px}.hero .eyebrow{color:#c6d6dc;display:flex;align-items:center;gap:10px}.accent-line{width:27px;height:2px;background:var(--teal)}h1{font-size:clamp(3.2rem,5.3vw,5rem);line-height:1.07;font-weight:600;letter-spacing:-.06em}h1 em,.demo-section em{color:var(--teal)}.hero-description{font-size:1.13rem;color:#b5c7d0;max-width:445px;margin-top:28px;line-height:1.7}.hero-actions{display:flex;align-items:center;gap:27px;flex-wrap:wrap;margin-top:34px}.hero-actions .text-link{font-size:.875rem}.hero-note{font-size:.875rem;color:#a8c1cc;display:flex;gap:8px;align-items:center;margin-top:26px}.check{color:var(--teal)}.powered{display:flex;align-items:center;gap:6px;margin-top:25px}.powered>span{font-size:.65rem;letter-spacing:.12em;color:#99aeb9}.powered img{object-fit:contain;width:155px;height:57px}.hero-product{position:relative;padding:15px 0 0}.product-topline{display:flex;justify-content:space-between;color:#87a4b3;font-size:.65rem;letter-spacing:.13em;font-weight:700;padding:0 8px 16px}.timecard-preview{background:#fcfefe;border-radius:13px;overflow:hidden;color:var(--ink);box-shadow:0 22px 70px #0003;border:1px solid #405560;transform:rotate(-1.5deg)}.preview-top{padding:17px 22px;border-bottom:1px solid #e6ebed;display:flex;justify-content:space-between;align-items:center;gap:10px}.preview-brand{display:flex;gap:7px;align-items:center;font-family:Manrope,sans-serif;font-size:.9rem;font-weight:800}.mini-mark{background:var(--teal);color:var(--navy);height:24px;width:23px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;font-weight:800}.sample-label{font-size:.6rem;letter-spacing:.08em;color:#627881}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 22px 20px}.small-label{font-size:.625rem;letter-spacing:.1em;color:#687e88;font-weight:700}.preview-heading h2{font-size:1.2rem;letter-spacing:-.04em;margin-top:7px}.review-badge{color:#286150;background:#e6f4ed;padding:6px 9px;border-radius:5px;white-space:nowrap;font-size:.65rem}.preview-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 22px 22px;border:1px solid #e0e7e9;border-radius:7px;background:#f7fafa}.preview-stats>div{padding:15px 13px}.preview-stats>div+div{border-left:1px solid #e0e7e9}.preview-stats span{display:block;color:#73858d;font-size:.75rem;margin-bottom:7px}.preview-stats strong{font-family:Manrope,sans-serif;font-size:1.6rem;font-weight:600;letter-spacing:-.04em}.preview-stats small{font-size:.7rem;font-weight:500;color:#6b7e86}.day-track{display:flex;gap:3px;height:9px;margin:0 22px}.track-work{width:48%;background:#339d93;border-radius:3px}.track-break{width:6%;background:#dce9e5;border-radius:2px}.track-work.last{width:46%;background:#6dc4b5}.track-labels{display:flex;justify-content:space-between;margin:7px 22px 22px;color:#789098;font-size:.65rem}.preview-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf1f2;padding:18px 22px}.row-icon{background:#ddf3e9;color:#278969;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0;font-size:.85rem}.row-icon.muted{background:#e6edf1;color:#597486}.preview-row strong{font-size:.8rem;display:block;font-weight:600}.preview-row div>span{font-size:.65rem;color:#6a7f88;display:block;margin-top:4px}.row-tag{margin-left:auto;font-size:.625rem;border:1px solid #dbe4e7;border-radius:4px;padding:5px 8px;color:#5e747e}.clock-receipt{position:relative;margin:-3px -12px 0 40px;background:#24414b;border:1px solid #44636b;border-radius:9px;padding:17px 20px;display:flex;gap:13px;align-items:center;box-shadow:0 20px 24px #0002;transform:rotate(1deg)}.receipt-check{height:34px;width:34px;background:var(--teal);border-radius:50%;display:grid;place-items:center;color:#183d35;font-weight:700;flex-shrink:0}.clock-receipt strong{font-size:.875rem}.clock-receipt div>span{display:block;font-size:.75rem;color:#abc5ce;margin-top:4px}.example-caption{text-align:right;color:#819aa7;font-size:.65rem;margin-top:15px}.capability-strip{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-top:1px solid #ffffff16;color:#9aafba;font-size:.7rem;font-weight:600;letter-spacing:.15em}.capability-strip>span+span:before{content:'+';color:#4d7d86;margin-right:40px}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:52px}.section-intro .eyebrow{color:#51766f;margin-bottom:16px}.section-intro>p{color:var(--muted);font-size:1rem;max-width:340px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.feature-card{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px;position:relative;background:#f9fbfb}.feature-card .icon{display:block;margin-bottom:25px}.feature-number{position:absolute;top:34px;right:28px;font-size:.75rem;color:#859599}.icon{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;color:#258579}.feature-card h3{margin-bottom:13px}.feature-card p{font-size:1rem;color:var(--muted);line-height:1.65}.mobile-section{background:#dfeae7;overflow:hidden}.mobile-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center;padding-block:84px}.mobile-copy .eyebrow{color:#3d6960}.mobile-copy h2{font-size:clamp(2.5rem,4vw,3.7rem);line-height:1.15}.mobile-copy h2 em{color:#237466}.mobile-copy>p:not(.eyebrow){color:#435f60;max-width:460px;margin-top:25px;font-size:1.05rem}.check-list{padding:0;list-style:none;display:grid;gap:13px;margin:25px 0;font-size:.95rem;line-height:1.5}.check-list li{padding-left:26px;position:relative}.check-list li:before{content:'✓';color:#237466;position:absolute;left:0;font-weight:700}.dark-link{margin-top:4px}.mobile-example{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding-top:28px}.phone-preview{width:285px;border:6px solid #2d4248;border-radius:32px;background:#11232e;color:#f4fafb;overflow:hidden;transform:rotate(3deg);box-shadow:25px 32px 45px #163e3328}.phone-top{height:72px;display:flex;justify-content:center;gap:9px;align-items:center;font-size:.75rem;letter-spacing:.12em;font-weight:700;border-bottom:1px solid #fff1}.phone-main{text-align:center;padding:24px 20px 0}.phone-main>.small-label{color:#95afb7;font-size:.7rem;letter-spacing:.14em}.phone-time{font-family:Manrope,sans-serif;font-size:3.4rem;font-weight:500;letter-spacing:-.055em;line-height:1.35;margin-top:6px}.phone-time>span{font-size:.9rem;color:#9bb4bf;letter-spacing:0}.phone-date{font-size:.75rem;color:#9db5bf}.phone-divider{height:1px;background:#ffffff1c;margin:24px 0 20px}.phone-company{font-size:.75rem;color:#a2b9c1}.phone-main h3{font-size:1.15rem;margin-top:5px;font-weight:600}.phone-requirements{display:grid;gap:8px;margin:23px 0;color:#c4d4d9;font-size:.7rem;text-align:left}.phone-requirements>span{display:flex;align-items:center;gap:8px}.phone-requirements svg{width:17px;height:17px;fill:none;stroke:var(--teal);stroke-width:1.5}.clock-action{padding:14px 10px;background:var(--teal);color:#113e38;border-radius:7px;font-weight:700;font-size:.875rem}.phone-tabs{display:flex;justify-content:space-around;border-top:1px solid #ffffff15;margin-top:23px;font-size:.75rem;padding:19px 0;color:#8ea8b4}.phone-tabs .selected{color:var(--teal)}.mobile-callout{position:absolute;top:21px;left:0;z-index:1;display:flex;gap:12px;align-items:center;background:#f5fcf9;border:1px solid #cbded5;padding:16px 22px;border-radius:9px;box-shadow:0 15px 30px #264b3910;max-width:360px}.mobile-callout strong{font-size:.875rem}.mobile-callout span{display:block;font-size:.75rem;color:#587269;line-height:1.5;margin-top:5px}.mobile-example-label{font-size:.65rem;letter-spacing:.16em;color:#67857b;margin-top:25px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.workflow-grid article{border-top:1px solid #b4c9c3;padding-top:25px}.step-number{font-family:Manrope,sans-serif;color:#3c8c7b;font-size:.875rem;font-weight:700;display:block;margin-bottom:24px}.workflow-grid h3{font-size:1.5rem;margin-bottom:15px}.workflow-grid p{font-size:1rem;color:var(--muted)}.demo-section{background:#142a35;color:#f1f7f8;padding:85px 0}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.demo-section .eyebrow{color:#acc8ce}.demo-section h2{font-size:clamp(2.5rem,4vw,3.6rem)}.demo-contact>p:first-child{color:#b6cbd2;font-size:1.1rem;max-width:450px;margin-bottom:28px}.mail-note{font-size:.875rem;color:#a1b9c3;margin-top:23px}.email-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:9px}.email-line a{font-size:1rem;text-decoration:underline;text-underline-offset:5px}.copy-email{background:transparent;border:1px solid #546e79;border-radius:5px;color:#cfe0e5;font-size:.875rem;padding:6px 12px}.copy-email:hover{background:#284551}.copy-status{min-height:24px;margin-top:8px;font-size:.875rem;color:var(--teal)}footer{background:var(--navy);color:#e7f1f3;padding:44px 0 24px}.footer-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-main p{font-size:.875rem;color:#9aafb9;margin-top:10px}.footer-main img{object-fit:contain}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;border-top:1px solid #fff1;padding-top:23px;font-size:.75rem;line-height:1.5;color:#8ea8b5}.icon-definitions{position:absolute;width:0;height:0;overflow:hidden}
@media(min-width:1450px){.hero-grid{padding-top:105px;padding-bottom:78px}.hero-product{padding-left:10px}}
@media(max-width:1100px){.container{width:calc(100% - 56px)}nav{gap:18px}.wordmark-cloud{display:none}.login-link{margin-left:0}.hero-grid{gap:32px}.hero-actions{gap:18px}.hero-actions .button{padding:16px 19px}.preview-heading{display:block}.review-badge{display:inline-block;margin-top:12px}.preview-stats strong{font-size:1.3rem}.preview-stats>div{padding:12px 9px}.capability-strip>span+span:before{margin-right:16px}.feature-card{padding:25px}.section-intro{gap:35px}.mobile-grid,.demo-grid{gap:45px}.mobile-callout{left:-12px;max-width:320px}}
@media(max-width:800px){.header-inner{min-height:80px}.menu-toggle{display:flex;gap:10px;align-items:center;background:transparent;color:#dce9ec;border:1px solid #47616c;border-radius:6px;padding:9px 12px;font-size:.875rem}nav{display:none;position:absolute;left:0;right:0;top:80px;background:#162d39;padding:22px 28px;box-shadow:0 20px 25px #0002;flex-direction:column;align-items:stretch;gap:0}nav.is-open{display:flex}nav>a:not(.button){padding:15px 0;border-bottom:1px solid #ffffff12;font-size:1rem}nav>.button{margin-top:18px}.hero-grid{grid-template-columns:1fr;padding-top:57px;gap:50px}.hero-copy{max-width:630px}h1{font-size:clamp(3.3rem,9vw,4.8rem)}.hero-description{max-width:520px}.hero-product{width:min(100%,560px);margin:0 auto;padding-top:0}.powered{margin-top:18px}.hero-grid{padding-bottom:40px}.capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-block:24px;font-size:.65rem}.capability-strip>span+span:before{display:none}.section-pad{padding:75px 0}.section-intro{display:block;margin-bottom:35px}.section-intro>p{max-width:540px;margin-top:22px}.feature-grid{grid-template-columns:1fr 1fr}.mobile-grid{grid-template-columns:1fr;padding-block:65px;gap:25px}.mobile-copy>p:not(.eyebrow){max-width:580px}.mobile-example{width:430px;max-width:100%;margin:auto}.mobile-callout{left:0}.workflow-grid{gap:25px}.workflow-grid h3{font-size:1.2rem}.demo-grid{grid-template-columns:1fr;gap:35px}.demo-contact>p:first-child{max-width:580px}.demo-section{padding:65px 0}.footer-main{flex-wrap:wrap}.footer-main>div{width:100%}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:480px){.container{width:calc(100% - 40px)}.wordmark{font-size:1.3rem}.brand-mark{height:29px;width:26px;font-size:1.2rem}.hero-grid{padding-top:44px}h1{font-size:3.15rem}.hero-description{font-size:1rem}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-note{font-size:.8rem;align-items:flex-start;line-height:1.5}.product-topline{font-size:.6rem}.preview-top{padding:15px}.preview-heading{padding:20px 15px 15px}.preview-stats{margin:0 15px 18px}.preview-stats strong{font-size:1.25rem}.preview-stats span{font-size:.7rem}.preview-stats small{font-size:.6rem}.preview-row{padding:15px;gap:9px}.preview-row div>span{font-size:.625rem;line-height:1.5}.row-tag{display:none}.clock-receipt{margin:0 0 0 15px;padding:14px 13px}.clock-receipt div>span{font-size:.65rem;line-height:1.5}.capability-strip{letter-spacing:.09em}.feature-grid{grid-template-columns:1fr}.feature-card{padding:28px}.feature-card .icon{margin-bottom:20px}.section-pad{padding:60px 0}.mobile-copy h2{font-size:2.65rem}.mobile-callout{padding:14px;max-width:310px}.mobile-example{min-height:590px;padding-top:60px}.phone-preview{width:270px}.workflow-grid{grid-template-columns:1fr;gap:32px}.step-number{margin-bottom:15px}.workflow-grid h3{font-size:1.4rem}.footer-main img{width:140px}.footer-main .text-link{font-size:.875rem}.eyebrow{font-size:.7rem}.demo-section h2{font-size:2.65rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Vision AI Software brand: reference palette and typography from the company website. */
:root{--navy:#020617;--ink:#f8fafc;--teal:#22d3ee;--paper:#020617;--line:#ffffff1a;--muted:#cbd5e1;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif}
body{background:radial-gradient(ellipse at 75% 8%,#1725543d,transparent 36%),#020617}
h1,h2,h3,.wordmark,.preview-brand,.preview-stats strong,.phone-time,.step-number{font-family:Inter,ui-sans-serif,system-ui,sans-serif}
h1{font-size:clamp(3rem,4.5vw,3.75rem);line-height:1.14;letter-spacing:-.045em;font-weight:600}
h2{font-size:clamp(2rem,3.2vw,2.75rem);font-weight:600;letter-spacing:-.035em}
h3{font-weight:600}.button{border-radius:16px;background:#22d3ee;color:#020617;font-weight:600}.button:hover{background:#67e8f9}.eyebrow{color:#67e8f9;font-size:.875rem;letter-spacing:.1em;font-weight:600}
.site-header{background:#020617eF;border-bottom-color:#ffffff12}.wordmark{font-weight:600;letter-spacing:-.04em}.wordmark-cloud{font-size:.75rem;color:#94a3b8;border-color:#334155}.brand-mark{background:#22d3ee;color:#020617}.brand-mark>span{background:#020617}nav>a:not(.button){color:#cbd5e1;font-size:.875rem}.hero{background:transparent}.hero-grid{padding-top:30px;padding-bottom:62px;align-items:center;gap:55px}.hero-vision-logo{display:block;width:min(100%,460px);height:auto;object-fit:contain;margin:0 0 12px -12px;filter:drop-shadow(0 0 24px #06b6d430)}.hero .eyebrow{color:#67e8f9;font-size:.75rem;line-height:1.7;margin-bottom:18px;letter-spacing:.08em}.hero-tagline{font-size:1.4rem;font-weight:600;line-height:1.5;color:#67e8f9;margin-top:23px;max-width:480px}.hero-description{font-size:1.125rem;color:#cbd5e1;margin-top:18px;line-height:1.7}.hero-actions{margin-top:28px}.hero-note{color:#94a3b8;margin-top:22px}.hero-product{padding:120px 0 0}.product-topline{font-size:.75rem;color:#94a3b8}.timecard-preview{transform:none;border-radius:28px;background:#0f172a;border:1px solid #ffffff1c;box-shadow:0 0 0 16px #ffffff03,0 25px 90px #02061760;color:#f8fafc}.preview-top{border-color:#ffffff14;padding-block:21px}.preview-brand{font-size:1rem}.sample-label{font-size:.75rem;color:#94a3b8}.mini-mark{background:#22d3ee;color:#020617}.preview-heading{gap:8px}.preview-heading h2{font-size:1.2rem;font-weight:600}.small-label{font-size:.75rem;color:#94a3b8}.review-badge{font-size:.75rem;background:#10b98120;color:#6ee7b7;border:1px solid #10b98120;border-radius:20px}.preview-stats{background:#1e293b99;border:1px solid #ffffff12;border-radius:16px}.preview-stats>div+div{border-color:#ffffff12}.preview-stats span{font-size:.875rem;color:#94a3b8}.preview-stats small{font-size:.75rem;color:#94a3b8}.preview-stats strong{color:white;font-size:1.65rem}.track-work{background:#06b6d4}.track-work.last{background:#38bdf8}.track-break{background:#334155}.track-labels{color:#94a3b8;font-size:.75rem}.preview-row{border-color:#ffffff12}.preview-row strong{font-size:.875rem;font-weight:600}.preview-row div>span{font-size:.75rem;color:#94a3b8;line-height:1.5}.row-icon{background:#06b6d420;color:#67e8f9}.row-icon.muted{background:#8b5cf622;color:#c4b5fd}.row-tag{border-color:#475569;color:#cbd5e1;font-size:.75rem}.clock-receipt{background:linear-gradient(120deg,#102d45,#1b2040);border:1px solid #22d3ee40;border-radius:18px;transform:none;margin:18px -6px 0 30px}.receipt-check{background:#22d3ee;color:#020617}.clock-receipt strong{font-size:.95rem}.clock-receipt div>span{font-size:.8rem;color:#cbd5e1;line-height:1.5}.example-caption{font-size:.75rem;color:#94a3b8}.capability-strip{font-size:.75rem;color:#94a3b8;letter-spacing:.11em}.capability-strip>span+span:before{color:#22d3ee}.section-intro .eyebrow{color:#67e8f9}.section-intro>p{color:#cbd5e1;font-size:1.125rem}.feature-grid{border:0;gap:20px}.feature-card{border:1px solid #ffffff1a;border-radius:24px;background:#ffffff05;padding:30px}.feature-card:nth-child(2),.feature-card:nth-child(5){background:#17255435}.feature-number{color:#64748b;font-size:.875rem}.icon{color:#67e8f9}.feature-card p{color:#cbd5e1;font-size:1rem}.feature-card h3{color:#f8fafc}.mobile-section{background:linear-gradient(130deg,#0c1529,#10122a);border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d}.mobile-copy .eyebrow{color:#67e8f9}.mobile-copy h2 em{color:#67e8f9}.mobile-copy>p:not(.eyebrow){color:#cbd5e1;font-size:1.125rem}.check-list{font-size:1rem;color:#e2e8f0}.check-list li:before{color:#22d3ee}.dark-link{color:#67e8f9}.mobile-callout{background:#131e32;border-color:#ffffff1a;color:white;border-radius:20px}.mobile-callout strong{font-size:1rem}.mobile-callout span{font-size:.875rem;color:#94a3b8}.phone-preview{border-color:#34415c;background:#020617;border-radius:32px;transform:none;box-shadow:0 0 80px #0891b21a,25px 32px 45px #02061750}.phone-top{font-size:.875rem;color:#e2e8f0}.phone-main>.small-label{font-size:.875rem;color:#67e8f9}.phone-date,.phone-company{font-size:.875rem;color:#94a3b8}.phone-requirements{font-size:.875rem;color:#cbd5e1}.phone-tabs{font-size:.875rem;color:#94a3b8}.clock-action{color:#020617;border-radius:14px;font-size:1rem}.mobile-example-label{color:#94a3b8;font-size:.75rem;letter-spacing:.1em}.workflow-grid article{border-color:#334155}.step-number{color:#67e8f9}.workflow-grid p{color:#cbd5e1}.demo-section{background:linear-gradient(120deg,#0f243b,#17142e);border-top:1px solid #ffffff12;border-bottom:1px solid #ffffff12}.demo-section .eyebrow{color:#67e8f9}.demo-section h2{font-weight:600}.demo-contact>p:first-child{color:#cbd5e1}.mail-note{color:#94a3b8}.copy-email{border-color:#475569;color:#e2e8f0;border-radius:9px}.copy-status{color:#67e8f9}.footer-main p,.footer-bottom{color:#94a3b8}.footer-links{display:flex;flex-direction:column;gap:15px}.footer-main>.footer-links{width:auto}.footer-main img{width:210px;height:auto}.footer-bottom{font-size:.875rem}.skip-link{background:#0f172a;color:white;border:1px solid #22d3ee}
@media(min-width:1450px){.hero-grid{padding-top:40px;padding-bottom:78px}}
@media(max-width:1100px){.hero-grid{gap:35px}.hero .eyebrow{font-size:.75rem}.preview-stats strong{font-size:1.35rem}.clock-receipt{margin-left:10px;margin-right:0}.preview-row{padding-inline:16px}.sample-label{font-size:.7rem}}
@media(max-width:800px){nav{background:#0f172a}.hero-grid{padding-top:18px;gap:45px}.hero-vision-logo{max-width:400px}.hero-product{padding-top:0}.hero-tagline{max-width:550px}.hero-description{max-width:550px}.mobile-callout{max-width:360px}.menu-toggle{border-color:#475569;background:#0f172a}.footer-main img{width:180px}.preview-heading{display:flex}.review-badge{margin-top:0}}
@media(max-width:480px){h1{font-size:2.85rem}.hero-vision-logo{margin-left:-8px;width:100%;margin-bottom:15px}.hero-tagline{font-size:1.25rem}.hero-description{font-size:1rem}.hero .eyebrow{font-size:.75rem;letter-spacing:.055em}.preview-heading{display:block}.review-badge{margin-top:10px}.preview-stats strong{font-size:1.25rem}.preview-stats span{font-size:.8rem}.preview-stats small{font-size:.75rem}.product-topline{font-size:.75rem}.preview-row div>span{font-size:.75rem}.clock-receipt div>span{font-size:.75rem}.clock-receipt{margin-left:0}.capability-strip{font-size:.75rem;letter-spacing:.055em}.mobile-callout{max-width:310px}.mobile-callout strong{font-size:.875rem}.mobile-callout span{font-size:.75rem}.footer-main img{width:165px}.footer-bottom{font-size:.75rem}}
/* Original product screenshots, displayed without cropping. */
.real-product{margin:0;min-width:0}.real-product>a{display:block;border:1px solid #334155;border-radius:16px;overflow:hidden}.real-product img{display:block;width:100%;height:auto}.real-product figcaption{font-size:1rem;line-height:1.6;color:#cbd5e1;padding-top:20px}.real-product figcaption a{display:block;margin-top:12px}.real-mobile{margin:0;display:flex;flex-direction:column;align-items:center;gap:24px}.real-mobile img{display:block;width:min(100%,320px);height:auto;border:1px solid #334155;border-radius:20px}.real-mobile figcaption{font-size:1rem;line-height:1.6;text-align:center;color:#cbd5e1}.screenshots-section{background:#020617;scroll-margin-top:100px}.screenshots-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.screenshot-card{margin:0;min-width:0;border:1px solid #334155;border-radius:20px;overflow:hidden;background:#0f172a}.screenshot-card>a{display:flex;align-items:center;justify-content:center;min-height:200px;background:#070d1c;cursor:zoom-in}.screenshot-card img{display:block;width:100%;height:auto}.screenshot-card figcaption{padding:24px}.screenshot-card h3{font-size:1.25rem;margin:0 0 10px;color:#fff}.screenshot-card p{font-size:1rem;line-height:1.65;margin:0;color:#cbd5e1}.screenshot-portrait>a{height:440px;padding:24px}.screenshot-portrait img{height:100%;width:100%;object-fit:contain}.screenshot-card a:focus-visible,.real-product a:focus-visible,.real-mobile a:focus-visible{outline:3px solid #67e8f9;outline-offset:-3px}@media(max-width:760px){.screenshots-grid{grid-template-columns:1fr;gap:24px}.screenshot-card>a{min-height:0}.screenshot-portrait>a{height:380px}.screenshot-card figcaption{padding:20px}.real-product{margin-top:24px}.real-mobile{padding:24px 0}}
/* Product storytelling follows the existing company website. */
.product-story{background:#020617;border-top:1px solid #1e293b}.story-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}.story-grid h2{font-size:clamp(2rem,3.2vw,2.8rem);line-height:1.15;color:#fff}.story-grid p:not(.eyebrow),.operations-grid p:not(.eyebrow){font-size:1.125rem;line-height:1.75;color:#cbd5e1}.story-grid em{font-style:normal;color:#67e8f9}.story-image{display:block;min-width:0;border:1px solid #334155;border-radius:16px;overflow:hidden;cursor:zoom-in}.story-image img{display:block;width:100%;height:auto}.rule-list{list-style:none;padding:0;margin:32px 0 48px;display:flex;flex-wrap:wrap;gap:12px}.rule-list li{padding:12px 22px;border:1px solid #334155;border-radius:12px;background:#0f172a;font-size:1rem;color:#e2e8f0}.operations-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.operations-grid article{background:#0f172a;border:1px solid #334155;border-radius:24px;padding:32px}.operations-grid h3{font-size:1.5rem;line-height:1.35;color:#fff}.operations-grid p:last-child{margin-bottom:0}@media(max-width:850px){.story-grid,.operations-grid{grid-template-columns:1fr}.story-grid{gap:32px}.operations-grid article{padding:24px}}
.mobile-story-image{width:min(100%,320px);justify-self:center}