/* Interior pages: generous editorial layouts and real product screens. */
.interior-refresh { --ink:#14263d; --muted:#53647a; --line:#dfe7f0; --wash:#f4f7fb; color:var(--ink); }
.interior-refresh main { overflow:clip; }
.interior-refresh .page-hero { padding:80px 0 72px; background:#fff; text-align:start; border-bottom:1px solid var(--line); }
.interior-refresh .page-hero-content { max-width:900px; margin:0; }
.interior-refresh .eyebrow { color:#0a66c2; font-size:12px; font-weight:600; letter-spacing:.12em; margin:0 0 24px; line-height:1.5; }
.interior-refresh .page-title { color:var(--ink); font-size:clamp(38px,4.5vw,58px); font-weight:600; line-height:1.13; letter-spacing:-.045em; margin:0 0 24px; max-width:860px; }
.interior-refresh .page-subtitle { color:var(--muted); font-size:18px; line-height:1.75; max-width:780px; margin:0; }
.interior-refresh .page-hero-cta { margin-top:30px; }
.interior-refresh .section-header { margin:0 0 40px; text-align:start; max-width:780px; }
.interior-refresh .section-title { color:var(--ink); font-size:clamp(28px,3vw,40px); font-weight:600; line-height:1.2; letter-spacing:-.035em; margin:0 0 18px; }
.interior-refresh .section-subtitle { color:var(--muted); font-size:16px; line-height:1.75; margin:0; }
.interior-refresh :is(.mission-values,.why-choose-us,.features-overview,.detailed-features,.contact-section,.faq-section,.development-section,.about-contact-section) { padding-block:80px; }
.interior-refresh :is(.detailed-features,.mission-values,.faq-section) { background:var(--wash); }
.interior-refresh :is(.features-overview,.why-choose-us,.contact-section) { background:#fff; }
.interior-refresh .features-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin-top:0; }
.interior-refresh .feature-card { min-width:0; padding:28px; text-align:start; border:1px solid var(--line); border-radius:12px; box-shadow:none; }
.interior-refresh .feature-card:hover { transform:none; box-shadow:none; border-color:#a9c8e7; }
.interior-refresh .feature-icon { width:48px; height:48px; margin:0 0 24px; border-radius:12px; background:#eaf3fd; color:#0a66c2; font-size:20px; }
.interior-refresh .feature-title { color:var(--ink); font-size:20px; line-height:1.4; margin:0 0 14px; }
.interior-refresh .feature-description { color:var(--muted); font-size:16px; line-height:1.75; margin:0 0 16px; }
.interior-refresh .feature-list li { padding:5px 0; color:var(--muted); font-size:15px; line-height:1.6; }
.interior-refresh .feature-detail { margin:0 0 72px; padding:0 0 72px; border-bottom:1px solid var(--line); }
.interior-refresh .feature-detail:last-child { margin:0; padding:0; border:0; }
.interior-refresh .feature-detail-content { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.3fr); gap:52px; align-items:center; }
.interior-refresh .feature-detail.reverse .feature-detail-content { grid-template-columns:minmax(0,1.3fr) minmax(0,.78fr); }
.interior-refresh .feature-detail--dashboard .feature-detail-content { grid-template-columns:minmax(0,1fr); gap:32px; }
.interior-refresh .feature-detail--dashboard .feature-detail-text { max-width:780px; }
.interior-refresh .feature-detail--dashboard .feature-detail-text ul { display:flex; flex-wrap:wrap; gap:8px 28px; }
.interior-refresh .feature-detail-text h3 { font-size:clamp(26px,2.3vw,34px); font-weight:600; color:var(--ink); line-height:1.25; letter-spacing:-.03em; margin:0 0 20px; }
.interior-refresh .feature-detail-text p { color:var(--muted); font-size:17px; line-height:1.75; margin:0 0 20px; }
.interior-refresh .feature-detail-text li { font-size:16px; padding:8px 0; line-height:1.6; color:var(--ink); gap:10px; }
.interior-refresh .feature-detail-text li::before { content:'✓'; font-size:14px; color:#0a66c2; flex-shrink:0; }
.interior-refresh .feature-detail-text li i { display:none; }
.interior-refresh .feature-detail-visual,.interior-refresh .product-shots { width:100%; min-width:0; }
.interior-refresh .product-shot { width:100%; max-width:none; margin:0; padding:10px; background:white; border:1px solid #dbe4f0; border-radius:14px; box-shadow:0 18px 50px rgba(20,38,61,.08); }
.interior-refresh .product-shot a { display:block; position:relative; overflow:hidden; border:1px solid #edf0f5; border-radius:7px; background:var(--wash); }
.interior-refresh .product-shot picture,.interior-refresh .product-shot img { display:block; width:100%; height:auto; }
.interior-refresh .product-shot a::after { content:'↗'; position:absolute; inset-block-start:12px; inset-inline-end:12px; display:grid; place-items:center; width:36px; height:36px; border-radius:8px; background:#fff; color:#0a66c2; font-size:20px; box-shadow:0 2px 10px #14263d24; }
.interior-refresh .product-shot a:hover::after { background:#0a66c2; color:white; }
.interior-refresh .product-shot figcaption { font-size:13px; line-height:1.6; color:var(--muted); padding:12px 4px 3px; }
.interior-refresh .product-shot-more { margin-top:20px; }
.interior-refresh .product-shot-more > summary { display:flex; align-items:center; gap:10px; width:fit-content; min-height:48px; padding:10px 16px; background:#fff; color:#0a66c2; border:1px solid #c5d8ec; border-radius:10px; font-size:15px; font-weight:500; cursor:pointer; list-style:none; }
.interior-refresh .product-shot-more > summary::-webkit-details-marker { display:none; }
.interior-refresh .product-shot-more > summary::after { content:'+'; margin-inline-start:10px; font-size:22px; }
.interior-refresh .product-shot-more[open] > summary::after { content:'−'; }
.interior-refresh .product-shot-more > .product-shot { margin-top:20px; }
.interior-refresh .values-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin-top:0; }
.interior-refresh .value-card { padding:28px; text-align:start; border:1px solid var(--line); border-radius:12px; background:white; box-shadow:none; }
.interior-refresh .value-card:hover { transform:none; box-shadow:none; }
.interior-refresh .value-icon { width:44px; height:44px; margin:0 0 24px; background:#eaf3fd; color:#0a66c2; border-radius:10px; font-size:19px; }
.interior-refresh .value-card h3 { font-size:19px; line-height:1.4; color:var(--ink); margin:0 0 16px; }
.interior-refresh .value-card p { color:var(--muted); font-size:16px; line-height:1.75; }
.interior-refresh .advantages-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 52px; margin:0; }
.interior-refresh .advantage-item { gap:20px; border-top:1px solid var(--line); padding:28px 0 0; }
.interior-refresh .advantage-icon { width:44px; height:44px; border-radius:10px; background:#eaf3fd; color:#0a66c2; font-size:18px; flex-shrink:0; }
.interior-refresh .advantage-content h3 { font-size:19px; margin:0 0 12px; color:var(--ink); }
.interior-refresh .advantage-content p { font-size:16px; line-height:1.75; color:var(--muted); }
.interior-refresh .development-section { background:#fff; }
.interior-refresh .development-panel { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:60px; padding:48px; border:1px solid #cddff0; border-radius:14px; background:#eef5fc; }
.interior-refresh .development-panel .eyebrow { margin-bottom:18px; }
.interior-refresh .development-panel h2 { font-size:30px; line-height:1.25; letter-spacing:-.025em; margin:0 0 20px; }
.interior-refresh .development-panel p:not(.eyebrow) { font-size:16px; line-height:1.8; color:var(--muted); max-width:730px; margin:0; }
.interior-refresh .development-actions { display:flex; flex-direction:column; align-items:center; gap:16px; }
.interior-refresh .text-link { display:inline-flex; align-items:center; min-height:44px; font-size:16px; color:#0a66c2; text-decoration:underline; text-underline-offset:5px; }
.interior-refresh .about-contact-section { background:#f4f7fb; }
.interior-refresh .about-contact { max-width:760px; }
.interior-refresh .about-contact h2 { font-size:32px; letter-spacing:-.03em; margin:0 0 20px; }
.interior-refresh .about-contact p { font-size:17px; line-height:1.8; color:var(--muted); margin:0 0 20px; }
.interior-refresh .contact-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:start; gap:100px; }
.interior-refresh .contact-info h2 { font-size:32px; letter-spacing:-.025em; color:var(--ink); margin:0 0 20px; }
.interior-refresh .contact-description { font-size:17px; line-height:1.8; color:var(--muted); margin:0 0 28px; }
.interior-refresh .contact-methods { display:grid; gap:0; margin:0 0 32px; }
.interior-refresh .contact-method { display:flex; flex-direction:row; gap:20px; padding:22px 0; align-items:center; text-align:start; border-bottom:1px solid var(--line); }
.interior-refresh .contact-icon { width:48px; height:48px; flex-shrink:0; border-radius:12px; background:#eaf3fd; color:#0a66c2; font-size:20px; display:grid; place-items:center; }
/* Inline WhatsApp brand glyph, standing in for the 115 KB Brands webfont. */
.interior-refresh .contact-icon .brand-icon { width:22px; height:22px; display:block; }
.interior-refresh .contact-details { min-width:0; }
.interior-refresh .contact-details h3 { font-size:14px; color:var(--muted); font-weight:400; margin:0 0 2px; }
.interior-refresh .contact-address { display:inline-flex; align-items:center; min-height:44px; color:var(--ink); font-size:20px; font-weight:500; overflow-wrap:anywhere; max-width:100%; }
.interior-refresh .contact-address:hover { color:#0a66c2; }
.interior-refresh .contact-guide { background:#f4f7fb; border-radius:14px; padding:36px; }
.interior-refresh .contact-guide h2 { font-size:24px; line-height:1.4; margin:0 0 28px; letter-spacing:-.02em; }
.interior-refresh .contact-guide ol { list-style:none; padding:0; margin:0; display:grid; gap:28px; }
.interior-refresh .contact-guide li { display:flex; gap:20px; }
.interior-refresh .guide-number { font-size:14px; font-weight:600; color:#0a66c2; margin-top:4px; }
.interior-refresh .contact-guide h3 { font-size:18px; margin:0 0 10px; line-height:1.5; }
.interior-refresh .contact-guide p { font-size:16px; color:var(--muted); line-height:1.75; margin:0; }
.interior-refresh .faq-section .container { max-width:960px; }
.interior-refresh .faq-grid { display:grid; grid-template-columns:1fr; margin:0; gap:14px; }
.interior-refresh .faq-item { background:#fff; box-shadow:none; border:1px solid var(--line); border-radius:12px; }
.interior-refresh .faq-question { width:100%; display:flex; gap:24px; padding:24px 28px; list-style:none; color:var(--ink); text-align:start; }
.interior-refresh .faq-question::-webkit-details-marker { display:none; }
.interior-refresh .faq-question h3 { color:var(--ink); font-size:17px; font-weight:500; line-height:1.6; }
.interior-refresh .faq-question i { font-size:14px; flex-shrink:0; }
.interior-refresh .faq-item[open] .faq-question i { transform:rotate(45deg); }
.interior-refresh .faq-answer,.interior-refresh .faq-item.active .faq-answer { max-height:none; overflow:visible; padding:0 28px 28px; transition:none; }
.interior-refresh .faq-answer p { font-size:16px; line-height:1.85; color:var(--muted); }
.interior-refresh .cta { padding:80px 0; }
.interior-refresh .cta-title { font-size:clamp(30px,3.4vw,44px); font-weight:600; line-height:1.2; letter-spacing:-.035em; }
.interior-refresh .cta-subtitle { font-size:18px; line-height:1.75; margin:24px 0 32px; }
.interior-refresh :is(a,button,select,summary):focus-visible { outline:3px solid #eaa73c; outline-offset:4px; }
.interior-refresh .nav-menu[hidden] { display:none!important; }
.interior-refresh .nav-toggle { border:1px solid var(--line); background:white; border-radius:10px; }
.interior-refresh .skip-link { position:fixed; z-index:9999; inset-inline-start:16px; top:8px; transform:translateY(-150%); padding:12px 20px; background:#14263d; color:#fff; border-radius:8px; }
.interior-refresh .skip-link:focus { transform:none; }
[dir=rtl] .interior-refresh .eyebrow { letter-spacing:0; }
[dir=rtl] .interior-refresh .fa-arrow-right { transform:rotate(180deg); }
@media(max-width:1000px) {
 .interior-refresh .features-grid,.interior-refresh .values-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .interior-refresh .feature-detail-content,.interior-refresh .feature-detail.reverse .feature-detail-content { gap:32px; }
 .interior-refresh .contact-content { gap:40px; }
 .interior-refresh .contact-guide { padding:28px; }
 .interior-refresh .development-panel { gap:30px; padding:36px; }
}
@media(max-width:900px) {
 .interior-refresh .nav-menu { position:absolute; inset-block-start:100%; inset-inline:20px; max-height:calc(100dvh - 90px); overflow-y:auto; overscroll-behavior:contain; margin:0; padding:12px; background:white; border:1px solid var(--line); border-radius:12px; box-shadow:0 16px 40px #14263d20; flex-direction:column; align-items:stretch; visibility:visible; opacity:1; transform:none; }
 .interior-refresh .nav-menu .nav-link { padding:12px 16px; min-height:48px; margin:0; }
 .interior-refresh .nav-toggle { display:flex!important; }
 .interior-refresh .feature-detail-content,.interior-refresh .feature-detail.reverse .feature-detail-content { grid-template-columns:1fr; }
 .interior-refresh .feature-detail.reverse .feature-detail-text { order:-1; }
 .interior-refresh .development-panel { grid-template-columns:1fr; }
 .interior-refresh .development-actions { flex-direction:row; justify-content:flex-start; }
}
@media(max-width:640px) {
 .interior-refresh .page-hero { padding:44px 0 40px; }
 .interior-refresh .eyebrow { font-size:11px; margin-bottom:20px; }
 .interior-refresh .page-title { font-size:36px; line-height:1.15; letter-spacing:-.04em; margin-bottom:22px; }
 .interior-refresh .page-subtitle { font-size:16px; line-height:1.8; }
 .interior-refresh .page-hero-cta .btn { width:100%; }
 .interior-refresh :is(.mission-values,.why-choose-us,.features-overview,.detailed-features,.contact-section,.faq-section,.development-section,.about-contact-section) { padding-block:48px; }
 .interior-refresh .section-header { margin-bottom:28px; }
 .interior-refresh .section-title { font-size:28px; }
 .interior-refresh .features-grid,.interior-refresh .values-grid,.interior-refresh .advantages-grid { grid-template-columns:minmax(0,1fr); gap:20px; }
 .interior-refresh .feature-card,.interior-refresh .value-card { padding:24px; }
 .interior-refresh .feature-icon,.interior-refresh .value-icon { margin-bottom:20px; }
 .interior-refresh .feature-detail { margin-bottom:48px; padding-bottom:48px; }
 .interior-refresh .feature-detail-text h3 { font-size:26px; }
 .interior-refresh .feature-detail-text p { font-size:16px; }
 .interior-refresh .feature-detail-text li { font-size:15px; }
 .interior-refresh .feature-detail--dashboard .feature-detail-text ul { display:block; }
 .interior-refresh .product-shot { max-width:410px; margin-inline:auto; padding:6px; border-radius:12px; }
 .interior-refresh .product-shot img { max-height:600px; object-fit:cover; object-position:center top; }
 .interior-refresh .product-shot-more > summary { width:100%; justify-content:center; font-size:14px; }
 .interior-refresh .product-shot figcaption { padding:12px 6px 5px; font-size:12px; }
 .interior-refresh .product-shot-more .product-shot { max-width:none; }
 .interior-refresh .development-panel { padding:28px 24px; gap:26px; }
 .interior-refresh .development-panel h2 { font-size:26px; }
 .interior-refresh .development-actions { flex-direction:column; align-items:stretch; text-align:center; gap:12px; }
 .interior-refresh .development-actions .text-link { justify-content:center; }
 .interior-refresh .about-contact h2 { font-size:28px; }
 .interior-refresh .about-contact p { font-size:16px; }
 .interior-refresh .contact-content { grid-template-columns:minmax(0,1fr); gap:40px; }
 .interior-refresh .contact-info h2 { font-size:28px; }
 .interior-refresh .contact-info > .btn { width:100%; }
 .interior-refresh .contact-description { font-size:16px; }
 .interior-refresh .contact-method { gap:14px; }
 .interior-refresh .contact-address { font-size:17px; }
 .interior-refresh .contact-guide { padding:28px 22px; }
 .interior-refresh .contact-guide h2 { font-size:23px; }
 .interior-refresh .contact-guide li { gap:16px; }
 .interior-refresh .faq-question { padding:20px; gap:16px; }
 .interior-refresh .faq-question h3 { font-size:16px; }
 .interior-refresh .faq-answer { padding:0 20px 24px; }
 .interior-refresh .cta { padding:52px 0; }
 .interior-refresh .cta-subtitle { font-size:16px; }
 .interior-refresh .cta-buttons { flex-direction:column; align-items:stretch; }
 .interior-refresh .cta-buttons .btn { width:100%; }
}
@media(prefers-reduced-motion:reduce) {
 .interior-refresh *, .interior-refresh *::before, .interior-refresh *::after { transition:none!important; animation:none!important; scroll-behavior:auto!important; }
}