.okna-page{--okna-bg:#f6f8fb;--okna-text:#0d1b2a;--okna-muted:#5b6573;--okna-line:#e8ecf3;--okna-blue:#0e6fff;--okna-radius:24px;--okna-shadow:0 24px 70px rgba(13,27,42,.1);background:var(--okna-bg);color:var(--okna-text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.okna-page a{color:inherit;text-decoration:none}.okna-page .container{width:min(1280px,calc(100% - 64px));margin:auto}.okna-page .site-header{position:-webkit-sticky;position:sticky;z-index:20;top:0;height:80px;padding:0 28px;display:flex;align-items:center;gap:28px;background:hsla(0,0%,100%,.92);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(232,236,243,.9)}.okna-page .logo{display:flex;align-items:center;gap:12px;min-width:180px}.okna-page .logo-img{width:104px;height:auto;display:block;object-fit:contain}.okna-page .logo small{display:block;color:var(--okna-muted);font-size:11px;margin-top:3px}.okna-page .main-nav{display:flex;gap:26px;font-size:14px;font-weight:650;flex:1 1;justify-content:center}.okna-page .main-nav a:hover{color:var(--okna-blue)}.okna-page .header-actions{display:flex;gap:16px;align-items:center}.okna-page .phone{font-weight:800;text-align:right}.okna-page .phone small{display:block;color:var(--okna-muted);font-size:11px;margin-top:3px;font-weight:500}.okna-page .btn{display:inline-flex;align-items:center;justify-content:center;border-radius:14px;padding:15px 24px;font-weight:800;font-size:14px;border:1px solid transparent;cursor:pointer}.okna-page .btn-primary{background:var(--okna-blue);color:#fff;box-shadow:0 12px 30px rgba(14,111,255,.28)}.okna-page .btn-glass{color:#fff;border-color:hsla(0,0%,100%,.45);background:hsla(0,0%,100%,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.okna-page .btn-wide{width:100%}.okna-page .hero{position:relative;min-height:660px;color:#fff;overflow:hidden}.okna-page .hero-bg{position:absolute;inset:0;background:linear-gradient(115deg,#07101e 10%,#103a73 60%,#0e6fff 130%)}.okna-page .hero-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(900px 500px at 80% -10%,hsla(0,0%,100%,.18),transparent 60%)}.okna-page .hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 330px;align-items:center;grid-gap:60px;gap:60px;padding:90px 0 70px}.okna-page .hero h1{font-size:clamp(38px,5vw,68px);line-height:1.04;margin:0 0 24px;max-width:760px}.okna-page .hero p{font-size:19px;line-height:1.6;max-width:660px;color:hsla(0,0%,100%,.92)}.okna-page .hero-buttons{display:flex;gap:16px;margin:34px 0;flex-wrap:wrap}.okna-page .benefits-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px;max-width:900px;margin-top:50px}.okna-page .benefits-row span{font-weight:700;font-size:14px}.okna-page .glass{background:hsla(0,0%,100%,.14);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border:1px solid hsla(0,0%,100%,.24);box-shadow:var(--okna-shadow)}.okna-page .hero-card{border-radius:var(--okna-radius);padding:30px}.okna-page .hero-card div{padding:18px 0;border-bottom:1px solid hsla(0,0%,100%,.2)}.okna-page .hero-card div:last-child{border:0}.okna-page .hero-card b{display:block;font-size:26px}.okna-page .hero-card span{color:hsla(0,0%,100%,.82);font-size:14px}.okna-page .calculator-section,.okna-page .section{padding:70px 0}.okna-page .calculator-section,.okna-page .muted,.okna-page .services-section{background:#fff}.okna-page .eyebrow{color:var(--okna-blue);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:13px}.okna-page .calculator-section h2,.okna-page .section h2{font-size:clamp(30px,4vw,48px);line-height:1.06;margin:8px 0 16px}.okna-page .section-lead{color:var(--okna-muted);font-size:18px;margin:0}.okna-page .section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.okna-page .section-head a{color:var(--okna-blue);font-weight:800}.okna-page .calc-grid{display:grid;grid-template-columns:1.1fr 400px;grid-gap:50px;gap:50px}.okna-page .product-types{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin:30px 0}.okna-page .card,.okna-page .type-card{background:#fff;border:1px solid var(--okna-line);border-radius:18px;padding:18px;box-shadow:0 12px 36px rgba(13,27,42,.05);transition:.25s}.okna-page .type-card{cursor:pointer;text-align:center}.okna-page .type-card.active,.okna-page .type-card:hover{border-color:var(--okna-blue);box-shadow:0 18px 44px rgba(14,111,255,.14);transform:translateY(-2px)}.okna-page .type-card b{display:block;font-size:15px}.okna-page .type-card p{margin:6px 0 0;color:var(--okna-muted);font-size:13px}.okna-page .type-figure{height:70px;border:3px solid #b7c0cc;margin:0 auto 12px;max-width:80px;display:grid;grid-gap:3px;gap:3px;padding:5px}.okna-page .type-figure.s2{grid-template-columns:repeat(2,1fr)}.okna-page .type-figure span{border:1px solid #b7c0cc}.okna-page .range-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:22px;gap:22px;align-items:start;margin-bottom:22px}.okna-page .range-grid label{font-weight:700;font-size:14px;display:block}.okna-page .range-grid input[type=number]{width:100%;margin:10px 0;padding:13px;border:1px solid var(--okna-line);border-radius:12px;font:inherit}.okna-page .range-grid input[type=range]{width:100%;accent-color:var(--okna-blue)}.okna-page .area-card{grid-column:1/-1;padding:16px 20px;border:1px solid var(--okna-line);border-radius:16px;display:flex;justify-content:space-between;align-items:center}.okna-page .area-card span{color:var(--okna-muted);font-size:13px}.okna-page .area-card b{font-size:20px}.okna-page .option-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.okna-page .option-grid label{display:flex;gap:10px;align-items:center;background:#f8fafc;border:1px solid var(--okna-line);padding:13px;border-radius:14px;font-size:14px;cursor:pointer}.okna-page .calc-summary{background:#fff;border:1px solid var(--okna-line);box-shadow:var(--okna-shadow);border-radius:var(--okna-radius);padding:26px;position:-webkit-sticky;position:sticky;top:100px}.okna-page .window-preview{height:200px;background:linear-gradient(#eef7ff,#fff);border-radius:18px;margin-bottom:22px;display:flex;gap:8px;justify-content:center;align-items:center;padding:30px}.okna-page .window-preview span{height:100%;flex:1 1;border:8px solid #d9e1ea;background:linear-gradient(135deg,#e7f6ff,#8cc7ef);box-shadow:inset 0 0 0 3px #fff}.okna-page .calc-summary dl{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;font-size:14px;margin:0}.okna-page .calc-summary dt{color:var(--okna-muted)}.okna-page .calc-summary dd{margin:0;text-align:right;font-weight:700}.okna-page .price-label{color:var(--okna-muted);margin-top:22px;margin-bottom:4px}.okna-page .price{display:block;color:var(--okna-blue);font-size:34px;margin-bottom:18px;font-weight:800}.okna-page .cards{display:grid;grid-gap:18px;gap:18px}.okna-page .catalog-cards{grid-template-columns:repeat(4,1fr)}.okna-page .advantage-cards{grid-template-columns:repeat(5,1fr)}.okna-page .project-cards,.okna-page .review-cards{grid-template-columns:repeat(4,1fr)}.okna-page .card-thumb{width:100%;height:140px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,#dbe9ff,#9fc4f5)}.okna-page .card h3{margin:0 0 8px;font-size:17px}.okna-page .card p{color:var(--okna-muted);font-size:14px;line-height:1.45;margin:0}.okna-page .review-cards .stars{color:#f5a623}.okna-page .timeline{display:grid;grid-template-columns:repeat(8,1fr);grid-gap:10px;gap:10px;margin-top:30px}.okna-page .step{background:#fff;border:1px solid var(--okna-line);border-radius:16px;padding:16px;text-align:center;font-weight:800;font-size:14px}.okna-page .service-calc{display:grid;grid-template-columns:1fr 420px;grid-gap:30px;gap:30px;margin-top:30px}.okna-page .service-panel,.okna-page .service-total{border:1px solid var(--okna-line);border-radius:var(--okna-radius);padding:26px;background:#fff;box-shadow:0 16px 48px rgba(13,27,42,.06)}.okna-page .service-panel{display:grid;grid-gap:16px;gap:16px;align-content:start}.okna-page .service-panel label{display:grid;grid-gap:8px;gap:8px;font-weight:800;font-size:14px}.okna-page .service-panel input,.okna-page .service-panel select{width:100%;padding:14px;border:1px solid var(--okna-line);border-radius:14px;font:inherit;background:#fff}.okna-page .service-row{display:grid;grid-template-columns:1fr 170px;grid-gap:14px;gap:14px;align-items:end}.okna-page .service-note{color:var(--okna-muted);line-height:1.5;margin:0;font-size:14px}.okna-page .service-cart{display:grid;grid-gap:12px;gap:12px;min-height:100px;margin:16px 0}.okna-page .service-cart-empty{color:var(--okna-muted);padding:18px;border:1px dashed var(--okna-line);border-radius:16px;text-align:center}.okna-page .service-cart-item{display:grid;grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:14px;border:1px solid var(--okna-line);border-radius:16px;background:#f8fafc;align-items:center}.okna-page .service-cart-item b{display:block;margin-bottom:4px;font-size:14px}.okna-page .service-cart-item small{color:var(--okna-muted)}.okna-page .service-cart-item button{border:0;background:transparent;color:#e23b3b;font-weight:800;cursor:pointer}.okna-page .service-grand{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--okna-line);padding-top:16px;margin:18px 0}.okna-page .service-grand strong{font-size:30px;color:var(--okna-blue)}.okna-page .contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:28px;gap:28px}.okna-page .form{display:grid;grid-gap:12px;gap:12px}.okna-page .form input,.okna-page .form textarea{padding:15px;border:1px solid var(--okna-line);border-radius:14px;font:inherit}.okna-page .form textarea{min-height:110px}.okna-page .form-status{font-size:14px;font-weight:700}.okna-page .map-placeholder{border-radius:var(--okna-radius);background:linear-gradient(135deg,#dfeeff,#f8fbff);display:grid;place-items:center;color:var(--okna-muted);font-weight:800;min-height:160px}.okna-page .okna-footer{background:#101923;color:#fff;padding:44px 0;margin-top:10px}.okna-page .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:40px;gap:40px}.okna-page .okna-footer .logo-img{background:#fff;border-radius:8px;padding:4px}.okna-page .okna-footer p{color:hsla(0,0%,100%,.8);line-height:1.6}@media (max-width:1050px){.okna-page .header-actions .phone small,.okna-page .main-nav{display:none}.okna-page .container{width:min(100% - 32px,720px)}.okna-page .calc-grid,.okna-page .contact-grid,.okna-page .hero-grid,.okna-page .service-calc{grid-template-columns:1fr}.okna-page .hero-card{display:none}.okna-page .advantage-cards,.okna-page .benefits-row,.okna-page .catalog-cards,.okna-page .project-cards,.okna-page .review-cards,.okna-page .timeline{grid-template-columns:1fr 1fr}.okna-page .calc-summary{position:static}.okna-page .service-row{grid-template-columns:1fr}}@media (max-width:620px){.okna-page .hero-buttons{flex-direction:column}.okna-page .advantage-cards,.okna-page .benefits-row,.okna-page .catalog-cards,.okna-page .footer-grid,.okna-page .option-grid,.okna-page .product-types,.okna-page .project-cards,.okna-page .range-grid,.okna-page .review-cards,.okna-page .timeline{grid-template-columns:1fr}.okna-page .hero h1{font-size:38px}}