:root { --navy:#0a3151; --navy-2:#0d4267; --mint:#18a889; --mint-dark:#087861; --aqua:#e4f6f1; --ice:#f2f8f8; --bluegray:#597286; --border:#dbe8e8; --white:#fff; --danger:#c94848; --shadow:0 20px 50px rgba(10,49,81,.12); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--navy); background:#fff; font-family:"Segoe UI",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
button,input { font:inherit; }
.container { width:min(1160px,calc(100% - 40px)); margin-inline:auto; }
.topline { background:var(--navy); color:#dfecee; font-size:13px; }
.topline-inner { height:38px; display:flex; justify-content:space-between; align-items:center; }
.topline a { color:white; letter-spacing:.01em; }.topline a span { color:#a8c1cc; }
.site-header { position:sticky; top:0; z-index:20; background:rgba(255,255,255,.96); backdrop-filter:blur(14px); border-bottom:1px solid rgba(219,232,232,.8); }
.nav-wrap { min-height:82px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:11px; font-weight:760; }
.brand-mark { width:38px; height:38px; border-radius:12px 12px 12px 5px; background:var(--mint); position:relative; display:inline-block; box-shadow:0 7px 18px rgba(24,168,137,.22); transform:rotate(-4deg); }
.brand-mark i,.brand-mark b { position:absolute; background:white; border-radius:2px; left:50%; top:50%; transform:translate(-50%,-50%); }
.brand-mark i { width:19px; height:6px; }.brand-mark b { width:6px; height:19px; }
.brand-name { color:var(--navy); font-size:21px; letter-spacing:-.05em; line-height:1; }.brand-name span { color:var(--mint); }.brand-name small { font-size:13px; letter-spacing:-.02em; }
nav { display:flex; gap:32px; align-items:center; font-size:14px; font-weight:650; color:#294e69; }
nav a { position:relative; padding:10px 0; }nav a:after { content:""; position:absolute; height:2px; left:0; right:100%; bottom:2px; background:var(--mint); transition:.2s; }nav a:hover:after { right:0; }
.menu-button { display:none; border:0; background:transparent; padding:8px; }.menu-button span { display:block; width:23px; height:2px; background:var(--navy); margin:5px; }
.hero { position:relative; overflow:hidden; background:linear-gradient(118deg,#eef8f6 0%,#f8fbfb 61%,#e8f6f3 100%); padding:76px 0 70px; }
.hero-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:center; position:relative; z-index:2; }
.eyebrow { color:var(--mint-dark); font-weight:750; font-size:14px; display:flex; gap:10px; align-items:center; margin-bottom:22px; }.eyebrow span { width:28px; height:2px; background:var(--mint); }
h1 { font-size:clamp(48px,5.5vw,72px); letter-spacing:-.055em; line-height:1.02; margin:0 0 26px; font-weight:760; }
.lead { max-width:650px; font-size:19px; line-height:1.67; color:#47697f; margin:0 0 34px; }
.hero-actions { display:flex; align-items:center; gap:28px; }
.button { padding:15px 22px; border-radius:9px; font-weight:700; font-size:14px; display:inline-flex; gap:22px; align-items:center; }.button.primary { color:white; background:var(--navy); box-shadow:0 10px 28px rgba(10,49,81,.22); }.button:hover { transform:translateY(-1px); }
.text-link { color:var(--navy); font-size:14px; font-weight:700; border-bottom:1px solid #9bb1be; padding-bottom:3px; }
.trust-row { display:grid; grid-template-columns:repeat(3,1fr); gap:23px; margin-top:52px; padding-top:26px; border-top:1px solid #cfdfdf; }
.trust-row div { display:flex; flex-direction:column; gap:3px; }.trust-row strong { font-size:13px; }.trust-row span { font-size:11px; color:#6b8494; }
.document-card { background:white; border-radius:18px; padding:0 32px 28px; box-shadow:var(--shadow); transform:rotate(1.2deg); border:1px solid rgba(219,232,232,.8); }
.card-top { height:62px; margin:0 -32px 27px; padding:0 27px; display:flex; align-items:center; gap:11px; color:#527185; font-size:12px; font-weight:700; border-bottom:1px solid var(--border); }.medical-cross { color:var(--mint); font-size:25px; }.card-dots { margin-left:auto; letter-spacing:3px; color:#aac0c7; }
.document-card h2 { font-size:22px; line-height:1.35; margin:0 0 15px; }.document-card ul { list-style:none; margin:0; padding:0; }
.document-card li { display:flex; gap:14px; align-items:center; padding:13px 0; border-bottom:1px solid #edf3f3; }.document-card li>span { background:var(--aqua); color:var(--mint-dark); height:27px; width:27px; border-radius:50%; display:grid; place-items:center; font-weight:900; }.document-card li div { display:flex; flex-direction:column; gap:3px; }.document-card li strong { font-size:14px; }.document-card li small { color:#708895; font-size:11px; }
.document-card>p { background:#f1faf7; color:#58736e; font-size:11px; line-height:1.55; padding:12px 14px; border-radius:8px; margin:18px 0 0; }
.hero-shape { position:absolute; border-radius:50%; border:1px solid rgba(24,168,137,.18); }.shape-one { width:430px; height:430px; right:-180px; top:-150px; }.shape-two { width:160px; height:160px; left:-70px; bottom:-90px; }
.guide-section,.nfz-section,.care-section,.faq-section { padding:100px 0; }
.section-heading { max-width:660px; margin-bottom:46px; }.section-heading.centered { text-align:center; margin-inline:auto; }
.kicker { display:block; color:var(--mint-dark); letter-spacing:.15em; font-size:11px; font-weight:850; margin-bottom:14px; }.section-heading h2,.plan-copy h2,.warning-box h2 { font-size:clamp(32px,4vw,45px); line-height:1.12; letter-spacing:-.045em; margin:0 0 17px; }.section-heading p,.plan-copy>p { color:#617c8d; line-height:1.65; margin:0; }
.guide-tabs { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; max-width:850px; margin:0 auto 20px; }
.guide-tabs button { min-height:78px; border:1px solid var(--border); background:#fff; color:#4c687a; border-radius:11px; cursor:pointer; padding:12px; display:flex; gap:10px; align-items:center; justify-content:center; font-size:13px; font-weight:700; transition:.2s; }.guide-tabs button.active { border-color:var(--mint); background:#f0faf7; color:var(--navy); box-shadow:0 8px 22px rgba(24,168,137,.12); }
.tab-icon { height:34px; width:34px; border-radius:9px; display:grid; place-items:center; background:#edf5f4; color:var(--mint-dark); font-weight:800; }
.guide-result { border-radius:18px; background:var(--navy); color:white; padding:42px 48px; display:grid; grid-template-columns:1fr 1.15fr; gap:70px; align-items:center; box-shadow:0 24px 60px rgba(10,49,81,.16); }
.result-label { color:#74d6c0; font-size:10px; letter-spacing:.16em; font-weight:850; }.result-copy h3 { font-size:30px; margin:10px 0 13px; letter-spacing:-.035em; }.result-copy p { color:#bdd0da; line-height:1.6; margin:0 0 22px; font-size:14px; }.result-copy a { font-size:13px; font-weight:750; color:#fff; border-bottom:1px solid #7692a4; padding-bottom:4px; }
.guide-result ol { list-style:none; margin:0; padding:0; }.guide-result li { display:flex; gap:16px; align-items:center; padding:14px 0; border-bottom:1px solid rgba(255,255,255,.12); }.guide-result li:last-child { border:0; }.guide-result li>span { flex:0 0 32px; width:32px; height:32px; display:grid; place-items:center; background:var(--mint); border-radius:50%; font-weight:850; font-size:12px; }.guide-result li p { margin:0; font-size:14px; line-height:1.45; color:#e4eef1; }
.plan-section { background:var(--navy); padding:86px 0; color:white; position:relative; overflow:hidden; }.plan-section:after { content:""; position:absolute; width:520px; height:520px; border:1px solid rgba(116,214,192,.12); border-radius:50%; left:-250px; bottom:-350px; }
.plan-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; align-items:center; position:relative; z-index:1; }.kicker.light { color:#74d6c0; }.plan-copy>p { color:#b7cbd5; max-width:470px; }.progress-label { display:flex; justify-content:space-between; margin:32px 0 9px; max-width:430px; font-size:12px; color:#b7cbd5; }.progress-label strong { color:#fff; }.progress { height:6px; max-width:430px; background:#315570; border-radius:9px; overflow:hidden; }.progress span { display:block; height:100%; border-radius:9px; background:#43cfaa; transition:.3s; }.complete-note { margin-top:18px; font-size:12px; color:#91e5cf; }
.checklist-card { background:white; color:var(--navy); border-radius:17px; padding:13px 27px; box-shadow:0 25px 60px rgba(0,0,0,.18); }.checklist-card label { display:flex; align-items:center; gap:15px; min-height:65px; border-bottom:1px solid #e9f0f0; cursor:pointer; font-size:14px; font-weight:620; }.checklist-card label:last-child { border:0; }.checklist-card input { position:absolute; opacity:0; pointer-events:none; }.fake-check { width:26px; height:26px; border:1.5px solid #b9cbce; border-radius:7px; display:grid; place-items:center; color:transparent; transition:.2s; }.checklist-card label.done .fake-check { background:var(--mint); border-color:var(--mint); color:white; }.checklist-card label.done>span:last-child { color:#81949e; text-decoration:line-through; }
.nfz-section { background:#f5f9f9; }.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.steps-grid article { position:relative; background:white; border:1px solid var(--border); border-radius:14px; padding:28px 24px; min-height:275px; }.step-num { position:absolute; top:20px; right:20px; color:#c7d7da; font-size:12px; font-weight:800; letter-spacing:.1em; }.step-symbol { height:48px; width:48px; border-radius:12px; background:var(--aqua); color:var(--mint-dark); display:grid; place-items:center; font-weight:850; margin-bottom:28px; font-size:18px; }.steps-grid h3 { font-size:18px; margin:0 0 11px; }.steps-grid p { font-size:13px; line-height:1.65; color:#617b8b; margin:0; }
.info-strip { margin-top:20px; border:1px solid #cce7e0; background:#eaf7f3; border-radius:12px; padding:20px 24px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:17px; }.info-icon { width:28px; height:28px; border:1px solid var(--mint); color:var(--mint-dark); border-radius:50%; display:grid; place-items:center; font-weight:800; }.info-strip p { margin:0; color:#476b68; font-size:12px; line-height:1.55; }.info-strip a { font-size:12px; font-weight:750; color:var(--mint-dark); white-space:nowrap; }
.prep-block { margin-top:64px; padding-top:56px; border-top:1px solid var(--border); }.prep-intro { display:grid; grid-template-columns:1fr 1.4fr; gap:20px 70px; align-items:start; margin-bottom:28px; }.prep-intro .kicker { grid-row:1/3; margin:5px 0 0; }.prep-intro h3 { font-size:27px; letter-spacing:-.035em; line-height:1.22; margin:0; }.prep-intro p { color:#617b8b; font-size:13px; line-height:1.65; margin:0; }.prep-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }.prep-grid article { padding:22px 20px; background:#fff; border:1px solid var(--border); border-radius:12px; }.prep-grid article>span { color:var(--mint); font-size:11px; letter-spacing:.12em; font-weight:850; }.prep-grid h4 { margin:12px 0 8px; font-size:15px; }.prep-grid p { margin:0; color:#667f8e; font-size:11px; line-height:1.6; }
.care-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }.care-grid article { padding:29px 25px; border:1px solid var(--border); border-radius:14px; transition:.2s; }.care-grid article:hover { transform:translateY(-4px); box-shadow:0 16px 38px rgba(10,49,81,.09); border-color:#b7dcd5; }.care-grid article>span { display:inline-block; color:var(--mint-dark); font-size:11px; font-weight:850; letter-spacing:.12em; padding:7px 9px; background:var(--aqua); border-radius:6px; }.care-grid h3 { font-size:18px; line-height:1.3; margin:20px 0 11px; }.care-grid p { color:#667f8e; font-size:13px; line-height:1.6; min-height:83px; }.care-grid a { color:var(--mint-dark); font-size:12px; font-weight:750; }
.equipment-section { padding:100px 0; background:#f4f8f8; }.equipment-grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:90px; }.equipment-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.equipment-list article { background:white; border:1px solid var(--border); border-radius:13px; padding:22px; display:flex; gap:15px; }.equipment-code { flex:0 0 42px; width:42px; height:42px; background:var(--aqua); color:var(--mint-dark); border-radius:9px; display:grid; place-items:center; font-size:10px; letter-spacing:.08em; font-weight:850; }.equipment-list h3 { font-size:15px; line-height:1.35; margin:1px 0 8px; }.equipment-list p { color:#667f8e; font-size:11px; line-height:1.6; margin:0; }
.partner-section { padding:100px 0; background:#e8f6f2; position:relative; overflow:hidden; }.partner-section:before { content:""; position:absolute; width:500px; height:500px; border:1px solid rgba(24,168,137,.15); border-radius:50%; right:-250px; top:-290px; }.partner-wrap { display:grid; grid-template-columns:1fr .85fr; gap:80px; align-items:center; position:relative; }.partner-label { display:inline-flex; padding:7px 10px; background:#cfece4; color:var(--mint-dark); border-radius:5px; font-size:10px; font-weight:850; letter-spacing:.15em; }.partner-copy h2 { font-size:clamp(34px,4vw,47px); letter-spacing:-.05em; line-height:1.08; margin:20px 0; max-width:650px; }.partner-copy>p { color:#496d72; line-height:1.7; font-size:15px; max-width:650px; }.choice-note { display:flex; gap:13px; align-items:flex-start; padding:16px 18px; background:rgba(255,255,255,.68); border:1px solid #c9e4de; border-radius:10px; max-width:650px; margin:25px 0; }.choice-note>span { flex:0 0 25px; width:25px; height:25px; border-radius:50%; background:var(--mint); color:white; display:grid; place-items:center; font-size:12px; font-weight:850; }.choice-note p { margin:1px 0 0; color:#496d72; font-size:12px; line-height:1.55; }.partner-actions { display:flex; align-items:center; gap:25px; }.partner-primary { background:var(--navy); color:white; }.partner-link { color:var(--mint-dark); font-size:13px; font-weight:750; border-bottom:1px solid #8dbbb0; padding-bottom:3px; }
.contact-card { background:white; border:1px solid #cde2de; border-radius:17px; padding:28px; box-shadow:0 22px 52px rgba(10,49,81,.12); }.contact-head { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid var(--border); }.ortomedico-logo { display:block; width:min(210px,60%); height:auto; object-fit:contain; }.contact-head>span { color:#78909b; font-size:9px; text-align:right; }.main-phone { display:flex; flex-direction:column; align-items:flex-start; background:var(--navy); color:white; border-radius:11px; padding:17px 20px; margin:18px 0; }.main-phone small { color:#9fc2ce; font-size:9px; text-transform:uppercase; letter-spacing:.13em; }.main-phone strong { font-size:25px; margin:2px 0; }.main-phone span { color:#b8ccd4; font-size:10px; }.contact-lines { border-top:1px solid var(--border); }.contact-lines a { display:flex; justify-content:space-between; gap:20px; padding:10px 2px; border-bottom:1px solid #edf2f2; font-size:11px; }.contact-lines a span { color:#607b8a; }.contact-lines a strong { color:var(--navy); white-space:nowrap; }.contact-footer { display:flex; flex-direction:column; gap:5px; margin-top:17px; color:#6b838f; font-size:11px; }.contact-footer a { color:var(--mint-dark); font-weight:750; }
.warning-section { padding:0 0 92px; }.warning-box { border:1px solid #efdada; border-left:5px solid var(--danger); background:#fffafa; border-radius:13px; padding:33px 36px; display:grid; grid-template-columns:auto 1fr auto; gap:27px; align-items:center; }.warning-sign { width:50px; height:50px; background:#f7e4e4; color:var(--danger); border-radius:50%; display:grid; place-items:center; font-size:27px; font-weight:850; }.kicker.danger { color:var(--danger); margin-bottom:7px; }.warning-box h2 { font-size:25px; margin-bottom:7px; }.warning-box p { margin:0; color:#705e63; font-size:13px; line-height:1.6; max-width:710px; }.warning-box>a { background:var(--danger); color:white; min-width:155px; text-align:center; padding:14px 18px; border-radius:9px; display:flex; flex-direction:column; }.warning-box>a small { font-size:10px; opacity:.8; }.warning-box>a strong { font-size:27px; line-height:1.15; }.warning-box>a span { font-size:10px; font-weight:750; }
.faq-section { background:#f4f8f8; }.faq-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:90px; }.faq-list details { background:white; border:1px solid var(--border); border-radius:10px; margin-bottom:10px; padding:0 20px; }.faq-list summary { min-height:66px; display:flex; align-items:center; justify-content:space-between; gap:20px; cursor:pointer; list-style:none; font-size:14px; font-weight:720; }.faq-list summary::-webkit-details-marker { display:none; }.faq-list summary span { font-size:22px; font-weight:400; color:var(--mint); transition:.2s; }.faq-list details[open] summary span { transform:rotate(45deg); }.faq-list details p { margin:-4px 38px 21px 0; color:#667f8e; font-size:13px; line-height:1.65; }
footer { background:#082a45; color:white; padding:64px 0 0; }.footer-main { display:grid; grid-template-columns:1.5fr .8fr .9fr 1fr; gap:64px; padding-bottom:50px; }.brand.inverse .brand-name { color:white; }.footer-brand p { max-width:290px; color:#92acbb; line-height:1.6; font-size:12px; margin-top:23px; }.footer-main h3 { font-size:12px; margin:5px 0 20px; }.footer-main>div:not(:first-child) { display:flex; flex-direction:column; align-items:flex-start; }.footer-main>div:not(:first-child)>a { color:#a6bcc8; font-size:12px; margin-bottom:12px; }.footer-main .hotline .footer-contact { width:100%; display:flex; align-items:baseline; justify-content:space-between; gap:12px; color:#a6bcc8!important; font-size:10px!important; font-weight:500; margin:0 0 11px!important; padding-bottom:10px; border-bottom:1px solid #24465e; }.footer-contact strong { color:#fff; font-size:13px; font-weight:720; white-space:nowrap; }.hotline p { margin:2px 0 0; font-size:9px; color:#7f9aaa; }.footer-bottom { border-top:1px solid #23455d; padding:22px 0; display:flex; justify-content:space-between; align-items:center; gap:30px; color:#7390a1; font-size:10px; }.footer-bottom p { margin:0; max-width:780px; line-height:1.5; }
@media (max-width:900px) { .topline-inner>span { display:none; }.topline-inner { justify-content:center; }.menu-button { display:block; }nav { display:none; position:absolute; left:0; right:0; top:82px; background:white; padding:14px 20px 22px; flex-direction:column; gap:2px; border-bottom:1px solid var(--border); box-shadow:0 18px 24px rgba(10,49,81,.08); }nav.open { display:flex; }.hero { padding-top:55px; }.hero-grid,.plan-grid,.faq-grid,.equipment-grid,.partner-wrap { grid-template-columns:1fr; gap:50px; }.document-card { transform:none; max-width:560px; }.guide-tabs { grid-template-columns:1fr 1fr; }.guide-result { gap:35px; }.steps-grid,.care-grid,.prep-grid { grid-template-columns:1fr 1fr; }.prep-intro { grid-template-columns:1fr; gap:12px; }.prep-intro .kicker { grid-row:auto; }.footer-main { grid-template-columns:1.4fr 1fr 1fr; }.footer-main .hotline { grid-column:2; }.warning-box { grid-template-columns:auto 1fr; }.warning-box>a { grid-column:2; justify-self:start; }.trust-row { max-width:650px; }.contact-card { max-width:580px; } }
@media (max-width:600px) { .container { width:min(100% - 28px,1160px); }.topline a span { display:none; }.nav-wrap { min-height:70px; }nav { top:70px; }.hero { padding:44px 0 52px; }h1 { font-size:44px; }.lead { font-size:16px; }.hero-actions,.partner-actions { align-items:flex-start; flex-direction:column; gap:18px; }.trust-row { grid-template-columns:1fr; gap:12px; margin-top:38px; }.trust-row div { flex-direction:row; gap:8px; }.document-card { padding-inline:21px; }.card-top { margin-inline:-21px; padding-inline:20px; }.guide-section,.nfz-section,.care-section,.faq-section,.equipment-section,.partner-section { padding:72px 0; }.guide-tabs { gap:7px; }.guide-tabs button { font-size:11px; min-height:70px; }.tab-icon { width:29px; height:29px; }.guide-result { grid-template-columns:1fr; padding:31px 25px; }.plan-section { padding:70px 0; }.plan-grid { gap:35px; }.checklist-card { padding:10px 18px; }.checklist-card label { min-height:68px; font-size:13px; }.steps-grid,.care-grid,.prep-grid,.equipment-list { grid-template-columns:1fr; }.steps-grid article { min-height:0; }.info-strip { grid-template-columns:auto 1fr; }.info-strip a { grid-column:2; }.care-grid p { min-height:0; }.warning-section { padding-bottom:70px; }.warning-box { padding:27px 23px; grid-template-columns:1fr; }.warning-sign { width:42px; height:42px; }.warning-box>a { grid-column:1; }.faq-grid { gap:25px; }.footer-main { grid-template-columns:1fr 1fr; gap:40px 25px; }.footer-brand { grid-column:1/-1; }.footer-main .hotline { grid-column:auto; }.footer-bottom { align-items:flex-start; flex-direction:column; }.section-heading h2,.plan-copy h2 { font-size:34px; }.partner-copy h2 { font-size:35px; }.contact-card { padding:21px; }.contact-lines a { align-items:flex-start; flex-direction:column; gap:3px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }