.sgr-page *,.sgr-page *:before,.sgr-page *:after{box-sizing:border-box}.sgr-page{background:#fff;color:#0f172a}.sgr-page .fh-container{max-width:1100px;margin:0 auto;padding:0 1.5rem}.sgr-page .fh-hero{background:linear-gradient(160deg,#020617,#0b1e3d 55%,#020617);color:#fff;padding:5.5rem 0 4.5rem;text-align:center;position:relative;overflow:hidden}.sgr-page .fh-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% -10%,rgba(16,185,129,.15) 0%,transparent 65%);pointer-events:none}.sgr-page .fh-hero-title{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;line-height:1.12;margin:0 auto 1.25rem;max-width:900px;letter-spacing:-.025em;position:relative}.sgr-page .fh-hero-subtitle{font-size:clamp(1rem,2vw,1.2rem);color:#ffffffb8;max-width:680px;margin:0 auto 2.75rem;line-height:1.7;position:relative}.sgr-page .fh-hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative}.sgr-page .fh-btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 2rem;border-radius:9999px;font-weight:700;font-size:1rem;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none;white-space:nowrap}.sgr-page .fh-btn--primary{background:#047857;color:#fff;box-shadow:0 4px 22px #04785752}.sgr-page .fh-btn--primary:hover{background:#065f46;box-shadow:0 6px 30px #0478576b;transform:translateY(-2px);color:#fff}.sgr-page .fh-btn--secondary{background:#ffffff12;color:#fff;border:1.5px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.sgr-page .fh-btn--secondary:hover{background:#ffffff24;border-color:#ffffff61;transform:translateY(-2px);color:#fff}.sgr-page .fh-section{padding:5rem 0}.sgr-page .fh-section--light{background:#f8fafc}.sgr-page .fh-section--features{background:#fff}.sgr-page .fh-section--screenshots{background:#f1f5f9}.sgr-page .fh-section--dark{background:linear-gradient(160deg,#020617,#0b1e3d);color:#fff}.sgr-page .fh-section--usecases{background:#fff}.sgr-page .fh-section--cta{background:linear-gradient(160deg,#020617,#0b1e3d);color:#fff;text-align:center;padding:5.5rem 0;position:relative;overflow:hidden}.sgr-page .fh-section--cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,rgba(16,185,129,.12) 0%,transparent 60%);pointer-events:none}.sgr-page .fh-title{font-size:clamp(1.5rem,3.5vw,2.2rem);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0 0 1.25rem}.sgr-page .fh-section--light .fh-title,.sgr-page .fh-section--features .fh-title,.sgr-page .fh-section--screenshots .fh-title,.sgr-page .fh-section--usecases .fh-title{color:#0f172a}.sgr-page .fh-section--dark .fh-title,.sgr-page .fh-section--cta .fh-title{color:#fff}.sgr-page .fh-text{font-size:1.08rem;line-height:1.78;max-width:740px;margin:0}.sgr-page .fh-section--light .fh-text,.sgr-page .fh-section--features .fh-text,.sgr-page .fh-section--screenshots .fh-text,.sgr-page .fh-section--usecases .fh-text{color:#475569}.sgr-page .fh-section--dark .fh-text,.sgr-page .fh-section--cta .fh-text{color:#ffffffbd}.sgr-page .fh-section--cta .fh-text{max-width:560px;margin:0 auto 2.25rem}.sgr-page .fh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2.75rem}.sgr-page .fh-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:1rem;padding:1.75rem;box-shadow:0 1px 4px #0000000a;transition:box-shadow .22s ease,transform .22s ease;position:relative}.sgr-page .fh-card:before{content:"";position:absolute;top:0;left:1.75rem;right:1.75rem;height:3px;background:linear-gradient(90deg,#10b981,#34d399);border-radius:0 0 4px 4px;opacity:0;transition:opacity .22s ease}.sgr-page .fh-card:hover{box-shadow:0 10px 36px #0000001a;transform:translateY(-4px)}.sgr-page .fh-card:hover:before{opacity:1}.sgr-page .fh-card h3{font-size:1.08rem;font-weight:700;color:#0f172a;margin:0 0 .65rem;display:flex;align-items:center;gap:.5rem}.sgr-page .fh-card h3:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;flex-shrink:0}.sgr-page .fh-card p{font-size:.94rem;color:#64748b;line-height:1.65;margin:0}.sgr-page .fh-list{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:.875rem}.sgr-page .fh-list li{display:flex;align-items:flex-start;gap:.65rem;font-size:1rem;color:#0f172a;padding:1rem 1.25rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.75rem;font-weight:500;line-height:1.5;transition:border-color .18s,box-shadow .18s}.sgr-page .fh-list li:hover{border-color:#10b981;box-shadow:0 2px 12px #10b9811a}.sgr-page .fh-list li:before{content:"✓";color:#10b981;font-weight:900;font-size:.95rem;flex-shrink:0;margin-top:1px}.sgr-page .fh-screens-group{margin-top:2.5rem;display:flex;flex-direction:column;gap:2.5rem}.sgr-page .fh-screens-label{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#10b981;margin:0 0 .85rem}.sgr-page .fh-screens-row{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.sgr-page .fh-screen{flex:0 0 calc(33.333% - .67rem);min-width:220px;margin:0;border-radius:.75rem;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 2px 12px #00000012;background:#fff;transition:box-shadow .22s ease,transform .22s ease}.sgr-page .fh-screen:hover{box-shadow:0 8px 32px #00000021;transform:translateY(-3px)}.sgr-page .fh-screen img{width:100%;height:auto;display:block}.sgr-page .fh-screen figcaption{font-size:.78rem;color:#64748b;padding:.55rem .85rem;background:#f8fafc;border-top:1px solid #e2e8f0;text-align:center}@media(max-width:900px){.sgr-page .fh-screen{flex:0 0 calc(50% - .5rem)}}@media(max-width:580px){.sgr-page .fh-screen{flex:0 0 100%}}@media(max-width:640px){.sgr-page .fh-hero{padding:3.5rem 0 3rem}.sgr-page .fh-section{padding:3.25rem 0}.sgr-page .fh-section--cta{padding:4rem 0}.sgr-page .fh-grid,.sgr-page .fh-list{grid-template-columns:1fr}}