.hero{background:linear-gradient(#fff 0%,#fff7f0 100%);padding:80px 0 64px;position:relative;overflow:hidden}.hero .container{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid;position:relative}.hero-eyebrow{color:#cc4e0e;letter-spacing:.14em;text-transform:uppercase;background:#fff1e6;border-radius:9999px;align-items:center;gap:10px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.hero-eyebrow .dot{background:#e8621a;border-radius:9999px;width:7px;height:7px;box-shadow:0 0 0 4px #e8621a2e}.hero h1{letter-spacing:-.025em;color:#152e50;margin:0 0 22px;font-size:60px;font-weight:800;line-height:1.02}.hero h1 .accent{color:#e8621a}.hero .lead{color:#64748b;max-width:540px;margin:0 0 32px;font-size:19px;line-height:1.55}.hero .lead strong{color:#152e50;font-weight:700}.hero-actions{flex-wrap:wrap;gap:14px;margin-bottom:32px;display:flex}.hero-checks{flex-direction:column;gap:10px;margin:0;padding:0;display:flex}.hero-checks li{color:#152e50;padding-left:28px;font-size:14.5px;font-weight:600;list-style:none;position:relative}.hero-checks li:before{content:"✓";color:#fff;background:#e8621a;border-radius:9999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;top:-2px;left:0}.hero-visual{aspect-ratio:1;max-width:480px;margin-left:auto;position:relative}.hero-visual .device{background:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:8px;padding:16px;display:flex;position:absolute;box-shadow:0 4px 12px #0d1b2a14,0 24px 48px -16px #0d1b2a2e}.hero-visual .d-laptop{width:320px;height:220px;top:25%;left:0;transform:rotate(-3deg)}.hero-visual .d-laptop:after{content:"";background:#cbd5e1;border-radius:0 0 16px 16px;height:14px;position:absolute;bottom:-14px;left:-8%;right:-8%}.hero-visual .d-phone{border-width:2px;border-radius:22px;width:130px;height:240px;padding:12px;bottom:0;right:0;transform:rotate(4deg)}.hero-visual .d-wifi{color:#fff;background:#e8621a;border-radius:24px;place-items:center;width:96px;height:96px;font-size:40px;display:grid;position:absolute;top:0;right:14%;transform:rotate(8deg);box-shadow:0 1px 1.5px #e8621a33,0 4px 12px -2px #e8621a66,inset 0 1px #ffffff2e}.scr-bar{gap:6px;display:flex}.scr-bar span{background:#e2e8f0;border-radius:9999px;width:8px;height:8px}.scr-bar span:first-child{background:#e8621a}.scr-line{background:#e2e8f0;border-radius:3px;height:6px}.scr-line.accent{background:#e8621a}.scr-line.w80{width:80%}.scr-line.w60{width:60%}.scr-line.w40{width:40%}.svc-detail-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.svc-detail{background:#fff;border:1px solid #e2e8f0;border-radius:20px;grid-template-columns:72px 1fr;align-items:start;gap:22px;padding:32px;transition:all .22s cubic-bezier(.2,0,0,1);display:grid}.svc-detail:hover{border-color:#e8621a;transform:translateY(-3px);box-shadow:0 4px 12px #0d1b2a14}.svc-detail .ico{color:#e8621a;background:#fff1e6;border-radius:18px;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.svc-detail h3{color:#152e50;letter-spacing:-.015em;margin:0 0 8px;font-size:22px;font-weight:800}.svc-detail p{color:#64748b;margin:0 0 16px;font-size:14.5px;line-height:1.6}.svc-detail .tags{flex-wrap:wrap;gap:6px;margin-bottom:18px;display:flex}.svc-detail .tag{color:#475569;background:#f1f5f9;border-radius:9999px;padding:4px 10px;font-size:11.5px;font-weight:600}.svc-detail .price-row{align-items:baseline;gap:8px;margin-bottom:14px;display:flex}.svc-detail .price-from{color:#64748b;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:600}.svc-detail .price{color:#152e50;letter-spacing:-.01em;font-size:22px;font-weight:800}.svc-detail .price-unit{color:#64748b;font-size:12.5px}.svc-detail .more{color:#cc4e0e;gap:4px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.ways{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.way{text-align:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:22px;padding:32px;transition:all .22s}.way:hover{border-color:#e8621a;box-shadow:0 4px 12px #0d1b2a14}.way .icon-big{color:#e8621a;background:#fff1e6;border-radius:22px;place-items:center;width:88px;height:88px;margin:0 auto 22px;font-size:44px;display:grid}.way.featured{color:#fff;background:linear-gradient(135deg,#152e50,#0d1b2a);border-color:#0000;position:relative;overflow:hidden}.way.featured:before{content:"";background:radial-gradient(circle,#e8621a66,#0000 70%);border-radius:9999px;width:200px;height:200px;position:absolute;top:-80px;right:-80px}.way.featured .icon-big{color:#fff;background:#e8621a33;position:relative}.way.featured h3{color:#fff}.way.featured p{color:#cbd5e1}.way.featured .tag-top{color:#fdba74;background:#e8621a33}.way h3{color:#152e50;letter-spacing:-.015em;margin:0 0 10px;font-size:22px;font-weight:800}.way p{color:#64748b;margin:0 0 22px;font-size:14.5px;line-height:1.55}.way .tag-top{color:#cc4e0e;letter-spacing:.08em;text-transform:uppercase;background:#fff1e6;border-radius:9999px;margin-bottom:14px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex;position:relative}.way .meta-row{color:#64748b;border-top:1px solid #e2e8f0;justify-content:space-around;padding-top:18px;font-size:12px;display:flex;position:relative}.way.featured .meta-row{color:#94a3b8;border-color:#ffffff1a}.way .meta-row b{color:#152e50;margin-bottom:2px;font-size:14px;display:block}.way.featured .meta-row b{color:#fff}.steps-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.step-card{background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:26px;position:relative}.step-card .step-num{color:#fff1e6;letter-spacing:-.03em;font-size:56px;font-weight:800;line-height:1;position:absolute;top:14px;right:18px}.step-card h4{color:#152e50;margin:0 0 8px;font-size:17px;font-weight:800;position:relative}.step-card p{color:#64748b;margin:0;font-size:13.5px;line-height:1.55;position:relative}.step-card .num-tag{color:#cc4e0e;letter-spacing:.1em;background:#fff1e6;border-radius:9999px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.pricing-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:32px;display:grid}.pricing-info h2{color:#152e50;letter-spacing:-.02em;margin:0 0 16px;font-size:36px;font-weight:800;line-height:1.15}.pricing-info p{color:#64748b;margin:0 0 20px;font-size:16px;line-height:1.6}.pricing-info ul{flex-direction:column;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.pricing-info ul li{color:#152e50;padding-left:28px;font-size:14.5px;font-weight:500;position:relative}.pricing-info ul li:before{content:"✓";color:#fff;background:#e8621a;border-radius:9999px;place-items:center;width:20px;height:20px;font-size:11px;font-weight:800;display:grid;position:absolute;left:0}.invoice-card{background:#fff;border:1px solid #e2e8f0;border-radius:24px;max-width:420px;margin:0 auto;padding:28px;box-shadow:0 4px 12px #0d1b2a14,0 24px 48px -16px #0d1b2a29}.invoice-head{border-bottom:1px dashed #e2e8f0;justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:18px;display:flex}.invoice-head .ttl{color:#152e50;letter-spacing:-.01em;font-size:15px;font-weight:800}.invoice-head .badge{color:#15803d;background:#dcfce7;border-radius:9999px;padding:4px 10px;font-size:11px;font-weight:700}.invoice-line{justify-content:space-between;align-items:center;padding:8px 0;font-size:13.5px;display:flex}.invoice-line .label{color:#152e50;font-weight:600}.invoice-line .label .sub{color:#64748b;margin-top:2px;font-size:11.5px;font-weight:500;display:block}.invoice-line .val{color:#152e50;font-family:ui-monospace,Menlo,monospace;font-weight:700}.invoice-total{border-top:2px solid #152e50;justify-content:space-between;align-items:baseline;margin-top:14px;padding-top:18px;display:flex}.invoice-total .label{color:#152e50;font-size:15px;font-weight:800}.invoice-total .val{color:#e8621a;letter-spacing:-.02em;font-family:ui-monospace,Menlo,monospace;font-size:28px;font-weight:800}.invoice-foot{color:#64748b;margin-top:14px;font-size:11.5px;line-height:1.5}.reviews{grid-template-columns:repeat(3,1fr)}.pk-figure{margin:0}.pk-figure img{border-radius:20px;width:100%;display:block;box-shadow:0 4px 12px #0d1b2a1a,0 24px 48px -16px #0d1b2a24}.pk-figure figcaption{color:#94a3b8;text-align:center;margin-top:10px;font-size:13px;line-height:1.5}@media (width<=1100px){.hero .container{grid-template-columns:1fr}.hero h1{font-size:44px}.hero-visual{display:none}.svc-detail-grid,.ways,.steps-grid,.pricing-grid,.reviews{grid-template-columns:1fr}}
