/* сімсот медіа — спільна система сторінок. Фотографічна сцена у reference.css. */
:root { --site-bg:#070e1d; --site-panel:#0d192c; --site-line:rgba(174,205,255,.17); --site-text:#f8faff; --site-muted:#abb9ce; --site-blue:#1678ff; --site-cyan:#62d8ff; --radius:24px; --ease:cubic-bezier(.2,.75,.2,1); }
body { background:var(--site-bg); color:var(--site-text); font-size:16px; line-height:1.6; }
[hidden] { display:none !important; }
a,button { -webkit-tap-highlight-color:transparent; }
button:disabled { cursor:not-allowed; opacity:.45; transform:none !important; }
button, input { font-family:var(--font); }
.content-width { width:min(1160px,calc(100% - 96px)); margin-inline:auto; }
.eyebrow { display:block; color:#72c9ff; font-size:13px; font-weight:650; letter-spacing:.06em; margin-bottom:18px; }
h2,h3,p { overflow-wrap:break-word; }
.inner-page h1 { margin:0; font-size:clamp(42px,5.4vw,72px); font-weight:650; line-height:1.1; letter-spacing:-.055em; }
h2 { font-size:clamp(32px,4vw,52px); line-height:1.14; font-weight:600; letter-spacing:-.045em; }
h2 em,.inner-page h1 em { font-style:normal; color:#7caada; }
h3 { font-size:21px; line-height:1.3; letter-spacing:-.035em; font-weight:650; }
.section-heading { max-width:750px; margin-bottom:42px; }
.section-heading h2 { margin:0 0 24px; }.section-heading p { max-width:640px; margin:0; font-size:17px; line-height:1.75; color:var(--site-muted); }
.action-button { min-height:52px; gap:14px; padding:14px 23px; font-size:15px; letter-spacing:-.015em; border-radius:99px; box-shadow:0 8px 30px #0066ff25; line-height:1.4; }
.action-button svg { width:22px; height:22px; }
.button-secondary { border:1px solid #599bff50; background:#0c2340; box-shadow:none; }
.text-link { display:inline-flex; align-items:center; gap:12px; font-size:15px; color:#72c9ff; font-weight:600; }.text-link svg { width:21px; height:21px; }.text-link:hover { color:#fff; }
.brand { gap:11px; letter-spacing:0; }
.brand-number { display:inline-flex; align-items:center; color:#278cff; font-size:32px; font-weight:800; letter-spacing:-4px; line-height:1; position:relative; padding-right:6px; }
.brand-number > span { position:absolute; height:2px; width:40px; background:linear-gradient(90deg,#064eff,#43dcff); bottom:-6px; left:3px; }
.brand-name { display:flex; flex-direction:column; line-height:1.1; font-size:20px; letter-spacing:-.06em; }.brand-name strong { font-weight:750; }.brand-name > span { font-size:15px; font-weight:450; letter-spacing:.09em; }
.hero-header { grid-template-columns:22% 1fr 19%; gap:3%; }
.hero-header .brand-number { font-size:3.6cqw; letter-spacing:-.38cqw; padding-right:.6cqw; }.hero-header .brand-number > span { width:4.3cqw; bottom:-.6cqw; height:.2cqw; }.hero-header .brand-name { font-size:2.3cqw; }.hero-header .brand-name > span { font-size:1.6cqw; }
.hero-header .button-header { font-size:1.5cqw; }.hero-header .button-header svg { width:1.9cqw; height:1.9cqw; }
.home-page .hero-eyebrow { font-size:3.45cqw; }.home-page .hero-copy h1 { font-size:7.55cqw; }.home-page .headline-accent { font-size:6.65cqw; letter-spacing:-.24cqw; }.home-page .hero-subtitle { font-size:2.25cqw; margin-top:2.05cqw; }.home-page .hero-copy .light-divider { margin-top:2.6cqw; }
.home-page .value-item strong { font-size:2.25cqw; }.home-page .service-card { text-decoration:none; }.home-page .scene-layer { will-change:transform; }
.header-shell { position:sticky; z-index:30; top:0; border-bottom:1px solid #80a6d313; background:#070e1de8; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.inner-header { position:relative; inset:auto; width:min(1280px,calc(100% - 80px)); margin:0 auto; height:92px; display:grid; grid-template-columns:220px 1fr 190px; gap:40px; }
.inner-header .primary-navigation { justify-content:center; gap:36px; }.inner-header .nav-link { font-size:14px; padding:15px 0; }.inner-header .nav-link::after { bottom:7px; height:2px; }.inner-header .button-header { height:44px; padding:0 20px; font-size:14px; gap:10px; }.inner-header .button-header svg { width:19px; height:19px; }
.intro-section { padding:90px 0 120px; }.intent-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.intent-card { position:relative; padding:29px; border:1px solid var(--site-line); border-radius:var(--radius); background:linear-gradient(145deg,#10233b88,#0b16267a); overflow:hidden; transition:border-color .3s,transform .3s; }.intent-card:hover { transform:translateY(-5px); border-color:#2d92ff77; }.intent-card > svg { width:34px; height:34px; color:#60b6ff; }.card-index { position:absolute; top:27px; right:28px; color:#4e647e; font-size:13px; }.intent-card h3 { margin:34px 0 14px; max-width:250px; }.intent-card p { margin:0; color:var(--site-muted); font-size:15px; line-height:1.75; }
.economics-section { display:grid; grid-template-columns:1.04fr 1fr; gap:100px; align-items:center; padding-bottom:130px; }.economics-copy h2 { margin:0 0 28px; }.economics-copy p { color:var(--site-muted); font-size:16px; line-height:1.8; }.economics-copy .text-link { margin-top:15px; }
.economics-panel { padding:28px; position:relative; border:1px solid #7fb0e73f; border-radius:28px; background:radial-gradient(ellipse at 0 0,#1739687a,transparent 70%),linear-gradient(145deg,#0b182bd9,#091220f5); box-shadow:0 30px 90px #0003; transform:perspective(900px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)); transition:transform .35s; }
.panel-cap { display:flex; justify-content:space-between; padding-bottom:22px; border-bottom:1px solid var(--site-line); font-size:14px; color:#cbd9eb; }.panel-cap svg { width:23px; height:23px; color:#55b5ff; }.economics-step { display:flex; gap:19px; align-items:center; padding:22px 0; position:relative; }.economics-step > span { width:38px; height:38px; flex-shrink:0; display:grid; place-items:center; border:1px solid #5685c559; border-radius:12px; background:linear-gradient(135deg,#15365a,#0a192e); color:#82c5ff; font-size:12px; }.economics-step:not(:nth-last-child(2))::after { content:""; height:28px; width:1px; position:absolute; top:70px; left:19px; background:linear-gradient(#3589d5,#2b5a8822); }.economics-step strong { font-size:16px; font-weight:600; }.economics-step p { margin:4px 0 0; color:#8498b3; font-size:13px; }.economics-result { margin-top:4px; border:1px solid #4b9fe462; border-radius:12px; background:linear-gradient(110deg,#064cb529,#0b659b2b); padding:15px 17px; display:flex; justify-content:space-between; align-items:center; font-size:14px; }.economics-result svg { color:#7edbff; width:23px; height:23px; }
.packages-section { padding-bottom:130px; }.package-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; align-items:stretch; }.package-card { display:flex; flex-direction:column; position:relative; padding:30px 26px 25px; border:1px solid #58749640; border-radius:var(--radius); background:#0c1627; }.package-tag { align-self:flex-start; font-size:12px; padding:5px 10px; border-radius:20px; background:#2242694a; color:#93bfe8; }.package-card h3 { margin:25px 0 12px; font-size:25px; }.package-card > p { font-size:14px; color:var(--site-muted); margin:0; min-height:72px; }.package-price { margin:20px 0 24px; white-space:nowrap; font-size:37px; font-weight:650; letter-spacing:-.055em; line-height:1.2; }.package-price small { font-size:15px; font-weight:400; letter-spacing:0; }.package-price > span { font-size:15px; font-weight:400; color:#9cacbe; letter-spacing:0; }.individual-price { font-size:29px; white-space:normal; min-height:45px; }.individual-price > span { display:block; font-size:12px; margin-top:3px; }.package-card ul { list-style:none; margin:0 0 30px; padding:24px 0 0; border-top:1px solid var(--site-line); }.package-card li { position:relative; padding-left:22px; margin-bottom:14px; color:#c1ccdc; font-size:14px; line-height:1.6; }.package-card li::before { content:'✓'; position:absolute; top:0; left:0; color:#4dacff; font-size:13px; }.package-card .action-button { margin-top:auto; font-size:14px; padding-inline:17px; }.package-featured { background:radial-gradient(ellipse at 30% 0,#0e64bc66,transparent 53%),linear-gradient(150deg,#10223c,#0b1528); border-color:#469cec99; box-shadow:0 5px 45px #007dff0d; }.package-featured::before { content:""; position:absolute; top:-1px; left:20%; right:20%; height:2px; background:#4bbfff; box-shadow:0 0 17px #21a5ff; }.pricing-note { max-width:1000px; margin:24px auto 0; color:#8294ab; font-size:13px; line-height:1.8; text-align:center; }.pricing-note a { color:#a7c9f1; text-decoration:underline; text-underline-offset:3px; }
.builder-teaser { min-height:500px; position:relative; isolation:isolate; padding:65px 55px; margin-bottom:130px; overflow:hidden; border:1px solid var(--site-line); border-radius:30px; background:#040914; }.builder-teaser > img { position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; }.builder-teaser::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,#030b16f2 0%,#030b16c9 36%,#030b1620 77%); }.builder-teaser > div { max-width:570px; }.builder-teaser h2 { margin:0 0 25px; font-size:42px; }.builder-teaser p { max-width:440px; color:#a9bbd1; font-size:16px; line-height:1.75; margin:0 0 30px; }.teaser-caption { display:block; position:absolute; bottom:26px; right:31px; font-size:12px; letter-spacing:.05em; color:#7796b9; }
.process-section { padding-bottom:100px; }.process-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:25px; position:relative; }.process-track::before { content:""; position:absolute; left:0; right:0; top:24px; height:1px; background:linear-gradient(90deg,#2597fc,#365d8466,#4bbef844); }.process-step { position:relative; }.process-step > span { display:grid; place-items:center; width:48px; height:48px; border:1px solid #588bbb80; background:var(--site-bg); border-radius:50%; color:#89c8fd; font-size:13px; }.process-step h3 { margin:27px 0 14px; }.process-step p { font-size:14px; line-height:1.8; color:#a2b0c3; margin:0; }.section-note { color:#7589a1; font-size:13px; margin:30px 0 0; max-width:850px; }
.support-strip { padding:35px 32px; border-top:1px solid var(--site-line); border-bottom:1px solid var(--site-line); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px; margin-bottom:110px; }.support-strip > div > svg { width:27px; height:27px; color:#73baf2; display:block; margin-bottom:20px; }.support-strip strong { font-weight:600; font-size:16px; }.support-strip p { color:#90a3bb; font-size:14px; line-height:1.7; margin:12px 0 0; }
.faq-section { display:grid; grid-template-columns:1fr 1.15fr; gap:70px; padding-bottom:120px; }.faq-section .section-heading { position:sticky; top:130px; align-self:start; }.faq-section h2 { font-size:40px; }.faq-list details { border-top:1px solid var(--site-line); }.faq-list details:last-child { border-bottom:1px solid var(--site-line); }.faq-list summary { list-style:none; position:relative; padding:23px 36px 23px 0; cursor:pointer; font-size:16px; line-height:1.5; font-weight:550; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary::after { content:'+'; position:absolute; right:5px; top:22px; font-size:23px; line-height:1; color:#5ea1d5; transition:transform .2s; }.faq-list details[open] summary::after { transform:rotate(45deg); }.faq-list details p { margin:0 25px 25px 0; font-size:14px; line-height:1.9; color:#9eb1c8; animation:faq-in .35s var(--ease); }
.home-contact { display:grid; grid-template-columns:1.1fr 1fr; gap:85px; padding-bottom:130px; align-items:center; }.home-contact h2 { margin:0 0 24px; }.home-contact > div > p { font-size:17px; line-height:1.8; color:#a2b1c6; }.form-panel { position:relative; border:1px solid #7299c149; padding:33px; border-radius:26px; background:linear-gradient(150deg,#13263d99,#0b1524dc); box-shadow:0 25px 75px #0002; }.form-panel h2 { font-size:28px; margin:0 0 10px; }.form-panel > p { font-size:15px; margin:0 0 28px; color:#9fb0c7; }.form-panel > .eyebrow { margin-bottom:17px; }
.form-fields { display:grid; grid-template-columns:1fr; gap:21px; }.form-fields label { display:grid; gap:8px; font-size:14px; color:#d0deef; }.form-fields input { width:100%; min-height:54px; border:1px solid #7295ba4f; padding:14px 15px; border-radius:11px; background:#070f1c99; color:#fff; font-size:16px; transition:border-color .2s,box-shadow .2s; }.form-fields input::placeholder { color:#71859f; }.form-fields input:focus { border-color:#318edd; box-shadow:0 0 0 3px #2078dc1f; }.form-fields input[aria-invalid="true"] { border-color:#eea182; }.form-privacy { margin:22px 0; font-size:12px; line-height:1.8; color:#94a7bf; }.form-privacy a { color:#b1c9e6; text-decoration:underline; text-underline-offset:3px; }.form-submit { width:100%; font-size:15px; }.form-mode-note { margin:16px 0 0; font-size:12px; line-height:1.7; color:#8c9eb4; }.field-error { color:#ffb797; font-size:14px; margin:14px 0 0; }.form-status { color:#8ad7ff; font-size:14px; line-height:1.7; margin:15px 0 0; }.form-status:empty { display:none; }.form-submit[aria-busy="true"] svg { animation:button-wait .9s ease-in-out infinite alternate; }.form-plan { border:1px solid #3075aa44; border-radius:12px; padding:16px; background:#0d274455; margin-bottom:23px; }.form-plan > strong { display:block; font-size:14px; color:#98d2ff; margin-bottom:10px; }.form-plan ul { display:flex; flex-wrap:wrap; gap:6px; list-style:none; padding:0; margin:0 0 10px; }.form-plan li { font-size:12px; line-height:1.5; color:#bdd3eb; background:#30527145; border-radius:6px; padding:4px 7px; }.form-plan a { font-size:12px; color:#73bdfa; text-decoration:underline; }
.messengers { display:flex; flex-wrap:wrap; gap:10px; margin-top:29px; }.messenger { display:inline-flex; align-items:center; gap:8px; min-height:44px; border:1px solid #658cb73b; border-radius:99px; background:#10203782; color:#b9cfe7; padding:10px 13px; font-size:13px; transition:background .2s,border-color .2s; }.messenger svg { width:16px; height:16px; }.messenger > svg:last-child { width:14px; height:14px; }.messenger:hover { background:#173b6688; border-color:#3d90d57a; color:#fff; }
.cta-block { padding:55px; margin-top:80px; margin-bottom:110px; border:1px solid #34649277; border-radius:28px; background:radial-gradient(ellipse at right bottom,#00578e44,transparent 65%),#0e1c31; display:flex; justify-content:space-between; align-items:center; gap:40px; }.cta-block > div { max-width:730px; }.cta-block h2 { font-size:36px; margin:0 0 22px; }.cta-block p { max-width:620px; font-size:16px; line-height:1.75; color:#a0b5ce; margin:0; }.cta-block .action-button { flex-shrink:0; }
.site-footer { border-top:1px solid #6183ac26; padding-top:49px; background:linear-gradient(#091321,#060d19); }.footer-main { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:80px; padding-bottom:42px; }.site-footer .brand-number { font-size:36px; }.site-footer .brand-name { font-size:22px; }.site-footer .brand-name > span { font-size:15px; }.footer-main p { font-size:13px; color:#758aa3; line-height:1.85; margin:20px 0 0; }.footer-links,.footer-contact { display:flex; flex-direction:column; gap:11px; font-size:13px; color:#94a9c2; }.footer-links > span { color:#677c96; }.footer-contact > button { border:0; background:none; color:#a0c5ed; padding:0; text-align:left; margin-top:4px; width:max-content; font-size:13px; }.footer-links a:hover,.footer-bottom a:hover { color:#fff; }.footer-bottom { padding:22px 0 27px; border-top:1px solid #465f7e39; display:flex; justify-content:space-between; align-items:center; gap:25px; color:#6f829c; font-size:12px; }.footer-bottom > div { display:flex; flex-wrap:wrap; gap:20px; }
.about-hero { padding:88px 0 90px; display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:30px; }.about-hero h1 { font-size:clamp(44px,4.8vw,65px); }.about-hero p { font-size:17px; max-width:570px; line-height:1.8; color:#a7b7cd; margin:28px 0 31px; }.about-art { position:relative; overflow:hidden; border:1px solid var(--site-line); border-radius:30px; aspect-ratio:1/1.05; background:#050a14; }.about-art img { width:160%; max-width:none; height:100%; object-fit:cover; object-position:65% center; transform:translateX(-37%); }.about-art::after { content:""; position:absolute; inset:0; background:linear-gradient(transparent 65%,#050b16df); }.about-art > span { position:absolute; z-index:1; bottom:27px; left:29px; right:29px; font-size:13px; color:#8aaacb; }
.about-principle { padding:75px 0; border-top:1px solid var(--site-line); border-bottom:1px solid var(--site-line); display:grid; grid-template-columns:1fr 1fr; gap:0 80px; }.about-principle > .eyebrow { grid-column:1/-1; }.about-principle h2 { margin:0; }.about-principle p { color:#9bb0ca; font-size:17px; line-height:1.9; margin:0; }.team-section { padding:100px 0; }.team-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }.team-card { position:relative; padding:26px 22px; border:1px solid var(--site-line); border-radius:20px; background:linear-gradient(150deg,#12223877,#0a15257a); }.team-card > svg { width:30px; height:30px; color:#7cc0fc; margin-top:38px; display:block; }.role-number { color:#486583; font-size:12px; }.team-card h3 { font-size:20px; min-height:52px; margin:26px 0 17px; }.team-card p { color:#8ca2bd; font-size:14px; line-height:1.8; margin:0; }
.confidential-section { padding:53px; display:grid; grid-template-columns:140px 1fr; gap:35px; border:1px solid #2e5b8870; border-radius:26px; background:linear-gradient(120deg,#12315444,#0a1525); }.confidential-section > svg { width:85px; height:85px; stroke-width:1; color:#6dbeff; align-self:center; justify-self:center; }.confidential-section h2 { margin:0 0 25px; }.confidential-section p { color:#9bb0c9; font-size:16px; line-height:1.85; margin:0 0 16px; }.about-details { padding:80px 0 0; display:grid; grid-template-columns:1fr 1fr; gap:100px; }.about-details h3 { font-size:26px; margin:0 0 20px; }.about-details p { color:#96abc3; font-size:16px; line-height:1.85; }
.contact-layout { padding:85px 0 110px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:start; }.contact-intro h1 { font-size:clamp(56px,6.7vw,87px); }.contact-intro > p { margin:25px 0; max-width:440px; color:#9eafc6; font-size:17px; line-height:1.8; }.contact-facts { display:grid; gap:24px; margin:35px 0 30px; }.contact-facts > div { display:flex; align-items:flex-start; gap:15px; font-size:14px; color:#c2d1e3; }.contact-facts svg { width:22px; height:22px; color:#6fb9f5; flex-shrink:0; margin-top:3px; }.contact-facts small { display:inline-block; color:#8095af; font-size:12px; line-height:1.8; margin-top:3px; }.contact-email { display:flex; align-items:center; gap:13px; color:#80c2f5; font-size:15px; }.contact-email svg { width:23px; height:23px; }.contact-intro > .contact-fop { font-size:13px; color:#687f9c; }.contact-form-wrap { padding-top:25px; }.contact-form-wrap .form-panel { padding:38px; }.contact-reassurance { display:flex; align-items:center; justify-content:center; gap:8px; font-size:12px; line-height:1.6; color:#7289a6; margin:18px 10px; }.contact-reassurance svg { width:16px; height:16px; flex-shrink:0; }
.legal-main { padding:70px 0 100px; max-width:920px; }.legal-heading .text-link { margin-bottom:32px; font-size:14px; }.legal-heading h1 { font-size:clamp(36px,5vw,60px); margin-bottom:20px; }.legal-date { color:#6b819e; font-size:13px; padding-bottom:26px; border-bottom:1px solid var(--site-line); }.legal-content { font-size:16px; color:#aebed3; line-height:1.9; padding-top:20px; }.legal-intro { font-size:18px; color:#d4e1f2; line-height:1.8; }.legal-content h2 { font-size:24px; margin:40px 0 16px; color:#e0eaf6; letter-spacing:-.025em; }.legal-content p { margin:0 0 20px; }.legal-content a { color:#82c9ff; text-decoration:underline; text-underline-offset:3px; }.legal-content li { margin-bottom:10px; }.legal-placeholder { border-left:2px solid #8f8d6277; padding:15px 19px; color:#bdbda9; background:#8f7e2710; font-size:14px; }.table-scroll { overflow-x:auto; }.legal-content table { width:100%; border-collapse:collapse; font-size:14px; text-align:left; margin-bottom:24px; }.legal-content th,.legal-content td { padding:15px 17px; border:1px solid var(--site-line); vertical-align:top; }.legal-content th { background:#172940; color:#cfdeef; font-weight:600; }.legal-requisites { margin:25px 0 35px; }.legal-requisites > div { display:grid; grid-template-columns:240px 1fr; gap:20px; padding:19px 0; border-bottom:1px solid var(--site-line); }.legal-requisites dt { color:#738ca9; font-size:14px; }.legal-requisites dd { margin:0; color:#c4d3e6; font-size:15px; }.not-found { min-height:70vh; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; padding-block:70px; }.error-number { font-size:100px; font-weight:700; letter-spacing:-.08em; color:#297dd9; }.not-found h1 { font-size:38px; }.not-found p { color:#8fa5bf; }.not-found .action-button { margin-top:20px; }
.cookie-banner { position:fixed; z-index:100; bottom:22px; right:22px; width:420px; max-width:calc(100% - 28px); border:1px solid #7b9ec270; border-radius:20px; padding:22px; background:linear-gradient(140deg,#172a40f7,#0a1423f7); box-shadow:0 15px 70px #0009; backdrop-filter:blur(18px); animation:cookie-arrive .6s var(--ease); }.cookie-heading { display:flex; gap:11px; align-items:center; font-size:15px; line-height:1.4; }.mini-orbit { width:22px; height:22px; border:1px solid #5fabf8; border-radius:50%; position:relative; flex-shrink:0; }.mini-orbit::before { content:""; position:absolute; inset:4px -3px; border:1px solid #5fabf8; border-radius:50%; transform:rotate(-35deg); }.cookie-banner > p { font-size:13px; line-height:1.8; color:#a8bad0; margin:15px 0; }.cookie-actions { display:grid; grid-template-columns:1fr 1fr; gap:9px; }.cookie-choice { border:1px solid #5b99d989; min-height:43px; padding:9px 8px; border-radius:9px; background:#163b61; font-size:13px; color:#e2efff; }.cookie-choice:hover { background:#1a4e82; }.cookie-bottom { display:flex; justify-content:space-between; align-items:center; margin-top:13px; color:#7b9cbf; font-size:12px; }.cookie-bottom button { border:0; background:none; color:#a6c6e8; padding:0; font-size:12px; }.cookie-bottom a { text-decoration:underline; text-underline-offset:3px; }
.site-dialog { width:min(580px,calc(100% - 30px)); max-height:90dvh; margin:auto; padding:36px; border:1px solid #76abdc66; border-radius:23px; background:linear-gradient(145deg,#152b44,#0a1425 64%); color:#e4efff; box-shadow:0 30px 140px #000a; }.site-dialog::backdrop { background:#020918b3; backdrop-filter:blur(8px); }.site-dialog[open] { animation:dialog-arrive .3s var(--ease); }.dialog-x { position:absolute; right:14px; top:12px; height:36px; width:36px; display:grid; place-items:center; border:1px solid #8ba9c839; border-radius:50%; background:#13345244; color:#c1d7eb; font-size:25px; line-height:1; }.site-dialog h2 { font-size:33px; margin:0 25px 20px 0; }.site-dialog > p { color:#9ab0c9; font-size:14px; line-height:1.8; }.site-dialog .eyebrow { font-size:12px; }.site-dialog .action-button { width:100%; margin-top:16px; }
.consent-row { position:relative; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:21px 0; border-top:1px solid var(--site-line); }.consent-row strong { font-size:15px; font-weight:600; }.consent-row p,.consent-description { display:block; color:#8fa6c1; font-size:13px; margin:5px 0 0; line-height:1.65; }.consent-row > input { position:absolute; right:0; width:44px; height:26px; opacity:0; cursor:pointer; z-index:1; }.switch-track { display:block; width:44px; height:26px; border-radius:99px; background:#2c3b50; border:1px solid #66809c4d; flex-shrink:0; transition:background .2s; }.switch-track::before { content:""; display:block; width:18px; height:18px; margin:3px; border-radius:50%; background:#9fb0c3; transition:transform .2s,background .2s; }.consent-row input:checked + .switch-track { background:#0063ce; }.consent-row input:checked + .switch-track::before { transform:translateX(18px); background:#d7f2ff; }.consent-row input:focus-visible + .switch-track { outline:2px solid #84ccff; outline-offset:4px; }.essential-label { font-size:11px; color:#86b4d5; white-space:nowrap; }.cookie-availability { font-size:12px!important; color:#7893b0!important; }.mobile-contact { display:none; }.noscript-note { padding:20px; color:#bfdbf6; border-top:1px solid #355c82; font-size:14px; background:#102338; }
@keyframes faq-in { from { opacity:0; transform:translateY(-6px); } to { opacity:1; transform:translateY(0); } }
@keyframes cookie-arrive { from { transform:translateY(25px); opacity:0; } to { transform:translateY(0); opacity:1; } }
@keyframes dialog-arrive { from { transform:translateY(14px) scale(.98); opacity:0; } to { transform:none; opacity:1; } }
@keyframes button-wait { from { transform:translateX(-3px); } to { transform:translateX(5px); } }
@view-transition { navigation:auto; }
::view-transition-old(root) { animation:page-out .2s ease both; }::view-transition-new(root) { animation:page-in .45s var(--ease) both; }
@keyframes page-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:none; } }@keyframes page-out { to { opacity:0; } }
@media(max-width:1100px) {
 .content-width { width:calc(100% - 64px); }.inner-header { width:calc(100% - 64px); grid-template-columns:185px 1fr 160px; gap:20px; }.inner-header .primary-navigation { gap:23px; }.economics-section,.home-contact { gap:50px; }.package-card { padding:25px 20px 22px; }.package-price { font-size:32px; }.individual-price { font-size:25px; }.package-card h3 { font-size:22px; }.team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }.team-card h3 { min-height:auto; }.contact-layout { gap:60px; }.contact-form-wrap .form-panel { padding:29px; }.faq-section { gap:45px; }.faq-section h2 { font-size:35px; }.cta-block { flex-direction:column; align-items:flex-start; }
}
@media(max-width:860px) {
 .content-width { width:calc(100% - 44px); }.hero-header .brand-number { font-size:34px; letter-spacing:-4px; padding-right:7px; }.hero-header .brand-number > span { width:40px; height:2px; bottom:-6px; }.hero-header .brand-name { font-size:23px; }.hero-header .brand-name > span { font-size:15px; }.hero-header .brand { gap:12px; }
 .home-page .hero-eyebrow { font-size:clamp(23px,5.7vw,34px); }.home-page .hero-copy h1 { font-size:clamp(39px,9.5vw,58px); }.home-page .headline-accent { font-size:clamp(27px,7.2vw,48px); letter-spacing:-.045em; }.home-page .headline-accent > i { width:15px; }.home-page .hero-subtitle { font-size:16px; margin-top:21px; max-width:340px; }.home-page .hero-copy .light-divider { margin-top:24px; }.home-page .value-item strong { font-size:clamp(15px,4.1vw,23px); }
 .inner-header { width:calc(100% - 44px); height:80px; display:flex; gap:20px; }.inner-header .primary-navigation { display:none; position:absolute; top:72px; flex-direction:column; align-items:stretch; justify-content:flex-start; gap:2px; padding:14px; }.inner-header .primary-navigation.is-open { display:flex; }.inner-header .nav-link { font-size:16px; padding:12px; }.inner-header .button-header { display:none; }.inner-header .brand { gap:12px; }.inner-header .brand-number { font-size:34px; }.inner-header .brand-name { font-size:23px; }.inner-header .brand-name > span { font-size:15px; }
 .intro-section { padding:60px 0 80px; }.section-heading { margin-bottom:32px; }.section-heading p { font-size:16px; }.intent-grid { grid-template-columns:1fr; gap:14px; }.intent-card { padding:25px; }.intent-card h3 { margin:23px 0 12px; max-width:none; }.intent-card > svg { width:29px; height:29px; }
 .economics-section { grid-template-columns:1fr; gap:35px; padding-bottom:85px; }.economics-copy { max-width:650px; }.economics-panel { max-width:620px; width:100%; margin:auto; padding:25px; }.economics-step p { font-size:13px; }
 .packages-section { padding-bottom:85px; }.package-grid { grid-template-columns:1fr; gap:18px; }.package-card { padding:27px; }.package-card > p { min-height:0; max-width:510px; }.package-price { font-size:38px; margin-block:24px; }.individual-price { font-size:31px; }.package-card h3 { font-size:26px; }.package-card ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 23px; }.package-card li { margin:0; }.package-card .action-button { width:100%; }.pricing-note { font-size:12px; text-align:left; }
 .builder-teaser { padding:40px 30px; min-height:520px; margin-bottom:85px; }.builder-teaser > img { opacity:.65; object-position:64% center; }.builder-teaser::after { background:linear-gradient(90deg,#030b16e0,#030b1644); }.builder-teaser h2 { font-size:34px; }.builder-teaser p { max-width:410px; }.teaser-caption { left:30px; right:auto; font-size:11px; }
 .process-track { grid-template-columns:1fr 1fr; gap:37px; }.process-track::before { display:none; }.process-step > span { width:42px; height:42px; }.process-step h3 { margin-top:18px; }.process-section { padding-bottom:70px; }.support-strip { padding:25px 0; gap:25px; margin-bottom:80px; }.support-strip strong { font-size:14px; }.support-strip p { font-size:13px; }
 .faq-section { grid-template-columns:1fr; gap:5px; padding-bottom:80px; }.faq-section .section-heading { position:static; }.faq-section h2 { font-size:clamp(32px,4vw,48px); }.faq-list summary { font-size:16px; padding-block:22px; }.home-contact { grid-template-columns:1fr; gap:30px; padding-bottom:90px; }.home-contact > div:first-child { max-width:600px; }.home-contact .form-panel { padding:28px; }.form-fields { grid-template-columns:1fr 1fr; gap:16px; }.messengers { gap:9px; }
 .footer-main { grid-template-columns:1fr 1fr; gap:36px; }.footer-main > div:first-child { grid-column:1/-1; }.footer-bottom { flex-direction:column-reverse; align-items:flex-start; gap:18px; padding-bottom:90px; }.footer-bottom > div { gap:10px 18px; }.site-footer { padding-top:37px; }
 .about-hero { padding:55px 0 65px; grid-template-columns:1fr; gap:36px; }.about-hero h1 { font-size:clamp(42px,7vw,65px); }.about-hero p { margin-top:23px; font-size:16px; }.about-art { max-height:420px; aspect-ratio:1.6; }.about-art img { width:115%; transform:translateX(-10%); object-position:center; }.about-principle { padding:48px 0; grid-template-columns:1fr; gap:24px; }.about-principle > .eyebrow { margin:0; }.about-principle p { font-size:16px; }.team-section { padding:70px 0; }.team-grid { gap:16px; }.team-card { padding:24px; }.confidential-section { grid-template-columns:70px 1fr; gap:25px; padding:32px; }.confidential-section > svg { width:60px; height:60px; align-self:start; }.confidential-section h2 { font-size:34px; }.confidential-section p { font-size:15px; }.about-details { padding-top:60px; gap:40px; }.about-details h3 { font-size:24px; }.about-details p { font-size:15px; }.cta-block { padding:34px; margin-top:60px; margin-bottom:75px; gap:25px; }.cta-block h2 { font-size:32px; }
 .contact-layout { grid-template-columns:1fr; gap:25px; padding:55px 0 70px; }.contact-intro h1 { font-size:64px; }.contact-form-wrap { padding-top:0; }.contact-form-wrap .form-panel { padding:28px; }.contact-facts { gap:20px; }.contact-intro > p { max-width:620px; }.legal-main { padding:45px 0 75px; }.legal-content h2 { font-size:22px; }.legal-requisites > div { grid-template-columns:1fr; gap:6px; }.legal-heading h1 { font-size:39px; }.legal-content { font-size:15px; }.legal-intro { font-size:17px; }
 .mobile-contact { display:flex; align-items:center; justify-content:space-between; gap:35px; position:fixed; bottom:15px; left:50%; transform:translateX(-50%); z-index:35; background:linear-gradient(100deg,#0758e9,#0782b9); color:#fff; min-height:48px; padding:12px 24px; border:1px solid #6cdcff55; border-radius:99px; font-size:14px; white-space:nowrap; box-shadow:0 8px 40px #0008; }.mobile-contact > span { font-size:21px; line-height:1; }.contact-page .mobile-contact,.constructor-page .mobile-contact { display:none; }.cookie-banner { bottom:14px; right:14px; }.site-dialog { padding:30px 24px; }.site-dialog h2 { font-size:28px; }
}
@media(max-width:520px) {
 .section-heading h2,h2 { font-size:31px; }.section-heading p { font-size:15px; }.intro-section { padding-top:45px; }.intent-card { padding:24px; }.intent-card h3 { font-size:21px; }.economics-panel { padding:22px; }.economics-step { gap:14px; }.economics-step strong { font-size:15px; }.economics-step p { font-size:12px; }.economics-result { font-size:13px; gap:10px; }.package-card { padding:26px 23px; }.package-card ul { grid-template-columns:1fr; gap:14px; }.package-card h3 { font-size:25px; }.package-card > p { font-size:14px; }.package-price { font-size:36px; }.individual-price { font-size:29px; }.package-price > span { font-size:14px; }.builder-teaser { min-height:575px; padding:33px 24px; }.builder-teaser > img { object-position:63% center; }.builder-teaser::after { background:linear-gradient(180deg,#040b17eb 0%,#040b17cb 45%,#040b1722 100%); }.builder-teaser h2 { font-size:31px; }.builder-teaser p { font-size:15px; }.builder-teaser .action-button { font-size:14px; }.teaser-caption { bottom:21px; left:24px; }.process-track { grid-template-columns:1fr; gap:26px; }.process-step { padding-left:64px; min-height:95px; }.process-step > span { position:absolute; left:0; top:1px; }.process-step:not(:last-child)::after { content:""; position:absolute; left:21px; width:1px; background:linear-gradient(#428cce88,transparent); top:50px; bottom:-19px; }.process-step h3 { margin:0 0 10px; font-size:20px; }.process-step p { font-size:14px; }.support-strip { grid-template-columns:1fr; gap:0; padding:0; }.support-strip > div { position:relative; padding:24px 0 24px 51px; }.support-strip > div:not(:last-child) { border-bottom:1px solid var(--site-line); }.support-strip > div > svg { position:absolute; left:0; top:27px; width:25px; height:25px; }.support-strip strong { font-size:15px; }.support-strip p { font-size:14px; margin-top:9px; }.faq-section h2 { font-size:31px; }.faq-list summary { font-size:15px; }.home-contact > div > p { font-size:15px; }.home-contact .form-panel { padding:25px 20px; }.form-fields { grid-template-columns:1fr; gap:21px; }.form-privacy { font-size:12px; }.messenger { padding:10px 12px; font-size:12px; gap:6px; }.messenger > svg:last-child { display:none; }
 .team-grid { grid-template-columns:1fr; }.team-card { padding:24px; display:grid; grid-template-columns:1fr 40px; }.team-card .role-number { grid-column:1; align-self:center; }.team-card > svg { grid-column:2; margin:0; }.team-card h3 { grid-column:1/-1; margin:23px 0 13px; }.team-card p { grid-column:1/-1; }.about-hero h1 { font-size:42px; }.about-art { aspect-ratio:1.2; max-height:380px; }.about-art img { width:140%; transform:translateX(-28%); }.confidential-section { grid-template-columns:1fr; padding:28px 24px; gap:24px; }.confidential-section > svg { justify-self:start; width:50px; height:50px; }.confidential-section h2 { font-size:31px; }.about-details { grid-template-columns:1fr; gap:30px; }.cta-block { padding:28px 23px; }.cta-block h2 { font-size:29px; }.cta-block p { font-size:15px; }.cta-block .action-button { width:100%; }.footer-main { gap:30px 17px; }.footer-main p { font-size:12px; }.footer-links,.footer-contact { font-size:12px; }.footer-contact > button { font-size:12px; }.footer-bottom { font-size:11px; }.footer-bottom > div { row-gap:14px; }.contact-intro h1 { font-size:61px; }.contact-form-wrap .form-panel { padding:28px 22px; }.form-panel h2 { font-size:26px; }.form-panel > p { font-size:14px; }.contact-reassurance { font-size:11px; }.legal-heading h1 { font-size:34px; }.legal-content h2 { font-size:21px; }.legal-requisites dd { overflow-wrap:anywhere; }.table-scroll { margin-inline:-10px; }.legal-content td,.legal-content th { min-width:130px; padding:12px; font-size:12px; }.cookie-banner { padding:20px; }.cookie-heading { font-size:14px; }.cookie-banner > p { font-size:12px; }.cookie-choice { font-size:12px; }.consent-row { gap:15px; }.essential-label { font-size:10px; }.site-dialog { max-height:86dvh; }.site-dialog h2 { font-size:26px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; animation:none!important; transition:none!important; }.home-page .scene-layer { transform:none!important; }.economics-panel { transform:none!important; }::view-transition-old(root),::view-transition-new(root) { animation:none!important; } }

.screen-logo-number { color:#298fff; font-size:17px; font-weight:800; letter-spacing:-2px; margin-right:5px; }