:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--scout-mint: #00ffd0;--scout-green: #00d3a7;--scout-deep: #053b3f;--techrock-blue: #245a75;--techrock-ink: #102f3f;--accent-red: #ff6a5f;--surface: #ffffff;--surface-soft: #f3f7f6;--line: #d9e6e3;--text: #142326;--muted: #607073;--shadow: 0 24px 70px rgb(7 46 43 / 16%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);overflow-x:hidden;background:radial-gradient(circle at top left,rgb(0 255 208 / 28%),transparent 32rem),linear-gradient(180deg,#f7fffd,#fff 38%,#f6faf9)}a{color:inherit}img{display:block;max-width:100%}.site-header,.section,.site-footer{width:min(1160px,calc(100% - 32px));margin:0 auto}.site-header{position:fixed;top:0;left:50%;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0;transform:translate(-50%);background:#f7fffdbd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}main{padding-top:86px}.brand,.powered{display:inline-flex;align-items:center;gap:10px;text-decoration:none}.brand img,.powered img{width:38px;height:38px;border-radius:10px}.brand strong,.powered strong{display:block;font-size:.96rem}.brand span,.powered span{display:block;color:var(--muted);font-size:.78rem}.nav{display:flex;align-items:center;gap:18px;font-size:.92rem;color:#385155}.nav a{text-decoration:none}.button,.store-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--text);font-weight:750;text-decoration:none;box-shadow:0 10px 26px #072e2b17;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.button:hover,.store-link:hover{transform:translateY(-2px);border-color:var(--scout-green);box-shadow:0 16px 34px #072e2b24}.button-primary{border-color:transparent;background:var(--scout-mint);color:#042e30}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(480px,1.06fr);gap:44px;align-items:center;min-height:calc(100svh - 74px);padding:48px 0 80px}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;color:var(--techrock-blue);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.eyebrow:before{width:10px;height:10px;border-radius:999px;background:var(--scout-green);content:""}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:22px;color:var(--scout-deep);font-size:clamp(3.5rem,8vw,6.9rem);line-height:.92;letter-spacing:0}h2{margin-bottom:16px;color:var(--scout-deep);font-size:clamp(2.1rem,4.2vw,4rem);line-height:1;letter-spacing:0}h3{margin-bottom:10px;color:var(--techrock-ink);font-size:1.12rem}.hero-copy{max-width:640px;color:#355155;font-size:clamp(1.15rem,2vw,1.4rem);line-height:1.55}.hero-actions,.store-grid{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.integration-badge{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffc2;box-shadow:0 10px 24px #072e2b12}.integration-badge span{color:var(--muted);font-size:.88rem;font-weight:750}.integration-badge img{width:116px;height:auto}.trust-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-width:650px;margin-top:36px}.trust-row div{min-height:96px;padding:18px;border:1px solid var(--line);border-radius:8px;background:#ffffffbd}.trust-row strong{display:block;margin-bottom:6px;color:var(--scout-deep);font-size:1rem}.trust-row span{color:var(--muted);font-size:.9rem;line-height:1.35}.hero-stage{position:relative;min-height:650px}.browser-frame{position:absolute;inset:16px 0 auto auto;width:min(520px,100%);overflow:hidden;border:1px solid rgb(5 59 63 / 12%);border-radius:8px;background:#fff;box-shadow:var(--shadow);animation:float-up .78s ease both}.browser-bar{display:flex;align-items:center;gap:7px;height:36px;padding:0 14px;border-bottom:1px solid var(--line);background:#fbfdfd}.browser-bar span{width:10px;height:10px;border-radius:999px;background:#d4dfdc}.browser-frame img{width:100%;aspect-ratio:455 / 679;object-fit:contain;background:linear-gradient(90deg,transparent calc(100% - 3px),var(--scout-green) calc(100% - 3px)),#f8fbfa}.status-chip{position:absolute;left:0;bottom:40px;display:inline-flex;align-items:center;gap:8px;max-width:min(470px,82%);padding:12px 14px;border-radius:999px;background:var(--scout-mint);color:#073234;font-weight:850;box-shadow:0 16px 34px #008a7038}.status-chip:before{width:11px;height:11px;border-radius:999px;background:var(--accent-red);content:""}.section{padding:82px 0}.section-intro{max-width:720px;margin-bottom:34px;color:var(--muted);font-size:1.1rem;line-height:1.6}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card,.step,.faq-item{border:1px solid var(--line);border-radius:8px;background:#ffffffd1;box-shadow:0 12px 36px #072e2b12}.feature-card{min-height:210px;padding:24px}.feature-icon{display:grid;width:44px;height:44px;margin-bottom:24px;place-items:center;border-radius:8px;background:#e8fffa;color:var(--techrock-blue);font-size:1.25rem}.feature-card p,.step p,.faq-item p{margin-bottom:0;color:var(--muted);line-height:1.55}.gallery{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.gallery-item{position:relative;display:grid;align-content:space-between;min-height:300px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#fff;box-shadow:0 14px 38px #072e2b17;cursor:zoom-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.gallery-item:hover,.gallery-item:focus-visible{transform:translateY(-3px);border-color:var(--scout-green);box-shadow:0 20px 52px #072e2b24;outline:none}.gallery-item img{width:100%;height:245px;object-fit:contain;object-position:center;border-radius:6px;background:#f3f7f6}.gallery-item span{display:block;padding:12px 2px 2px;color:var(--techrock-ink);font:inherit;font-weight:800;text-align:left}.gallery-item-large{grid-column:span 2;grid-row:span 2;min-height:620px}.gallery-item-large img{height:560px}.gallery-item-tall{grid-row:span 2;min-height:620px}.gallery-item-tall img{height:560px}.gallery-item-wide{grid-column:span 2}.gallery-item-compact{min-height:240px}.gallery-item-compact img{height:180px}.lightbox{width:min(1180px,calc(100vw - 28px));max-height:calc(100svh - 28px);padding:0;border:0;border-radius:8px;background:#fff;box-shadow:0 28px 90px #00000052}.lightbox::backdrop{background:#051e21b8;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox figure{margin:0;padding:18px}.lightbox img{width:100%;max-height:calc(100svh - 126px);object-fit:contain;border-radius:6px;background:#f3f7f6}.lightbox figcaption{padding:12px 44px 0 2px;color:var(--techrock-ink);font-weight:800}.lightbox-close{position:absolute;top:12px;right:12px;display:grid;width:36px;height:36px;place-items:center;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--text);font-size:1.5rem;line-height:1;cursor:pointer}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step{padding:26px}.step-number{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;margin-bottom:22px;border-radius:999px;background:var(--scout-deep);color:#fff;font-weight:850}.download-band{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:center;padding:42px;border-radius:8px;background:linear-gradient(135deg,#00ffd0e0,#fff),var(--surface);box-shadow:var(--shadow)}.download-band h2{margin-bottom:10px}.download-band p{margin-bottom:0;color:#28484c;font-size:1.08rem}.notice{max-width:650px;margin-top:18px;padding:14px 16px;border:1px solid rgb(36 90 117 / 20%);border-left:4px solid var(--techrock-blue);border-radius:8px;background:#ffffffb8;color:#28484c;line-height:1.5}.notice strong{color:var(--techrock-ink)}.faq-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.faq-item{padding:24px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:38px 0 54px;color:var(--muted);font-size:.92rem}.footer-links{display:flex;flex-wrap:wrap;gap:16px}.footer-links a{color:#31575e;font-weight:700;text-decoration:none}@keyframes float-up{0%{opacity:0;transform:translateY(22px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(max-width:980px){.site-header{position:relative;left:auto;transform:none}main{padding-top:0}.nav a:not(.button){display:none}.hero,.download-band{grid-template-columns:1fr}.hero{min-height:auto;padding-top:34px}.hero-stage{min-height:640px}.feature-grid,.faq-grid,.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item-large,.gallery-item-tall,.gallery-item-wide,.gallery-item-compact{grid-column:span 1;grid-row:span 1;min-height:360px}.gallery-item-large img,.gallery-item-tall img,.gallery-item-compact img{height:300px}}@media(max-width:680px){.site-header,.section,.site-footer{width:min(100% - 22px,1160px)}.site-header{gap:12px}.brand span{display:none}.nav .button{min-height:40px;padding:0 12px;font-size:.86rem}h1{font-size:clamp(3.1rem,15vw,4.7rem)}.hero-copy{font-size:1.06rem}.trust-row,.feature-grid,.steps,.faq-grid{grid-template-columns:1fr}.hero-stage{min-height:610px}.browser-frame{inset:0 auto auto 50%;width:min(455px,92%);transform:translate(-50%)}.status-chip{left:50%;right:auto;bottom:18px;width:min(100% - 16px,430px);max-width:none;font-size:.82rem;transform:translate(-50%)}.section{padding:58px 0}.gallery{grid-template-columns:1fr}.gallery-item,.gallery-item-large,.gallery-item-tall,.gallery-item-wide,.gallery-item-compact{min-height:auto}.gallery-item img,.gallery-item-large img,.gallery-item-tall img,.gallery-item-compact img{height:auto;max-height:430px}.download-band{padding:28px 18px}.store-grid,.hero-actions{display:grid;grid-template-columns:1fr}.site-footer{align-items:flex-start;flex-direction:column}}
