:root{--ink: #14262b;--ink-strong: #071719;--muted: #5f6f72;--teal: #0a5b66;--teal-dark: #063f48;--aqua: #13a6b8;--yellow: #f8b936;--paper: #f4f1e9;--paper-soft: #fbfaf6;--white: #ffffff;--line: #dbe6e3;--shadow-soft: 0 22px 70px rgba(9, 26, 30, .13);--shadow-tight: 0 16px 36px rgba(9, 26, 30, .18);--max: 1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper-soft)}body{margin:0;color:var(--ink);background:var(--paper-soft);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{border:0;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(19,166,184,.55);outline-offset:4px}.site-header{position:fixed;top:16px;left:50%;z-index:40;display:flex;width:min(calc(100% - 32px),1220px);min-height:68px;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px 12px 18px;color:var(--ink-strong);background:#ffffffc7;border:1px solid rgba(255,255,255,.82);border-radius:999px;box-shadow:0 12px 34px #091a1e14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform:translate(-50%);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease}.site-header.is-scrolled{background:#ffffffed;border-color:#0a5b6624;box-shadow:0 12px 42px #091a1e21}.brand{display:inline-flex;min-width:max-content;align-items:center;gap:10px;font-weight:800;color:var(--ink-strong)}.brand img{width:44px;height:44px;border-radius:12px;box-shadow:0 8px 22px #063f4829}.nav{display:flex;align-items:center;gap:6px;color:#14262bc2;font-size:.95rem;font-weight:700}.nav a{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:0 14px;border-radius:999px;transition:background .18s ease,color .18s ease}.nav a:hover{color:var(--ink-strong);background:#0a5b6614}.nav .nav-cta{color:var(--white);background:var(--teal);box-shadow:0 10px 22px #0a5b6633}.nav .nav-cta:hover{color:var(--white);background:var(--teal-dark)}.menu-toggle{display:none;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;border-radius:50%;background:var(--teal)}.menu-toggle span{position:absolute;width:18px;height:2px;background:var(--white);border-radius:999px;transition:transform .18s ease}.menu-toggle span:first-child{transform:translateY(-4px)}.menu-toggle span:last-child{transform:translateY(4px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.hero{position:relative;min-height:84svh;overflow:hidden;padding:128px 24px 48px;isolation:isolate}.hero-bg,.hero-wash{position:absolute;inset:0;z-index:-2}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:center}.hero-wash{z-index:-1;background:linear-gradient(90deg,#fbfaf6f7,#fbfaf6e0 34%,#fbfaf661 66%,#fbfaf62e),linear-gradient(180deg,#fbfaf6b8,#fbfaf64d 52%,#fbfaf6eb)}.hero-inner{width:min(640px,100%);margin-left:max(0px,calc((100vw - var(--max)) / 2))}.eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 18px;color:var(--teal);font-size:.78rem;font-weight:900;text-transform:uppercase}.eyebrow:before{width:28px;height:3px;content:"";background:var(--yellow);border-radius:999px}.hero h1,.section-intro h2,.gps-copy h2,.feature-copy h2,.files-copy h2,.cta-copy h2{margin:0;color:var(--ink-strong);line-height:.95}.hero h1{max-width:12ch;font-size:4rem}.hero-copy{max-width:590px;margin:24px 0 0;color:#14262bc7;font-size:1.18rem;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:10px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-weight:850;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.button:hover{transform:translateY(-2px)}.button.primary{color:var(--white);background:var(--teal);box-shadow:0 14px 30px #0a5b6638}.button.primary:hover{background:var(--teal-dark);box-shadow:0 18px 36px #0a5b6645}.button.secondary{color:var(--ink-strong);background:#ffffffb8;border-color:#14262b24}.proof-strip{display:flex;flex-wrap:wrap;gap:8px;max-width:620px;margin-top:30px}.proof-strip span{display:inline-flex;min-height:38px;align-items:center;padding:0 13px;color:var(--teal-dark);background:#ffffffb8;border:1px solid rgba(10,91,102,.12);border-radius:999px;font-size:.88rem;font-weight:800}.hero-product{position:absolute;right:max(22px,calc((100vw - var(--max)) / 2));bottom:56px;width:min(39vw,560px);min-width:480px;pointer-events:none}.desktop-shot,.phone-shot,.feature-media,.screenshot-card,.files-media{overflow:hidden;background:var(--white);border:1px solid rgba(10,91,102,.12);box-shadow:var(--shadow-soft)}.desktop-shot{aspect-ratio:1.44 / 1;border-radius:18px}.desktop-shot img{width:100%;height:100%;object-fit:cover}.phone-shot{position:absolute;right:-18px;bottom:-18px;width:30%;min-width:170px;border:8px solid var(--ink-strong);border-radius:28px;box-shadow:0 22px 50px #07171942}.phone-shot img{width:100%;height:260px;object-fit:cover;object-position:50% 50%}.section-band{background:linear-gradient(180deg,#fff,#f2f5f1);border-top:1px solid rgba(10,91,102,.1);border-bottom:1px solid rgba(10,91,102,.1)}.problem,.workflow,.operations,.use-cases,.files-showcase,.cta{padding:96px 24px}.section-intro{width:min(var(--max),100%);margin:0 auto 42px}.section-intro h2,.gps-copy h2,.feature-copy h2,.files-copy h2,.cta-copy h2{max-width:780px;font-size:3rem}.section-intro p:not(.eyebrow),.gps-copy p,.feature-copy p,.files-copy p,.cta-copy p{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.72}.problem-grid,.workflow-grid,.operations-grid,.use-grid{display:grid;width:min(var(--max),100%);margin:0 auto;gap:16px}.problem-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.problem-card,.step-card,.use-card{min-height:210px;padding:24px;background:#ffffffc7;border:1px solid rgba(10,91,102,.12);border-radius:8px;box-shadow:0 12px 30px #091a1e0f}.card-number,.step-kicker{color:var(--teal);font-size:.75rem;font-weight:900;text-transform:uppercase}.problem-card h3,.step-card h3,.use-card h3{margin:28px 0 10px;color:var(--ink-strong);font-size:1.28rem}.problem-card p,.step-card p,.use-card p{margin:0;color:var(--muted);line-height:1.6}.workflow{background:var(--paper-soft)}.workflow-grid{grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:steps}.step-card{position:relative;background:var(--white)}.step-card:before{position:absolute;top:22px;right:22px;color:#0a5b6621;counter-increment:steps;content:"0" counter(steps);font-size:3rem;font-weight:900;line-height:1}.gps-match{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.1fr);grid-template-areas:"copy media" "points media";align-items:center;column-gap:52px;row-gap:24px;padding:96px max(24px,calc((100vw - var(--max)) / 2))}.gps-copy{grid-area:copy;min-width:0}.gps-media{grid-area:media;aspect-ratio:1.866 / 1;overflow:hidden;background:var(--white);border:1px solid rgba(10,91,102,.12);border-radius:8px;box-shadow:var(--shadow-soft)}.gps-media img{width:100%;height:100%;object-fit:cover}.gps-points{grid-area:points;display:grid;gap:10px;margin-top:0}.gps-points span{display:grid;gap:4px;padding:15px 16px;background:#ffffffd1;border:1px solid rgba(10,91,102,.12);border-radius:8px;color:var(--muted);line-height:1.45;box-shadow:0 10px 22px #091a1e0d}.gps-points strong{color:var(--teal-dark)}.feature,.files-showcase{display:grid;width:min(var(--max),calc(100% - 48px));align-items:center;gap:52px;margin:0 auto;padding:104px 0}.feature{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.feature-admin{grid-template-columns:minmax(0,.88fr) minmax(0,1.1fr);border-top:1px solid var(--line)}.feature-media{border-radius:8px}.feature-media img,.screenshot-card img,.files-media img{width:100%;height:auto;object-fit:contain}.feature-media.wide img{object-position:center top}.feature-list,.feature-stats{display:grid;gap:10px;margin-top:28px}.feature-list span,.feature-stats span{display:flex;min-height:52px;align-items:center;gap:12px;padding:13px 15px;background:var(--white);border:1px solid rgba(10,91,102,.12);border-radius:8px;color:var(--ink);font-weight:750;box-shadow:0 10px 22px #091a1e0d}.feature-list span:before,.feature-stats span:before{width:11px;height:11px;flex:0 0 11px;content:"";background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px #f8b93629}.feature-stats strong{display:inline-block;min-width:78px;color:var(--teal-dark)}.operations-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.screenshot-card{margin:0;border-radius:8px}.screenshot-card figcaption{padding:16px 18px 18px;color:var(--muted);font-weight:750}.use-cases{background:var(--teal-dark);color:var(--white)}.use-cases .eyebrow,.use-cases .section-intro h2{color:var(--white)}.use-cases .eyebrow:before{background:var(--yellow)}.use-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.use-card{background:#ffffff14;border-color:#ffffff24;box-shadow:none}.use-card h3{color:var(--white)}.use-card p{color:#ffffffb8}.files-showcase{grid-template-columns:minmax(0,.82fr) minmax(0,1fr)}.files-media{border-radius:8px}.files-media img{object-position:center}.cta{display:grid;grid-template-columns:minmax(0,.88fr) minmax(340px,.72fr);align-items:start;gap:56px;background:linear-gradient(135deg,rgba(248,185,54,.2),transparent 42%),linear-gradient(180deg,#fff,#eef5f2)}.cta-copy,.demo-form{width:min(100%,560px)}.cta-copy{margin-left:auto}.demo-form{display:grid;gap:14px;padding:26px;background:#ffffffe6;border:1px solid rgba(10,91,102,.13);border-radius:8px;box-shadow:var(--shadow-soft)}.demo-form label{display:grid;gap:7px;color:var(--teal-dark);font-size:.88rem;font-weight:850}.demo-form input,.demo-form textarea{width:100%;border:1px solid rgba(20,38,43,.16);border-radius:8px;background:#fffdfa;color:var(--ink);padding:13px 14px}.demo-form textarea{resize:vertical}.form-button{width:100%;margin-top:4px}.form-note{margin:0;color:var(--muted);font-size:.88rem;line-height:1.5}.footer{display:flex;width:min(var(--max),calc(100% - 48px));align-items:center;justify-content:space-between;gap:24px;margin:0 auto;padding:30px 0;color:var(--muted)}.footer .brand img{width:36px;height:36px}.footer p{margin:0}.footer a:not(.brand){color:var(--teal);font-weight:800}.reveal{opacity:0;transform:translateY(18px);transition:opacity .52s ease,transform .52s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(min-width:1200px){.hero h1{font-size:5.25rem}}@media(min-width:1041px)and (max-height:780px){.hero{padding-top:104px;padding-bottom:24px}.hero h1{max-width:13ch;font-size:4.3rem;line-height:.98}.hero-copy{max-width:560px;margin-top:18px;font-size:1.04rem;line-height:1.55}.hero-actions{margin-top:22px}.proof-strip{display:none}.hero-product{bottom:34px;width:min(35vw,470px);min-width:420px}.phone-shot img{height:210px}}@media(max-width:1040px){.site-header{top:10px;width:min(calc(100% - 20px),760px)}.menu-toggle{position:relative;display:inline-flex}.nav{position:absolute;top:calc(100% + 10px);right:0;display:none;width:min(360px,calc(100vw - 20px));padding:10px;background:#fffffff5;border:1px solid rgba(10,91,102,.12);border-radius:20px;box-shadow:var(--shadow-tight)}.nav.is-open{display:grid}.nav a{justify-content:flex-start}.nav .nav-cta{justify-content:center}.hero{min-height:84svh;padding-top:108px;padding-bottom:34px}.hero-inner{margin:0 auto}.hero h1{font-size:3.25rem}.hero-copy{font-size:1.04rem}.hero-product{position:relative;right:auto;bottom:auto;width:min(620px,100%);min-width:0;margin:26px auto 0}.phone-shot{right:10px;bottom:-12px;width:26%;min-width:126px;border-width:6px}.phone-shot img{height:180px}.problem-grid,.workflow-grid,.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gps-match,.feature,.feature-admin,.files-showcase,.cta{grid-template-columns:1fr}.gps-match{grid-template-areas:"copy" "media" "points"}.feature-admin .feature-copy{order:1}.feature-admin .feature-media{order:2}.cta-copy,.demo-form{width:min(var(--max),100%);margin:0 auto}}@media(max-width:700px){.site-header{min-height:62px;padding:8px 9px 8px 12px;border-radius:22px}.brand span{font-size:1rem}.brand img{width:40px;height:40px}.hero{padding-right:16px;padding-bottom:18px;padding-left:16px}.hero-wash{background:linear-gradient(180deg,#fbfaf6f7,#fbfaf6bd 52%,#fbfaf6f2)}.hero h1{max-width:11ch;font-size:2.72rem}.hero-copy{margin-top:18px;font-size:.98rem;line-height:1.55}.hero-actions,.proof-strip{margin-top:20px}.button{min-height:50px;width:100%}.proof-strip span{min-height:34px;font-size:.78rem}.desktop-shot{border-radius:12px}.hero-product{width:min(306px,100%);margin-top:14px}.hero-product .desktop-shot{aspect-ratio:1.9 / 1;border-radius:10px}.hero-product .desktop-shot img{object-position:center top}.hero-product .phone-shot{display:none}.phone-shot{min-width:96px;border-width:5px;border-radius:20px}.phone-shot img{height:128px}.problem,.workflow,.gps-match,.operations,.use-cases,.files-showcase,.cta{padding:68px 16px}.feature{width:calc(100% - 32px);gap:28px;padding:70px 0}.section-intro{margin-bottom:28px}.section-intro h2,.gps-copy h2,.feature-copy h2,.files-copy h2,.cta-copy h2{font-size:2.2rem;line-height:1.02}.section-intro p:not(.eyebrow),.gps-copy p,.feature-copy p,.files-copy p,.cta-copy p{font-size:1rem;line-height:1.62}.problem-grid,.workflow-grid,.operations-grid,.use-grid{grid-template-columns:1fr}.problem-card,.step-card,.use-card{min-height:0;padding:20px}.problem-card h3,.step-card h3,.use-card h3{margin-top:22px}.feature-list span,.gps-points span,.feature-stats span{min-height:48px}.feature-stats strong{min-width:66px}.demo-form{padding:18px}.footer{width:calc(100% - 32px);flex-direction:column;align-items:flex-start}}@media(max-width:390px){.hero{padding-top:90px}.hero h1{font-size:2.25rem}.hero-copy{font-size:.93rem}.hero-actions{gap:8px;margin-top:18px}.button{min-height:46px}.proof-strip{display:none}.hero-product{width:min(220px,100%);margin-top:18px}.hero-product .desktop-shot{aspect-ratio:2.8 / 1}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}