:root{--np-blue:#195cc9;--np-navy:#0c2448;--np-muted:#5f7088;--np-line:#1436651f;color:var(--np-navy);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 0 0,#fffffff5,#f0f6ffe6 34%,#e8f0fcd9 58%,#e3ecf8c2),linear-gradient(#f7faff 0%,#eef4fc 100%);font-family:Segoe UI Variable Text,Segoe UI,Trebuchet MS,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font:inherit}a{color:inherit}h1,h2,h3{letter-spacing:-.03em;margin:0;font-family:Segoe UI Variable Display,Segoe UI,Gill Sans,sans-serif;line-height:1.02}h1{font-size:clamp(2.6rem,7vw,5.5rem)}h2{font-size:clamp(1.8rem,4vw,2.9rem)}h3{font-size:1.28rem}p{margin:0}#root{min-height:100vh}.app-shell{max-width:1380px;margin:0 auto;padding:18px}.hero-panel,.steps-panel,.card,.admin-preview-panel{border:1px solid var(--np-line);position:relative;overflow:hidden;box-shadow:0 24px 70px #0f274d14}.hero-panel{background:radial-gradient(circle at 0 0,#fffffff2,#f4f8ffbf 40%,#0000 62%),linear-gradient(#fffffff5,#f7faffeb);border-radius:34px;gap:24px;padding:24px;display:grid}.hero-panel:before,.hero-panel:after{content:"";pointer-events:none;position:absolute;inset:auto auto 0 0}.hero-panel:before{background:linear-gradient(90deg, var(--np-navy), var(--np-blue));width:100%;height:14px}.hero-panel:after{opacity:.12;border-top:28px solid #195cc9eb;border-bottom:0;border-left:0;border-right:28px solid #195cc9eb;border-radius:0 0 0 100%;width:min(52vw,560px);height:min(52vw,560px);top:0;left:auto;right:0}.brand-lockup{align-items:center;gap:20px;display:grid}.brand-logo{object-fit:contain;filter:drop-shadow(0 12px 28px #0c24481f);width:112px;height:112px}.brand-copy{gap:12px;max-width:760px;display:grid}.eyebrow,.section-kicker,.coverage-kicker{text-transform:uppercase;letter-spacing:.14em;color:var(--np-blue);margin:0;font-size:.76rem;font-weight:800}.brand-subline{color:var(--np-navy);font-size:1.05rem;font-weight:800}.lead{max-width:54ch;color:var(--np-muted);font-size:1.02rem}.hero-actions,.hero-service-list,.service-chips,.auth-switch,.sevdesk-row,.service-tags{flex-wrap:wrap;gap:10px;display:flex}.hero-grid,.steps-grid,.customer-layout,.upload-grid{gap:18px;display:grid}.hero-service-card,.hero-visual-card,.step-card,.card{background:#ffffffeb;border-radius:28px}.hero-service-card,.card{padding:22px}.hero-service-card{background:linear-gradient(#fffffff5,#f2f7ffeb);gap:18px;display:grid}.service-line,.chip,.mini-tab,.status-pill{border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.service-line{color:var(--np-navy);background:#102f5c0f;padding:10px 14px;font-weight:700}.coverage-card,.benefit-item,.request-card,.timeline-item,.step-card,.upload-box,.form-section{background:#fbfdffe0;border:1px solid #14366514}.coverage-card{border-radius:22px;gap:8px;padding:18px;display:grid}.coverage-card strong{color:var(--np-navy);font-size:1.1rem}.coverage-card p,.benefit-item p,.step-card p,.hint,.notice,.timeline-item p,.request-card p{color:var(--np-muted)}.micro-notes{gap:12px;display:grid}.micro-notes div{gap:4px;display:grid}.micro-notes strong{color:var(--np-navy)}.hero-visual-card{min-height:320px;position:relative}.hero-visual-card img{object-fit:cover;width:100%;height:100%;display:block}.hero-float-card{color:#f6f9ff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c2448d1;border-radius:22px;padding:16px 18px;position:absolute;bottom:18px;left:18px;right:18px;box-shadow:0 20px 44px #08183147}.hero-badge{background:#ffffff24;border-radius:999px;margin-bottom:8px;padding:8px 12px;font-size:.84rem;font-weight:800;display:inline-flex}.steps-panel,.admin-preview-panel{background:#ffffffdb;border-radius:30px;margin-top:18px;padding:22px}.section-heading{gap:8px;margin-bottom:16px;display:grid}.section-heading.narrow{max-width:760px}.section-heading.compact{margin-bottom:0}.step-card{border-radius:24px;gap:10px;padding:20px;display:grid}.step-number{background:var(--np-blue);color:#fff;border-radius:50%;place-items:center;width:42px;height:42px;font-size:.86rem;font-weight:800;display:inline-grid}.customer-layout{margin-top:18px}.customer-sidebar,.customer-main,.admin-preview-grid{gap:18px;display:grid}.card{border:1px solid #14366514}.stack-card{gap:18px;display:grid}.featured-card{background:linear-gradient(#fffffffa,#f5f9fff5)}.auth-switch{margin-top:2px}.mini-tab,.chip,.secondary-action,.primary-action{appearance:none;cursor:pointer;border:none;text-decoration:none;transition:transform .18s,box-shadow .18s,background .18s,border-color .18s}.mini-tab,.chip{color:var(--np-navy);background:#fff;border:1px solid #1436651f;padding:10px 14px;font-weight:700}.mini-tab.active,.chip.active{background:var(--np-navy);color:#fff;border-color:var(--np-navy)}.primary-action,.secondary-action{border-radius:18px;padding:14px 18px;font-weight:800}.primary-action{background:linear-gradient(135deg, var(--np-blue), #0f3f86);color:#fff;box-shadow:0 18px 38px #195cc938}.whatsapp-action{background:linear-gradient(135deg,#1c8b58,#0f6d42)}.secondary-action{color:var(--np-navy);background:#ffffffbd;border:1px solid #1436652e}.primary-action:hover,.secondary-action:hover,.mini-tab:hover,.chip:hover{transform:translateY(-1px)}.form-grid,.compact-grid,.benefit-list,.timeline,.request-list{gap:14px;display:grid}.form-grid label,.upload-box{color:var(--np-navy);gap:8px;font-weight:700;display:grid}.full-span{grid-column:1/-1}.card-head,.timeline-item,.admin-preview-head,.request-card-head{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.status-pill{color:var(--np-blue);background:#195cc917;padding:9px 14px;font-size:.84rem;font-weight:800}input,select,textarea{box-sizing:border-box;width:100%;color:var(--np-navy);font:inherit;background:#fffffff0;border:1px solid #14366524;border-radius:16px;padding:14px 16px}input:focus,select:focus,textarea:focus{border-color:var(--np-blue);outline:2px solid #195cc92e}.form-section{border-radius:24px;gap:14px;padding:16px;display:grid}.upload-grid{grid-template-columns:1fr}.upload-box{border-radius:22px;min-height:214px;padding:14px}.upload-box input{background:0 0;border:none;padding:0}.upload-box img{object-fit:cover;border-radius:16px;width:100%;height:142px}.benefit-item,.request-card,.timeline-item{border-radius:20px;padding:16px}.benefit-item strong,.request-card strong,.timeline-item strong{color:var(--np-navy)}.tag{color:var(--np-blue);background:#195cc914;border-radius:999px;padding:7px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.notice{background:#195cc914;border-radius:18px;padding:14px 16px;font-weight:700}.admin-preview-head{margin-bottom:14px}@media (width>=760px){.app-shell{padding:26px}.brand-lockup{grid-template-columns:auto minmax(0,1fr)}.brand-logo{width:148px;height:148px}.hero-grid{grid-template-columns:minmax(320px,.78fr) minmax(0,1.22fr);align-items:stretch}.hero-visual-card{min-height:520px}.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.customer-layout{grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);align-items:start}.form-grid,.compact-grid,.upload-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}