@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#0f172a;font-synthesis:none;text-rendering:optimizelegibility;background:#f8fafc;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #06b6d44d}main{min-height:100vh;overflow:hidden}.nav-shell{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);margin:0 auto;padding:22px 0;display:flex}.brand,.nav-link{color:inherit;align-items:center;gap:10px;font-weight:700;text-decoration:none;display:inline-flex}.brand span{color:#fff;background:#0f172a;border-radius:11px;place-items:center;width:36px;height:36px;font-size:13px;display:grid}.nav-link{color:#475569;font-size:14px}.hero{grid-template-columns:1.08fr .92fr;align-items:center;gap:70px;width:min(1180px,100% - 40px);margin:55px auto 110px;display:grid}.hero-copy h1{letter-spacing:-.055em;max-width:760px;margin:24px 0;font-size:clamp(46px,6vw,76px);line-height:.98}.hero-copy>p{color:#475569;max-width:650px;font-size:18px;line-height:1.75}.hero-pill{color:#0e7490;background:#ecfeff;border:1px solid #a5f3fc;border-radius:999px;align-items:center;gap:9px;padding:8px 13px;font-size:13px;font-weight:700;display:inline-flex}.hero-pill span{background:#06b6d4;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #06b6d41f}.hero-button,.primary-button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;font-weight:700;display:inline-flex}.hero-button{margin-top:18px;padding:15px 20px}.hero-button:hover,.primary-button:hover{background:#1e293b}.proof-card{background:#ffffffd9;border:1px solid #cbd5e1;border-radius:26px;padding:14px;position:relative;box-shadow:0 30px 80px #0f172a21}.proof-card:before{content:"";filter:blur(80px);opacity:.7;z-index:-1;background:#fde68a;width:230px;height:230px;position:absolute;top:-90px;right:-90px}.proof-label{color:#64748b;text-transform:uppercase;letter-spacing:.12em;padding:10px 12px 16px;font-size:12px;font-weight:700;display:block}.mock-report{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px}.mock-heading{justify-content:space-between;margin-bottom:8px;font-size:13px;font-weight:700;display:flex}.mock-heading span:last-child{color:#94a3b8;font-weight:500}.mock-heading .required{color:#b45309}.mock-input,.mock-textarea{color:#334155;border:1px solid #cbd5e1;border-radius:10px;margin-bottom:20px;padding:13px 14px;font-size:13px}.mock-textarea{min-height:84px}.mock-permission{color:#0f766e;background:#f0fdfa;border-radius:10px;align-items:center;gap:8px;padding:12px;font-size:12px;font-weight:600;display:flex}.steps-section{color:#fff;background:#0f172a;padding:100px max(20px,50vw - 590px)}.section-heading{max-width:650px;margin-bottom:44px}.eyebrow{color:#0891b2;text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800}.section-heading h2,.installation-card h2{letter-spacing:-.04em;margin:13px 0;font-size:clamp(32px,4vw,48px);line-height:1.1}.steps-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.step-card{background:#111c31;border:1px solid #334155;border-radius:18px;padding:28px}.step-top{color:#22d3ee;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.step-card h3{margin:38px 0 10px;font-size:20px}.step-card p{color:#94a3b8;margin:0;font-size:14px;line-height:1.7}.installation-card{grid-template-columns:1fr 1fr;align-items:center;gap:60px;width:min(1180px,100% - 40px);margin:100px auto;display:grid}.installation-card p{color:#64748b;line-height:1.8}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.installation-card pre{color:#cbd5e1;background:#0f172a;border-radius:18px;margin:0;padding:28px;font-size:13px;line-height:1.8;overflow:auto;box-shadow:0 20px 55px #0f172a24}footer{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-between;width:min(1180px,100% - 40px);margin:0 auto;padding:30px 0 90px;font-size:12px;display:flex}.fix-it-trigger{z-index:40;color:#fff;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:999px;align-items:center;gap:9px;padding:13px 17px;font-weight:700;display:flex;position:fixed;bottom:20px;left:20px;box-shadow:0 12px 35px #0f172a47}.fix-it-trigger:hover{transform:translateY(-2px)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172aad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.fix-it-modal{background:#fff;border-radius:22px;width:min(100%,500px);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 30px 90px #0f172a59}.modal-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.modal-header h2{letter-spacing:-.035em;margin:7px 0 22px;font-size:27px}.icon-button{cursor:pointer;color:#475569;background:#fff;border:1px solid #e2e8f0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.fix-it-modal label{margin:15px 0 8px;font-size:13px;font-weight:700;display:block}.fix-it-modal label span{color:#94a3b8;font-weight:500}.fix-it-modal input,.fix-it-modal textarea{color:#0f172a;resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:10px;width:100%;padding:12px 13px}.fix-it-modal input::placeholder,.fix-it-modal textarea::placeholder{color:#94a3b8}.permission-note{color:#0f766e;background:#f0fdfa;border-radius:10px;align-items:flex-start;gap:9px;margin:18px 0;padding:12px;font-size:12px;font-weight:600;line-height:1.5;display:flex}.permission-note svg{flex:none;margin-top:1px}.primary-button{width:100%;padding:13px 16px}.check-link{text-align:center;color:#0e7490;margin-top:15px;font-size:13px;font-weight:700;display:block}@media (width<=820px){.hero{grid-template-columns:1fr;gap:45px;margin-top:35px}.steps-grid{grid-template-columns:1fr}.installation-card{grid-template-columns:1fr;gap:28px}}@media (width<=560px){.nav-shell,.hero,.installation-card,footer{width:min(100% - 28px,1180px)}.hero{margin-bottom:75px}.hero-copy h1{font-size:44px}.hero-copy>p{font-size:16px}.nav-link{display:none}.mock-report,.fix-it-modal{padding:20px}.steps-section{padding-top:75px;padding-bottom:75px}footer{flex-direction:column;gap:8px;padding-bottom:90px}}@media (prefers-reduced-motion:no-preference){.fix-it-trigger,.hero-button,.primary-button{transition:transform .2s,background .2s}.fix-it-modal{animation:.2s ease-out modal-in}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.98)}}}