@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--forest:#122f27;--deep:#0b241d;--lime:#dafa79;--cream:#f5f6ed;--ink:#163329;--muted:#63736a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a0b641;outline-offset:5px}button{border:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Manrope,Arial,sans-serif}header{height:92px;background:var(--forest);display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;color:var(--cream);border-bottom:1px solid #ffffff1a}.brand{display:flex;align-items:center;gap:9px;font-size:34px;letter-spacing:-1.7px;font-weight:800;line-height:1}.brand-mark{display:inline-flex;width:31px;height:34px;background:var(--lime);color:var(--forest);border-radius:6px 6px 12px 6px;align-items:center;justify-content:center;font:800 35px Manrope;padding-bottom:5px}.brand-period{font-size:12px;align-self:flex-start;padding-top:4px;letter-spacing:0}header nav{display:flex;gap:36px;font-size:14px}header nav a{opacity:.8}header nav a:hover{opacity:1;color:var(--lime)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:17px 24px;border-radius:5px;font-size:15px;font-weight:650;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.small{padding:13px 18px;font-size:14px}.button-icon{display:none}.light{background:var(--cream);color:var(--ink)}.lime{background:var(--lime);color:var(--forest)}.dark{background:var(--forest);color:var(--cream)}.outline{background:transparent;border:1px solid #bcc5b9}.menu-toggle{display:none}.hero{background:var(--forest);color:var(--cream);overflow:hidden;padding:56px 5.5% 0}.hero-grid{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1.18fr;align-items:center;min-height:570px;gap:44px}.eyebrow{display:flex;align-items:center;gap:9px;color:#d6dec7;font-size:11px;font-weight:650;letter-spacing:1.5px;margin-bottom:28px}.eyebrow span{width:7px;height:7px;background:var(--lime);border-radius:50%}h1{font-size:clamp(66px,6.9vw,108px);line-height:1.02;letter-spacing:-6px;font-weight:650}h1 em{color:var(--lime);font-style:normal} .hero-copy>p{color:#c1cec5;max-width:445px;font-size:17px;line-height:1.75;margin-top:28px}.hero-actions{display:flex;gap:24px;align-items:center;margin-top:33px}.text-link{font-size:13px;max-width:130px;line-height:1.6;border-bottom:1px solid #c4cbb663}.play{font-size:11px}.hero-foot{display:flex;align-items:center;gap:9px;color:#a8beb1;font-size:12px;margin-top:54px}.mini-mark{color:var(--lime);font-size:26px}.showcase{position:relative;perspective:1300px;padding:45px 0 80px}.orbit{position:absolute;border:1px solid #9cb6a818;width:670px;height:670px;border-radius:50%;left:2%;top:-50px}.orbit-two{width:520px;height:520px;left:14%;top:20px}.dashboard{background:#f5f6ef;border:5px solid #7797823b;border-radius:12px;box-shadow:0 40px 80px #00170a80;transform:rotateY(-7deg) rotateX(4deg) rotateZ(-3deg);color:var(--forest);width:100%;min-width:525px;position:relative;animation:float 9s ease-in-out infinite}.dash-top{height:49px;background:#fff;border-bottom:1px solid #e1e6df;display:flex;align-items:center;padding:0 15px;gap:15px;font-size:10px;border-radius:6px 6px 0 0}.dash-brand{font-weight:800;font-size:21px;letter-spacing:-1px;margin-right:auto}.avatar{border-radius:50%;padding:7px;background:#edf0e7;font-size:10px}.dash-body{display:flex}.dash-nav{width:105px;background:#fff;padding:14px 7px;flex-shrink:0;border-radius:0 0 0 7px}.dash-nav>div{font-size:12px;padding:10px 5px;margin-bottom:3px;white-space:nowrap;display:flex;gap:7px;color:#7c897f}.dash-nav span{font-size:9px}.dash-nav .selected{background:#e9efd8;color:#294329;border-radius:4px}.dash-content{padding:21px 18px;width:100%}.dash-heading{display:flex;align-items:center;justify-content:space-between}.muted{font-size:9px;letter-spacing:1px;color:#849085}.dash-heading h3{font-size:20px;margin-top:6px;letter-spacing:-.6px}.sample{font-size:8px;color:#778679;max-width:44px;line-height:1.4}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.metrics>div{padding:13px;background:white;border-radius:5px;border:1px solid #e4e9dc}.metrics span{font-size:10px;color:#728170}.metrics strong{display:block;font-size:22px;letter-spacing:-1px;margin-top:7px}.metrics strong span{font-size:18px}.metrics small{font-size:8px;color:#7c8877}.meter{height:4px;background:#eff2e8;margin-top:12px;border-radius:3px}.meter i{display:block;width:76%;height:100%;background:#aec37f;animation:meter 7s ease-in-out infinite}.meter.second i{width:84%;background:#d6cf87}.chart-card{background:#fff;border:1px solid #e4e9dc;border-radius:5px;margin-top:12px;padding:15px}.chart-heading{display:flex;justify-content:space-between;font-size:10px}.chart-heading span{font-size:8px;color:#829178}.chart-heading b{color:#829c4e}.chart{height:100px;position:relative;margin-top:14px;overflow:hidden}.chart svg{width:100%;height:100%;position:relative}.chart-lines{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0px,transparent 24px,#f0f2eb 25px)}.chart-stroke{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 7s ease infinite}.months{display:flex;justify-content:space-between;font-size:7px;color:#9aab91;margin-top:7px}.schedule{margin-top:16px;font-size:10px}.schedule>strong{font-size:11px}.schedule>div{display:flex;align-items:center;gap:8px;padding:12px 0 8px;border-bottom:1px solid #e2e7dd}.crew-dot{width:4px;height:24px;border-radius:3px;background:#8da79d}.crew-dot.yellow{background:#d9b87f}.schedule small{display:block;font-size:8px;color:#8a9685;margin-top:3px}.schedule b{font-size:7px;font-weight:500;margin-left:auto;background:#e5eadd;padding:4px;border-radius:3px}.schedule .complete{background:#e5edcc;color:#65753a}.notification{position:absolute;top:33px;right:-18px;display:flex;align-items:center;gap:12px;background:#fff;padding:17px 20px;color:var(--forest);border-radius:7px;box-shadow:0 12px 45px #001b1933;animation:notice 8s ease-in-out infinite}.notification-icon{background:#dfedbf;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.notification strong{display:block;font-size:13px}.notification div>span{font-size:10px;color:#83917e;display:block;margin-top:4px}.notice-time{font-size:8px;color:#98a48e;margin-left:7px}.job-chip{position:absolute;bottom:62px;left:-27px;background:var(--lime);color:var(--forest);padding:17px 22px;display:flex;align-items:center;gap:15px;border-radius:5px;box-shadow:0 12px 30px #0002;transform:rotate(-3deg)}.job-chip>span{font-size:26px}.job-chip small{display:block;font-size:8px;letter-spacing:1px}.job-chip strong{display:block;font-size:13px;margin-top:5px}.animation-controls{position:absolute;bottom:17px;width:100%;display:flex;align-items:center;justify-content:space-between;color:#839c8d;font-size:8px;letter-spacing:.5px}.animation-controls button{color:#c0d0c4;background:transparent;font-size:11px;padding:8px}.hero-bottom{max-width:1440px;margin:35px auto 0;border-top:1px solid #ffffff26;padding:22px 0;display:flex;justify-content:space-between;color:#a8bcad;font-size:9px;letter-spacing:1.8px}.hero-bottom>span:last-child{display:flex;gap:24px}.trade-strip{display:flex;align-items:center;justify-content:space-between;padding:29px 5.5%;border-bottom:1px solid #d9e0d0;gap:22px;background:#e9eddc}.trade-strip>span{font-size:9px;line-height:1.6;letter-spacing:1px;color:#7d896d;min-width:105px}.trade-strip div{font-size:16px;font-weight:650;white-space:nowrap}.trade-strip i{font-style:normal;color:#8fa275;font-size:24px}.section{padding:100px 7%;max-width:1600px;margin:auto}.section-label{font-size:10px;letter-spacing:1.8px;font-weight:650;color:#75816b;margin-bottom:29px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:52px}h2{font-size:clamp(38px,4vw,59px);letter-spacing:-2.8px;line-height:1.12;font-weight:650}h2 span{color:#7c8e6c}.section-heading>p{width:350px;line-height:1.8;font-size:16px;color:#71806a}.features{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d9dfcf;border-radius:7px;overflow:hidden}.features article{padding:32px;border-right:1px solid #d9dfcf}.features article:last-child{border:0}.feature-number{display:flex;justify-content:space-between;color:#8c9880;font-size:12px;align-items:center;margin-bottom:35px}.feature-number>span{font-size:31px;color:#536a3d}.features h3{font-size:23px;letter-spacing:-.9px;margin-bottom:14px}.features p{font-size:15px;color:#74816c;line-height:1.8;min-height:108px}.features a{font-size:13px;display:flex;justify-content:space-between;margin-top:29px;font-weight:600}.features a span{font-size:20px;color:#8e9d79}.workflow{border-top:1px solid #d9dfcf}.workflow-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center}.step{width:100%;text-align:left;display:flex;gap:20px;background:transparent;padding:24px 0;border-bottom:1px solid #d9dfcf;color:#87947a;align-items:flex-start}.step>span{font-size:12px;padding-top:4px}.step strong{font-size:17px;font-weight:550}.step p{display:none;font-size:14px;margin-top:10px;line-height:1.6;color:#708062}.step b{font-weight:400;margin-left:auto;font-size:20px}.step.active{color:var(--forest)}.step.active p{display:block}.step.active>span{color:#647b29}.workflow-panel{min-height:354px;background:#e5ebd9;border-radius:9px;padding:38px;display:flex;align-items:center;justify-content:center}.paper{background:#fff;border:1px solid #d9e0d2;border-radius:7px;padding:26px;width:100%;box-shadow:0 16px 30px #24351e0b;animation:appear .35s ease}.paper-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px}.paper-logo{font-weight:800;font-size:22px;letter-spacing:-1px}.pill{font-size:9px;background:#e6efce;color:#607637;padding:6px 8px;border-radius:3px;letter-spacing:.3px;font-weight:600}.paper-label{font-size:10px;letter-spacing:1px;color:#829075}.paper h3{font-size:25px;margin:8px 0 4px;letter-spacing:-1px}.paper>p{color:#839277;font-size:12px;line-height:1.7}.paper-row{display:flex;justify-content:space-between;font-size:12px;padding:15px 0;border-bottom:1px solid #e9ece2;gap:16px}.paper-total{display:flex;justify-content:space-between;margin:22px 0;font-size:14px}.paper-total strong{font-size:24px;letter-spacing:-1px}.paper-success{background:#edf3de;padding:12px;text-align:center;color:#67823a;font-size:12px;border-radius:4px}.field{background:var(--forest);color:var(--cream);max-width:none;padding-top:85px;padding-bottom:85px;display:grid;grid-template-columns:1.1fr 1fr;gap:60px;overflow:hidden}.field .section-label{color:#a2b398}.field h2{font-size:clamp(34px,3.6vw,54px);line-height:1.17}.field em{font-style:normal;color:var(--lime)}.field-copy>p{line-height:1.8;color:#b1c2b4;max-width:450px;margin:26px 0}.field ul{padding:0;margin:30px 0 36px;list-style:none}.field li{font-size:14px;color:#c4d0bc;margin:16px 0}.field li:before{content:'✓';color:var(--lime);margin-right:13px}.phone-stage{position:relative;display:flex;align-items:center;justify-content:center}.phone{width:257px;border:7px solid #294138;border-radius:32px;background:#f4f6ed;color:var(--forest);overflow:hidden;transform:rotate(7deg);box-shadow:25px 35px 65px #031b1480;position:relative}.phone-top{display:flex;justify-content:space-between;padding:13px 19px;font-size:10px}.phone-top strong{font-size:10px}.phone-brand{padding:5px 20px 14px;font-weight:800;font-size:24px;letter-spacing:-1px;border-bottom:1px solid #dfe5d9;display:flex;align-items:center;justify-content:space-between}.phone-brand>span{font-size:8px;letter-spacing:1px;font-weight:500}.phone-main{padding:21px 15px}.phone-main h3{font-size:25px;line-height:1.2;letter-spacing:-1px;margin:9px 0 16px}.crew-select{border:1px solid #dce3d2;border-radius:5px;padding:10px;font-size:11px;display:flex;justify-content:space-between}.phone-job{background:white;border:1px solid #e4e8db;border-radius:7px;padding:12px;margin-top:13px}.phone-job>div:first-child{display:flex;justify-content:space-between;align-items:center}.phone-job small{font-size:8px;color:#7e8c74}.phone-job .pill{font-size:7px}.phone-job h4{font-size:14px;margin:14px 0 4px}.phone-job p{font-size:10px;color:#7f8d74}.phone-divider{height:1px;background:#e9eddf;margin:12px 0}.phone-detail{font-size:9px;display:block;margin:10px 0;color:#7a896f}.phone-button{background:var(--forest);color:white;text-align:center;padding:9px;border-radius:4px;font-size:10px;margin-top:12px}.neutral{background:#f1f2eb;color:#859079}.phone-nav{display:flex;justify-content:space-around;padding:12px 0;background:white;color:#7f906f}.phone-nav span{display:flex;flex-direction:column;align-items:center;font-size:16px;gap:4px}.phone-nav small{font-size:8px}.phone-caption{position:absolute;bottom:-32px;font-size:10px;color:#8ca18f}.field-tag{position:absolute;left:-5%;top:22%;font-size:9px;letter-spacing:1.3px;transform:rotate(-90deg);color:#a2b89b}.tour-section{text-align:center;padding:100px 20px;background:var(--lime);max-width:none}.tour-section h2{font-size:clamp(39px,4.8vw,69px)}.tour-section>p{font-size:16px;margin:25px auto 30px;max-width:490px;line-height:1.7;color:#4c653a}.tour-section .section-label{color:#577037}.tour-notes{display:flex;justify-content:center;gap:22px;font-size:11px;color:#617745;margin-top:22px}.tour-notes span+span{border-left:1px solid #8d9f58;padding-left:22px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq h2{font-size:45px}.questions details{border-bottom:1px solid #d8dfce;padding:22px 0}.questions summary{list-style:none;display:flex;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;font-weight:550}.questions summary::-webkit-details-marker{display:none}.questions details[open] summary span{transform:rotate(45deg)}.questions p{font-size:14px;color:#708166;line-height:1.85;padding:18px 24px 0 0}footer{background:var(--forest);color:var(--cream);padding:50px 5.5%;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;align-items:start}footer p{font-size:18px;line-height:1.6;color:#afc0ab}footer>div{display:flex;gap:20px;justify-content:flex-end;font-size:12px}footer .copyright{grid-column:1/-1;font-size:10px;color:#7f9888;border-top:1px solid #ffffff1a;padding-top:25px}.skip{position:absolute;top:-80px;left:20px;padding:14px;background:var(--lime);z-index:100}.skip:focus{top:10px}dialog{width:min(650px,calc(100% - 30px));border:0;padding:42px;border-radius:12px;background:var(--cream);color:var(--forest);max-height:90dvh;overflow:auto}dialog::backdrop{background:#061c17bf;backdrop-filter:blur(7px)}dialog h2{font-size:33px;letter-spacing:-1.5px;margin-bottom:25px}dialog .section-label{font-size:9px;margin-bottom:15px}#close-tour{position:absolute;right:12px;top:8px;background:transparent;font-size:30px;color:var(--forest);padding:5px 12px}#tour-content .paper{min-height:300px}#tour-content>.tour-explain{margin-bottom:20px;color:#6b7c60;font-size:15px;line-height:1.6}.tour-controls{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.tour-controls .button{padding:12px 18px}.tour-controls>span{font-size:12px;color:#7d8c73}.tour-controls button:disabled{opacity:.4;cursor:default;transform:none}.demo-disclaimer{font-size:11px;color:#7e8e73;line-height:1.5;margin-top:20px}.paused *{animation-play-state:paused!important}@keyframes float{0%,100%{transform:rotateY(-7deg) rotateX(4deg) rotateZ(-3deg) translateY(0)}50%{transform:rotateY(-4deg) rotateX(2deg) rotateZ(-2deg) translateY(-9px)}}@keyframes notice{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes meter{0%,100%{transform:scaleX(.65);transform-origin:left}40%,75%{transform:scaleX(1);transform-origin:left}}@keyframes draw{0%{stroke-dashoffset:600}50%,100%{stroke-dashoffset:0}}@keyframes appear{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.hero{padding-top:70px}.hero-grid{gap:80px}.hero-copy{padding-bottom:50px}.dashboard{max-width:700px}.showcase{padding-bottom:100px}.chart{height:135px}.dash-content{padding:25px}.dash-heading h3{font-size:23px}.job-chip{bottom:77px}.hero-bottom{margin-top:50px}}
@media(max-width:1100px){header{padding:0 4%}header nav{gap:20px}.hero{padding-left:4%;padding-right:4%}.hero-grid{gap:25px;grid-template-columns:1fr 1fr}h1{font-size:76px;letter-spacing:-4px}.hero-copy>p{font-size:15px}.hero-actions{gap:17px}.hero-actions .text-link{display:none}.dashboard{min-width:460px}.dash-nav{width:83px}.dash-nav span{font-size:8px}.notification{right:-8px}.section{padding:80px 5%}.trade-strip{gap:15px;overflow:hidden}.trade-strip div{font-size:13px}.trade-strip i{font-size:18px}.trade-strip>span{font-size:8px;min-width:85px}.features article{padding:25px}.features h3{font-size:21px}.features p{min-height:132px}.workflow-layout{gap:35px}.workflow-panel{padding:25px}.field-tag{display:none}.field{gap:25px}.faq{gap:50px}footer>div{flex-direction:column;gap:14px}}
@media(max-width:760px){header{height:77px;padding:0 6%;position:relative;z-index:5}.brand{font-size:30px}.brand-mark{width:27px;height:29px;font-size:30px}header>.button{display:none}.menu-toggle{display:block;font-size:25px;background:none;color:var(--cream);padding:8px}header nav{display:none;position:absolute;left:0;right:0;top:76px;background:var(--forest);padding:25px;flex-direction:column;border-bottom:1px solid #ffffff26}header nav.open{display:flex}.hero{padding:40px 6% 0}.hero-grid{display:flex;flex-direction:column;gap:0;min-height:0;align-items:stretch}.eyebrow{font-size:8px;letter-spacing:1.2px;margin-bottom:24px}h1{font-size:clamp(60px,14vw,90px);letter-spacing:-4px;line-height:1.05}.hero-copy>p{font-size:15px;line-height:1.8;margin-top:23px}.hero-copy>p br{display:none}.hero-actions{margin-top:25px}.hero-foot{margin-top:24px;font-size:11px}.hero .button{padding:15px 22px}.showcase{margin:10px 0 0;padding:35px 0 71px;align-self:center;width:min(100%,520px)}.dashboard{min-width:0;transform:rotate(-2deg);animation-name:notice;border-width:3px}.dash-nav{width:66px;padding:10px 4px}.dash-nav>div{padding:9px 2px;gap:4px;font-size:10px}.dash-nav span{font-size:6px}.dash-top{height:37px;font-size:7px;padding:0 9px;gap:8px}.dash-brand{font-size:17px}.avatar{font-size:7px;padding:5px}.dash-content{padding:13px 10px}.dash-heading h3{font-size:15px}.muted{font-size:7px}.sample{font-size:6px;max-width:30px}.metrics{gap:6px;margin-top:12px}.metrics>div{padding:9px}.metrics span{font-size:7px}.metrics strong{font-size:18px}.metrics small{font-size:6px}.meter{margin-top:8px}.chart-card{padding:10px;margin-top:8px}.chart-heading{font-size:8px}.chart-heading span{font-size:6px}.chart{height:77px;margin-top:10px}.schedule{font-size:8px;margin-top:10px}.schedule>strong{font-size:9px}.schedule small{font-size:6px}.schedule b{font-size:6px}.schedule>div{padding:9px 0 7px}.months{font-size:6px}.notification{top:11px;right:-5px;padding:10px 12px;gap:7px}.notification strong{font-size:10px}.notification div>span{font-size:8px}.notification-icon{width:25px;height:25px;font-size:12px}.notice-time{font-size:6px}.job-chip{bottom:57px;left:-5px;padding:10px 14px;gap:9px}.job-chip small{font-size:6px}.job-chip strong{font-size:10px}.job-chip>span{font-size:20px}.animation-controls{font-size:6px;bottom:12px}.animation-controls button{font-size:10px}.orbit{width:410px;height:410px;top:0;left:-20px}.orbit-two{width:320px;height:320px;left:20px;top:50px}.hero-bottom{margin-top:0;padding:17px 0;font-size:7px;letter-spacing:1px}.hero-bottom>span:last-child{display:none}.trade-strip{overflow:auto;justify-content:flex-start;gap:24px;padding:24px 6%;scrollbar-width:none}.trade-strip div{font-size:15px}.trade-strip>span{font-size:8px}.section{padding:65px 6%}.section-label{font-size:9px;letter-spacing:1.2px;margin-bottom:22px}.section-heading{display:block;margin-bottom:32px}h2{font-size:40px;letter-spacing:-2px}.section-heading>p{width:auto;max-width:450px;margin-top:23px;font-size:15px;line-height:1.8}.features{grid-template-columns:1fr}.features article{padding:26px;border-right:0;border-bottom:1px solid #d9dfcf}.feature-number{margin-bottom:20px}.features p{min-height:0;font-size:15px}.features h3{font-size:25px}.features a{margin-top:22px}.workflow-layout{display:flex;flex-direction:column;gap:28px;align-items:stretch}.step{padding:19px 0;gap:15px}.step strong{font-size:15px}.step p{font-size:13px}.workflow-panel{padding:20px;min-height:330px}.paper{padding:23px}.field{grid-template-columns:1fr;gap:45px;padding-bottom:85px}.field h2{font-size:38px}.field-copy>p{font-size:15px}.field li{font-size:13px}.phone-stage{padding:10px 0 20px}.phone{transform:rotate(5deg);width:265px}.phone-caption{bottom:-22px}.tour-section{padding:65px 6%}.tour-section h2{font-size:39px}.tour-section>p{font-size:15px}.faq{grid-template-columns:1fr;gap:25px}.faq h2{font-size:38px}.questions summary{font-size:15px}.questions p{font-size:14px}footer{grid-template-columns:1fr 1fr;padding:40px 6%;gap:30px}footer p{font-size:15px}footer>div{flex-direction:row;grid-column:1/-1;justify-content:flex-start;gap:24px;font-size:11px}dialog{padding:35px 22px 25px}dialog h2{font-size:28px}#tour-content .paper{padding:20px}.tour-controls .button{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.chart-stroke{stroke-dashoffset:0}}
/* Product visuals use the application's own styles in an isolated preview. */
.actual-logo{display:block;width:174px;height:60px;object-fit:contain;background:#f8f4ec;border-radius:4px;padding:0 7px}.hero-grid{grid-template-columns:.8fr 1.3fr;gap:35px}.actual-showcase{padding:35px 0 58px;min-width:0;perspective:1500px}.product-window{border:1px solid #ffffff50;border-radius:10px;overflow:hidden;box-shadow:0 25px 60px #00190f70;background:#f3eee5;animation:productFloat 10s ease-in-out infinite}.product-window-bar{display:flex;justify-content:space-between;padding:13px 18px;background:#f8f4ec;color:#6e7467;font-size:9px;letter-spacing:1px;border-bottom:1px solid #d9cebd}.product-window-bar b{color:#195440}.product-frame{position:relative;overflow:hidden;width:100%;background:#f3eee5;min-height:0;aspect-ratio:1440/1000}.product-frame[data-size=crew]{aspect-ratio:430/960}.product-frame iframe{position:absolute;top:0;left:0;transform-origin:top left;border:0;width:1440px;height:1000px;pointer-events:none;display:block;background:#f3eee5}.banner-switcher{display:flex;gap:5px;justify-content:center;margin-top:23px;flex-wrap:wrap}.banner-switcher button{background:transparent;color:#b9cabf;font-size:12px;padding:8px 14px;border-radius:5px}.banner-switcher button.selected{color:#fffaf2;background:#ffffff19;box-shadow:inset 0 -2px #bf7a51}.animation-controls{bottom:2px;font-size:10px}.animation-controls button{font-size:11px}.animation-controls .enlarge-preview{border-bottom:1px solid #a4b89f66}.workflow-layout{grid-template-columns:.65fr 1.35fr;gap:32px}.workflow-panel{padding:12px;background:#e6e1d5;display:block;min-height:0}.workflow-panel .product-frame{border:1px solid #d9cebd;border-radius:5px}.detail-preview{font-size:12px;color:#195440;display:block;text-align:center;width:100%;padding:14px 5px 3px;background:transparent;text-decoration:underline;text-underline-offset:3px}.workflow-panel.crew-preview .product-frame{max-width:230px;margin:auto}.actual-phone{width:290px;padding:7px;border-radius:30px;background:#263e32;box-shadow:20px 30px 50px #00181070;transform:rotate(5deg)}.actual-phone .product-frame{border-radius:23px}.phone-stage{padding:15px 0}.phone-caption{font-size:11px}.hero-foot{margin-top:35px}dialog{width:min(1180px,calc(100% - 32px));max-height:94dvh;padding:32px}dialog h2{font-size:30px}.demo-disclaimer{margin-top:14px}.tour-controls{margin-top:18px}#tour-content>.tour-explain{font-size:14px;margin-bottom:16px}#tour-content .product-frame{max-width:min(100%, calc((94dvh - 300px)*1.44));margin:auto;border:1px solid #d9cebd;border-radius:6px}#tour-content.crew-preview .product-frame{max-width:min(290px, calc((94dvh - 290px)*.4479))}.tour-controls>span{font-size:13px}.hero-copy p{max-width:410px}@keyframes productFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(0deg)}}
@media(max-width:1100px){.hero-grid{grid-template-columns:.75fr 1.1fr}.hero h1{font-size:68px}.product-window-bar{font-size:8px;padding:11px}.banner-switcher button{font-size:11px;padding:8px 9px}.workflow-layout{gap:25px}.step{gap:12px}.step strong{font-size:15px}}
@media(max-width:760px){.hero-grid{display:flex;gap:15px}.hero h1{font-size:clamp(60px,14vw,90px)}.actual-showcase{width:100%;max-width:560px;padding-top:24px;padding-bottom:45px}.actual-logo{width:151px;height:51px}.product-window-bar{font-size:7px;padding:10px}.banner-switcher{margin-top:16px}.banner-switcher button{font-size:12px;padding:8px 10px}.animation-controls{bottom:0}.workflow-layout{display:flex;flex-direction:column}.workflow-panel{padding:9px}.workflow-panel.crew-preview .product-frame{max-width:200px}.actual-phone{width:275px}.phone-caption{font-size:10px}.tour-controls>span{font-size:11px}.tour-controls .button{padding:10px 13px}dialog{padding:32px 17px 20px}dialog h2{font-size:25px}#tour-content .product-frame{max-width:100%}#tour-content.crew-preview .product-frame{max-width:min(260px,calc((94dvh - 330px)*.4479))}}
@media(prefers-reduced-motion:reduce){.product-window{animation:none}}

.full-preview-link{display:block;text-align:center;color:#195440;font-size:13px;margin-top:14px;text-decoration:underline;text-underline-offset:3px}