html,body{overflow-x:hidden}body{color:#252a2e;background:#f5f7f7;margin:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}a{color:inherit}.hero{color:#fff;background:#11181c;min-height:92vh;position:relative;overflow:hidden}.hero__media,.hero__shade{position:absolute;inset:0}.hero__media{background-image:url(/brand/ostrovnaya-geometriya-hero.png);background-position:50%;background-size:cover}.hero__shade{background:linear-gradient(90deg,#090f12eb,#090f1294 42%,#090f121f),linear-gradient(#090f1200,#090f1266)}.hero__inner{z-index:1;max-width:1180px;min-height:92vh;margin:0 auto;padding:24px;position:relative}.topbar,.brand,.nav,.hero__actions,.domain-list,.brand-spec{align-items:center;display:flex}.topbar{justify-content:space-between;gap:24px}.brand{gap:12px;min-width:0;text-decoration:none}.brand__mark{aspect-ratio:1;border:2px solid #0e6f7c;justify-content:center;align-items:center;width:48px;font-weight:800;display:inline-flex}.brand strong,.brand small{overflow-wrap:anywhere;display:block}.brand small{color:#ffffffb8;margin-top:3px;font-size:12px}.nav{flex-wrap:wrap;justify-content:flex-end;gap:14px}.nav a{color:#ffffffc7;font-size:14px;text-decoration:none}.hero__content{max-width:720px;padding-top:clamp(90px,15vh,170px)}.eyebrow{color:#0e6f7c;letter-spacing:.08em;text-transform:uppercase;margin:0 0 14px;font-size:12px;font-weight:800}.hero .eyebrow{color:#75d6df}h1,h2,h3,p{margin-top:0}h1{max-width:760px;margin-bottom:22px;font-size:clamp(42px,7vw,82px);line-height:.98}h2{margin-bottom:18px;font-size:clamp(30px,4vw,52px);line-height:1.05}h3{margin-bottom:10px;font-size:20px}p{line-height:1.65}.lead{color:#ffffffd1;max-width:650px;font-size:19px}.hero__actions{flex-wrap:wrap;gap:12px;margin-top:32px}.button,.lead-form button{cursor:pointer;text-align:center;border:0;justify-content:center;max-width:100%;padding:15px 20px;font-weight:800;text-decoration:none;display:inline-flex}.button--primary,.lead-form button{color:#fff;background:#b64036}.button--ghost{color:#fff;background:#ffffff1f}.button--outline{color:#0e6f7c;background:0 0;border:1px solid #0e6f7c}.button--solo{margin-top:28px}.section{max-width:1180px;margin:0 auto;padding:76px 24px}.section--intro{padding-top:88px}.section__head{max-width:760px}.section__head p,.split p,.brand-panel p,.contact-band p{color:#526068}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.service-card{background:#fff;border:1px solid #dce2e4;min-height:205px;padding:24px}.service-card p{color:#56636b;font-size:15px}.split,.brand-panel,.contact-band{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:36px;display:grid}.timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.timeline li{color:#fff;background:#252a2e;min-height:82px;padding:22px 24px}.brand-panel{background:#e7eaeb;max-width:none;padding-left:max(24px,50vw - 566px);padding-right:max(24px,50vw - 566px)}.brand-spec{align-items:stretch;gap:12px}.brand-spec div,.domain-list span{background:#fff;border:1px solid #d7dddf;padding:18px}.brand-spec span{color:#6f7b83;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.domain-list{flex-wrap:wrap;gap:10px;margin-top:26px}.domain-list span{font-weight:800}.contact-band{background:#fff;border-top:4px solid #0e6f7c;margin-bottom:80px}.section--muted{background:#eef2f2;max-width:none;padding-left:max(24px,50vw - 566px);padding-right:max(24px,50vw - 566px)}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:30px;display:grid}.stat-card{background:#fff;border:1px solid #d7dddf;min-height:110px;padding:20px}.stat-card strong,.stat-card span{display:block}.stat-card strong{color:#252a2e;margin-bottom:10px;font-size:17px;line-height:1.25}.stat-card span{color:#526068;font-size:14px;line-height:1.45}.page-topbar{background:#fff;border-bottom:1px solid #dce2e4;justify-content:space-between;align-items:center;gap:24px;padding:18px 24px;display:flex}.brand--dark small,.nav--dark a{color:#526068}.landing{grid-template-columns:minmax(0,1fr) 340px;gap:40px;max-width:1180px;min-height:560px;margin:0 auto;padding:90px 24px 70px;display:grid;position:relative}.landing__media{z-index:-1;background:linear-gradient(90deg,#f5f7f7fa,#f5f7f7c7,#f5f7f78c),url(/brand/ostrovnaya-geometriya-hero.png) 100%/cover;position:absolute;inset:0}.lead--dark{color:#526068}.quote-box{color:#fff;background:#252a2e;align-self:start;padding:28px}.quote-box span,.quote-box strong{display:block}.quote-box span{color:#75d6df;text-transform:uppercase;margin-bottom:8px;font-size:12px;font-weight:800}.quote-box strong{margin-bottom:22px;font-size:24px}.quote-box p{color:#ffffffc2;margin-bottom:0}.service-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.related-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:28px;display:grid}.related-list a{color:#252a2e;background:#fff;border:1px solid #d7dddf;min-height:70px;padding:16px;font-weight:800;text-decoration:none}.related-list--preview{grid-template-columns:repeat(3,minmax(0,1fr))}.contact-note{color:#b64036;font-weight:800}.contact-details{gap:7px;margin-top:22px;display:grid}.contact-details a{color:#0e6f7c;font-size:18px;font-weight:800;text-decoration:none}.contact-details p{margin:0;font-size:14px;line-height:1.5}.form-cta{text-align:center}.form-note{color:#66747b;margin:0;font-size:12px;line-height:1.4}.lead-form{gap:14px;display:grid}.lead-form label{color:#526068;gap:8px;font-size:14px;font-weight:800;display:grid}.lead-form input,.lead-form textarea{color:#252a2e;font:inherit;border:1px solid #cfd8dc;width:100%;padding:14px}.lead-form textarea{resize:vertical;min-height:120px}.lead-form__consent{color:#526068;grid-template-columns:18px 1fr;align-items:start;gap:10px;font-size:13px;font-weight:700;line-height:1.45;display:grid}.lead-form__consent input{width:18px;height:18px;margin:2px 0 0;padding:0}.lead-form__consent a{color:#0e6f7c;font-weight:800}.seo-section{gap:34px;display:grid}.seo-section__intro{max-width:820px}.seo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.seo-grid article{background:#fff;border:1px solid #dce2e4;min-height:186px;padding:26px}.seo-grid p,.faq-block p{color:#56636b}.faq-block{background:#fff;border-top:4px solid #0e6f7c;padding:30px}.faq-block details{border-top:1px solid #dce2e4;padding:18px 0}.faq-block details:first-of-type{margin-top:12px}.faq-block summary{cursor:pointer;font-weight:800}.faq-block p{max-width:900px;margin:12px 0 0}.prototype-page{background:#f4f6f5}.company-header{color:#fff;z-index:2;background:#091013d1;border-bottom:1px solid #ffffff1f;position:relative}.company-header__top,.company-header__main{max-width:1440px;margin:0 auto;padding-left:32px;padding-right:32px}.company-header__top{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:18px;min-height:38px;display:flex}.company-header__top span,.company-header__top strong{font-size:12px;line-height:1.2}.company-header__top span{color:#ffffffb8}.company-header__top strong{color:#75d6df;font-weight:800}.company-header__main{grid-template-columns:minmax(260px,340px) minmax(420px,1fr) minmax(170px,auto) auto;align-items:center;gap:20px;min-height:88px;display:grid}.company-header .brand__mark{border-color:#75d6df;width:58px}.company-header .brand strong{color:#fff;font-size:19px;line-height:1.1}.company-header .brand small{color:#ffffffb8}.company-header__nav{justify-content:center;gap:18px}.company-header__nav a{color:#ffffffd6;white-space:nowrap;font-size:14px;font-weight:800}.company-header__contacts{border-left:1px solid #ffffff29;padding-left:22px}.company-header__contacts span,.company-header__contacts a{white-space:nowrap;display:block}.company-header__contacts span{color:#ffffff9e;margin-bottom:6px;font-size:12px}.company-header__contacts a{color:#fff;font-size:17px;font-weight:800;text-decoration:none}.company-header__cta{color:#fff;text-align:center;white-space:nowrap;background:#b64036;padding:15px 18px;font-weight:800;text-decoration:none}.mobile-menu{display:none;position:relative}.mobile-menu__toggle{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;grid-template-columns:18px auto;align-items:center;gap:3px;min-height:44px;padding:8px 11px;display:inline-grid}.mobile-menu__toggle span{background:currentColor;grid-column:1;width:18px;height:2px;display:block}.mobile-menu__toggle strong{grid-area:1/2/span 3;font-size:13px;line-height:1}.mobile-menu__panel{color:#fff;z-index:50;background:#10191d;border:1px solid #ffffff29;width:min(86vw,420px);max-width:calc(100vw - 36px);padding:14px;position:absolute;top:calc(100% + 10px);left:auto;right:0;box-shadow:0 22px 54px #00000057}.mobile-menu__quick,.mobile-menu__catalog details div{gap:8px;display:grid}.mobile-menu__quick{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px}.mobile-menu a,.mobile-menu summary{color:#fff;font-size:14px;font-weight:800;text-decoration:none}.mobile-menu__quick a,.mobile-menu__catalog a,.mobile-menu__request{background:#ffffff14;border:1px solid #ffffff1a;padding:12px}.mobile-menu__catalog details{border-top:1px solid #ffffff1f;padding:11px 0}.mobile-menu__catalog summary{cursor:pointer;list-style:none}.mobile-menu__catalog summary::-webkit-details-marker{display:none}.mobile-menu__catalog summary:after{content:"+";float:right}.mobile-menu__catalog details[open] summary:after{content:"−"}.mobile-menu__catalog details div{margin-top:10px}.mobile-menu__request{text-align:center;background:#b64036;margin-top:12px;display:block}.prototype-hero{color:#fff;background:#0d1417 url(/brand/ostrovnaya-geometriya-hero.png) 50%/cover;min-height:100svh;position:relative;overflow:hidden}.prototype-hero__shade{background:linear-gradient(90deg,#070c0ef0,#070c0ead 46%,#070c0e33),linear-gradient(#070c0e6b,#070c0e0f 45%,#070c0e85);position:absolute;inset:0}.prototype-topbar,.prototype-hero__inner{z-index:1;max-width:1440px;margin:0 auto;position:relative}.prototype-topbar{justify-content:space-between;align-items:center;gap:30px;padding:30px 32px;display:flex}.prototype-topbar .brand__mark{width:58px}.prototype-topbar .brand strong{font-size:18px}.prototype-topbar .nav{gap:22px}.prototype-topbar .nav a{font-size:15px}.prototype-topbar__meta{border-left:1px solid #ffffff3d;min-width:128px;padding-left:22px}.prototype-topbar__meta strong,.prototype-topbar__meta span{display:block}.prototype-topbar__meta strong{color:#fff;font-size:18px;line-height:1.1}.prototype-topbar__meta span{color:#ffffffb3;margin-top:5px;font-size:12px}.prototype-hero__inner{grid-template-columns:minmax(0,1fr) 390px;align-items:end;gap:42px;min-height:calc(100svh - 127px);padding:72px 32px 68px;display:grid}.prototype-hero__content{max-width:760px}.prototype-hero h1{margin-bottom:24px;font-size:76px;line-height:.98}.button--glass{color:#fff;background:#ffffff1f;border:1px solid #ffffff3d}.prototype-badges{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.prototype-badges span{color:#ffffffdb;background:#ffffff1f;border:1px solid #fff3;padding:10px 12px;font-size:13px;font-weight:800}.prototype-hero-card{background:#0f1a1ed1;border:1px solid #ffffff24;padding:28px}.prototype-hero-card span,.prototype-packages span{color:#75d6df;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:800;display:block}.prototype-hero-card strong{margin-bottom:18px;font-size:28px;line-height:1.08;display:block}.prototype-hero-card p{color:#ffffffc2;margin-bottom:0}.prototype-strip{color:#fff;background:#152025;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.prototype-strip div{border-right:1px solid #ffffff1f;min-height:126px;padding:26px}.prototype-strip strong,.prototype-strip span{display:block}.prototype-strip strong{color:#ad4439;margin-bottom:18px;font-size:18px}.prototype-strip span{font-size:17px;font-weight:800}.prototype-section .section__head{max-width:820px}.prototype-materials,.prototype-packages{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.prototype-materials article,.prototype-packages article{background:#fff;border:1px solid #dce2e4;min-height:188px;padding:26px}.prototype-materials p,.prototype-packages p{color:#56636b}.prototype-process{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:42px;display:grid}.prototype-timeline{gap:12px;margin:0;padding:0;list-style:none;display:grid}.prototype-timeline li{color:#252a2e;background:#fff;border-left:4px solid #0e6f7c;min-height:76px;padding:20px 22px}.prototype-packages article{flex-direction:column;display:flex}.prototype-packages a{color:#b64036;margin-top:auto;font-weight:800;text-decoration:none}.dark-page{color:#eef4f4;background:#10181b}.dark-hero{min-height:92svh;position:relative;overflow:hidden}.dark-hero__media{background:linear-gradient(90deg,#0a0f11f5,#0a0f11bd 48%,#0a0f1161),linear-gradient(#0a0f1114,#0a0f11d6),url(/brand/ostrovnaya-geometriya-hero.png) 50%/cover;position:absolute;inset:0}.dark-topbar{border-bottom:1px solid #ffffff1f}.dark-hero__inner{z-index:1;grid-template-columns:minmax(0,1fr) 330px;align-items:end;gap:42px;max-width:1180px;min-height:calc(92svh - 104px);margin:0 auto;padding:84px 24px 74px;display:grid;position:relative}.dark-hero__content{max-width:760px}.dark-hero h1{margin-bottom:24px;font-size:68px;line-height:1}.dark-metric{background:#ad443929;border:1px solid #ad44396b;padding:28px}.dark-metric span{color:#75d6df;text-transform:uppercase;margin-bottom:12px;font-size:12px;font-weight:800;display:block}.dark-metric strong{margin-bottom:18px;font-size:28px;line-height:1.1;display:block}.dark-metric p,.dark-section p,.dark-grid p,.dark-request p{color:#eef4f4b8}.dark-band{color:#fff;background:#a23c34;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;display:grid}.dark-band span{text-transform:uppercase;border-right:1px solid #ffffff38;min-height:94px;padding:34px 26px;font-size:18px;font-weight:800}.dark-section{max-width:1180px;margin:0 auto;padding:82px 24px}.dark-section__head{max-width:780px}.dark-section h2{color:#fff}.dark-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:34px;display:grid}.dark-grid article,.dark-related a,.dark-request,.dark-checklist li{background:#172226;border:1px solid #ffffff1c}.dark-grid article{min-height:190px;padding:26px}.dark-grid h3{color:#fff}.dark-split,.dark-request{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;display:grid}.dark-checklist{gap:12px;margin:0;padding:0;list-style:none;display:grid}.dark-checklist li{color:#eef4f4db;padding:20px 22px 20px 52px;font-weight:800;position:relative}.dark-checklist li:before{content:"";background:#75d6df;width:8px;height:8px;position:absolute;top:28px;left:24px}.dark-related{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px;display:grid}.dark-related a{color:#fff;min-height:78px;padding:18px;font-weight:800;text-decoration:none}.dark-request{max-width:1180px;margin-bottom:82px}.lead-form--dark input,.lead-form--dark textarea{color:#fff;background:#0f171a;border-color:#ffffff24}.lead-form--dark label{color:#eef4f4c7}@media (max-width:900px){.topbar,.split,.brand-panel,.contact-band{display:block}.topbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.topbar .brand{flex:auto}.topbar .mobile-menu{flex:none}.topbar .nav,.company-header__nav{display:none}.topbar .mobile-menu{display:block}.service-grid,.stats-grid,.related-list,.related-list--preview,.service-grid--compact,.seo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-topbar,.landing{display:block}.landing{min-height:auto}.quote-box{margin-top:30px}.brand-spec{margin-top:22px}.prototype-topbar,.prototype-hero__inner,.prototype-process{display:block}.prototype-topbar__meta{border-left:0;margin-top:18px;padding-left:0}.company-header__top,.company-header__main{padding-left:22px;padding-right:22px}.company-header__top{justify-content:stretch;align-items:flex-start;gap:7px;padding-top:12px;padding-bottom:12px;display:grid}.company-header__main{grid-template-columns:1fr auto;min-height:auto;padding-top:18px;padding-bottom:18px}.company-header__main .mobile-menu{justify-self:end;display:block}.company-header__contacts{border-left:0;grid-column:1;padding-left:0}.company-header__cta{grid-area:2/2}.prototype-hero__inner{min-height:auto;padding-top:82px}.prototype-hero h1{font-size:52px}.prototype-hero-card{margin-top:36px}.prototype-strip,.prototype-materials,.prototype-packages{grid-template-columns:repeat(2,minmax(0,1fr))}.prototype-timeline{margin-top:26px}.dark-hero__inner,.dark-split,.dark-request{display:block}.dark-hero__inner{min-height:auto;padding-top:82px}.dark-hero h1{font-size:50px}.dark-metric{margin-top:34px}.dark-band,.dark-grid,.dark-related{grid-template-columns:repeat(2,minmax(0,1fr))}.dark-checklist{margin-top:26px}}@media (max-width:620px){.hero__inner{padding:18px}.service-grid,.stats-grid,.related-list,.related-list--preview,.service-grid--compact,.seo-grid{grid-template-columns:1fr}.page-topbar{padding:16px 18px}.brand-spec{display:grid}.hero__content{padding-top:70px}h1{overflow-wrap:anywhere;font-size:40px}.hero__actions{align-items:stretch;display:grid}.hero__actions .button{width:100%}.prototype-topbar{padding:18px}.company-header__main{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.company-header__contacts,.company-header__cta{margin-top:16px}.company-header__contacts{display:none}.company-header__main .mobile-menu{grid-area:1/2}.company-header .brand{min-width:0}.company-header .brand__mark,.topbar .brand__mark{width:46px}.company-header .brand strong,.topbar .brand strong{font-size:16px}.company-header .brand small,.topbar .brand small{font-size:11px}.mobile-menu__panel{width:min(92vw,380px);right:0}.mobile-menu__quick{grid-template-columns:1fr}.company-header__cta{grid-area:2/1/auto/-1;margin-top:0;display:block}.prototype-hero__inner{padding:66px 18px 46px}.prototype-hero h1{font-size:42px}.prototype-strip,.prototype-materials,.prototype-packages{grid-template-columns:1fr}.prototype-strip div{border-bottom:1px solid #ffffff1f;border-right:0}.dark-hero__inner{padding:66px 18px 48px}.dark-hero h1{font-size:40px}.dark-section{padding:64px 18px}.dark-band,.dark-grid,.dark-related{grid-template-columns:1fr}.dark-band span{border-bottom:1px solid #ffffff38;border-right:0}}
