#design-hub *{box-sizing:border-box}
#design-hub{scroll-behavior:smooth;background:#e9edef;color:#19282d;font:14px/1.5 Arial,sans-serif}
#design-hub{margin:0}
#design-hub button,#design-hub input,#design-hub select,#design-hub textarea{font:inherit}
#design-hub button,#design-hub a,#design-hub input,#design-hub select,#design-hub textarea{-webkit-tap-highlight-color:transparent}
#design-hub button{cursor:pointer}
#design-hub a{color:inherit}
#design-hub button:focus-visible,#design-hub a:focus-visible,#design-hub input:focus-visible,#design-hub select:focus-visible,#design-hub summary:focus-visible,#design-hub [contenteditable]:focus-visible{outline:3px solid #4f7bb7;outline-offset:4px}
#design-hub [hidden]{display:none!important}
#design-hub{--accent:#4464ac;--accent-ink:#fff;--paper:#fff;--ink:#192b31;--muted:#5b6e73;--soft:#f2f5f1;--line:#dce4df;--radius:4px;--space:48px;background:var(--paper);color:var(--ink);font:15px/1.6 Arial,sans-serif;position:relative;color-scheme:light}
#design-hub button,#design-hub a{touch-action:manipulation}
#design-hub a{text-underline-offset:4px}
#design-hub p{margin:0 0 16px;color:var(--muted)}
#design-hub h1,#design-hub h2,#design-hub h3{color:var(--ink);font-weight:600;line-height:1.15;overflow-wrap:break-word}
#design-hub h1{font-size:clamp(34px,4.3cqw,57px);letter-spacing:-1.8px;margin:14px 0 20px}
#design-hub h2{font-size:clamp(25px,3cqw,36px);letter-spacing:-.8px;margin:0 0 14px}
#design-hub h3{font-size:19px;margin:0 0 10px;letter-spacing:-.25px}
#design-hub button{color:var(--ink)}
#design-hub button:disabled{cursor:default;opacity:.5}
#design-hub .primary{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid transparent;background:var(--accent);color:var(--accent-ink)!important;padding:13px 19px;border-radius:var(--radius);font-weight:600;line-height:1.4}
#design-hub .secondary{border:1px solid var(--line);background:white;border-radius:var(--radius);padding:11px 15px;text-decoration:none;display:inline-block}
#design-hub .text-button{background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:5px}
#design-hub .skip{position:absolute;left:10px;top:-200px;background:white;z-index:90;padding:10px}
#design-hub .skip:focus{top:10px}
#design-hub .wordmark{font-size:29px;line-height:1;font-weight:700;letter-spacing:-1.3px;text-decoration:none}
#design-hub .wordmark b{color:#456dad}
#design-hub .wordmark small{font-size:9px;letter-spacing:1px;display:block;margin-top:8px;font-weight:400}
#design-hub .header-middle{font-size:13px;line-height:1.5}
#design-hub .header-middle span{color:var(--muted)}
#design-hub .header-contact{text-align:right}
#design-hub .header-contact a{display:block;font-size:16px;text-decoration:none}
#design-hub .header-contact button{border:0;background:none;color:var(--accent)!important;padding:4px 0;font-size:12px}
#design-hub .breadcrumbs{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:7px;padding:24px 34px 0}
#design-hub .hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;padding:28px 34px 38px}
#design-hub .eyebrow{font-size:11px;letter-spacing:1.8px;text-transform:uppercase;color:var(--accent)!important;font-weight:700;margin-bottom:10px!important}
#design-hub .hero-intro{font-size:16px;max-width:500px}
#design-hub .hero-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:22px 0}
#design-hub .hero-facts{display:flex;gap:20px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;line-height:1.6}
#design-hub .hero-facts span{color:var(--muted);flex:1}
#design-hub .hero-facts strong{font-weight:500;color:var(--ink)}
#design-hub .hero-art{min-width:0;position:relative}
#design-hub .hero-art img{display:block;width:100%;aspect-ratio:1.18;object-fit:cover}
#design-hub .hero-art .diagram{width:100%;height:auto;display:block}
#design-hub .art-caption{display:block;font-size:10px;color:var(--muted);padding:8px 0}
#design-hub .page-nav{position:sticky;top:70px;z-index:30;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 34px;background:#fffffff5;backdrop-filter:blur(12px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#design-hub #page-links{display:flex;gap:16px;flex-wrap:wrap}
#design-hub #page-links a{font-size:12px;text-decoration:none;color:var(--muted)}
#design-hub #page-links a[aria-current=true]{color:var(--accent);text-decoration:underline}
#design-hub .page-nav .primary{font-size:12px;padding:9px 13px;white-space:nowrap}
#design-hub #mobile-jump{display:none;max-width:55%;border:1px solid var(--line);padding:9px;background:white;color:var(--ink);border-radius:4px}
#design-hub .section{padding:var(--space) 34px;border-bottom:1px solid var(--line);scroll-margin-top:145px}
#design-hub .section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:24px}
#design-hub .section-heading p{font-size:14px;max-width:620px;margin-bottom:0!important}
#design-hub .section-label{font-size:11px;letter-spacing:1.8px;color:var(--accent);text-transform:uppercase;margin-bottom:8px}
#design-hub .section-heading .index{font-size:12px;letter-spacing:1px;color:#82918e;white-space:nowrap;align-self:start}
#design-hub .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
#design-hub .grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
#design-hub .surface{padding:22px;border:1px solid var(--line);border-radius:var(--radius);background:white;min-width:0}
#design-hub .surface.soft{background:var(--soft)}
#design-hub .scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
#design-hub .scenario{display:flex;text-align:left;gap:14px;align-items:center;padding:18px;border:1px solid var(--line);background:white;border-radius:var(--radius);min-height:85px}
#design-hub .scenario span{font-size:12px;color:var(--accent)}
#design-hub .scenario strong{font-size:15px;font-weight:500}
#design-hub .scenario[aria-pressed=true]{border-color:var(--accent);background:var(--soft)}
#design-hub .scenario-result{background:var(--soft);padding:23px;margin-top:15px;border-radius:var(--radius)}
#design-hub .scenario-result:empty{display:none}
#design-hub .link-row{display:flex;flex-wrap:wrap;gap:10px}
#design-hub .link-row a{padding:8px 12px;background:white;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;font-size:13px}
#design-hub .catalog-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}
#design-hub .catalog-toolbar input{flex:1;min-width:150px;padding:13px;border:1px solid var(--line);border-radius:var(--radius);font-size:15px}
#design-hub .catalog-toolbar span{font-size:12px;color:var(--muted)}
#design-hub .catalog{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}
#design-hub .catalog details{border:1px solid var(--line);border-radius:var(--radius);padding:18px 20px}
#design-hub .catalog summary{cursor:pointer;font-size:18px;font-weight:600}
#design-hub .catalog a{display:flex;justify-content:space-between;gap:10px;align-items:start;padding:12px 0;border-top:1px solid var(--line);text-decoration:none;font-size:14px}
#design-hub .catalog a small{font-size:10px;white-space:nowrap;color:var(--muted)}
#design-hub .catalog summary+div{margin-top:15px}
#design-hub .catalog a:hover{color:var(--accent)}
#design-hub .muted-note{font-size:12px!important;color:var(--muted);margin:14px 0 0!important}
#design-hub .tag{display:inline-block;font-size:11px;padding:4px 8px;background:var(--soft);border-radius:3px;color:var(--muted)}
#design-hub .document-card{padding:0;text-align:left;background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
#design-hub .document-card .diagram{width:100%;height:auto;display:block}
#design-hub .document-card .card-body{padding:18px}
#design-hub .document-card p{font-size:13px;margin:0!important}
#design-hub .document-tools{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:20px}
#design-hub .deliverable-list{padding:0;margin:0;list-style:none}
#design-hub .deliverable-list li{display:grid;grid-template-columns:36px 1fr auto;gap:12px;padding:18px 0;border-bottom:1px solid var(--line)}
#design-hub .deliverable-list li>span{color:var(--accent);font-size:12px}
#design-hub .deliverable-list strong{display:block;font-weight:500}
#design-hub .deliverable-list p{font-size:13px;margin:4px 0 0!important}
#design-hub .included{font-size:10px!important;background:var(--soft);padding:4px 7px;height:fit-content;color:var(--muted)!important}
#design-hub .compare{width:100%;border-collapse:collapse;font-size:13px}
#design-hub .compare th,#design-hub .compare td{text-align:left;padding:16px;border-bottom:1px solid var(--line);vertical-align:top}
#design-hub .compare th{font-weight:500;background:var(--soft)}
#design-hub .compare th:not(:first-child){width:24%}
#design-hub .compare .primary{font-size:12px;width:100%}
#design-hub .compare-wrap{overflow-x:auto}
#design-hub .calculator{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}
#design-hub .calc-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}
#design-hub .field label{display:block;font-size:12px;margin-bottom:7px;color:var(--muted)}
#design-hub .field input,#design-hub .field select,#design-hub .field textarea{width:100%;padding:12px;border:1px solid var(--line);background:white;border-radius:var(--radius);color:var(--ink);min-width:0}
#design-hub .field textarea{resize:vertical}
#design-hub .field.wide{grid-column:1/-1}
#design-hub .field input:invalid:not(:placeholder-shown){border-color:#b94b44}
#design-hub .calc-options{grid-column:1/-1;border:0;padding:0;margin:10px 0}
#design-hub .calc-options legend{font-size:12px;color:var(--muted);margin-bottom:8px}
#design-hub .calc-options label{display:flex;align-items:center;gap:10px;padding:6px 0;font-size:13px}
#design-hub .calc-result{padding:26px;background:var(--soft);border-radius:var(--radius)}
#design-hub .calc-value{font-size:28px;line-height:1.2;margin:12px 0}
#design-hub .calc-result ul{font-size:13px;color:var(--muted);padding-left:17px}
#design-hub .calc-result .primary{width:100%}
#design-hub .calc-result small{display:block;font-size:11px;color:var(--muted);margin-top:12px}
#design-hub .input-check{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#design-hub .input-check label{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid var(--line);padding:14px;font-size:13px;border-radius:var(--radius)}
#design-hub .input-check select{border:1px solid var(--line);padding:8px;background:white;color:var(--ink);width:105px}
#design-hub .steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
#design-hub .step{border-top:2px solid var(--line);padding:18px 0}
#design-hub .step>span{color:var(--accent);font-size:25px}
#design-hub .step h3{font-size:16px;margin-top:16px!important}
#design-hub .step p{font-size:13px}
#design-hub .step small{font-size:11px;color:var(--muted)}
#design-hub .case-card{overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:white}
#design-hub .case-art{background:var(--soft);position:relative;aspect-ratio:1.5}
#design-hub .case-art img{width:100%;height:100%;object-fit:cover}
#design-hub .case-art .diagram{width:100%;height:100%}
#design-hub .case-art .case-label{position:absolute;bottom:10px;left:10px;background:#fffffff0;padding:4px 8px;font-size:10px}
#design-hub .case-body{padding:20px}
#design-hub .case-body p{font-size:13px}
#design-hub .case-meta{display:flex;gap:15px;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}
#design-hub .case-meta b{display:block;font-size:12px;font-weight:500;color:var(--ink)}
#design-hub .case-body button{margin-top:14px}
#design-hub .trust-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:24px}
#design-hub .person{display:flex;align-items:center;gap:18px}
#design-hub .avatar{width:76px;height:90px;background:var(--soft);border:1px solid var(--line);display:grid;place-items:center;color:#7b9081;font-size:27px;flex-shrink:0}
#design-hub .person h3{font-size:18px!important}
#design-hub .person p{font-size:12px}
#design-hub .proofs{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#design-hub .proofs div{padding:18px;background:var(--soft);font-size:13px}
#design-hub .proofs strong{display:block;margin-bottom:6px;font-weight:500}
#design-hub .proofs span{font-size:12px;color:var(--muted)}
#design-hub .faq details{padding:18px 0;border-bottom:1px solid var(--line)}
#design-hub .faq summary{cursor:pointer;font-size:16px;list-style-position:outside;margin-left:17px}
#design-hub .faq details p{font-size:14px;margin:14px 0 0!important}
#design-hub .knowledge-card{padding:22px;border:1px solid var(--line);border-radius:var(--radius)}
#design-hub .knowledge-card .tag{margin-bottom:20px}
#design-hub .knowledge-card h3{font-size:17px!important}
#design-hub .knowledge-card button{font-size:13px}
#design-hub .contact-layout{display:grid;grid-template-columns:.85fr 1.3fr;gap:30px}
#design-hub .contact-layout>div{padding:24px;background:var(--soft)}
#design-hub .contact-layout form{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#design-hub .contact-layout .consent{display:flex;gap:9px;align-items:flex-start;font-size:11px;color:var(--muted);grid-column:1/-1}
#design-hub .consent input{margin-top:4px}
#design-hub .contact-layout .submit-row{grid-column:1/-1;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
#design-hub .submit-row small{font-size:11px;color:var(--muted)}
#design-hub .form-status{grid-column:1/-1;font-size:13px;color:var(--accent)!important;margin:0!important}
#design-hub .form-status:empty{display:none}
#design-hub .empty-results{padding:20px;background:var(--soft);grid-column:1/-1;font-size:14px}
#design-hub .blueprint-label{font-size:10px;color:var(--muted)}
#design-hub[data-concept=catalog] .hero-art img{aspect-ratio:1.6}
#design-hub[data-concept=catalog] h1{font-size:39px}
#design-hub[data-concept=complex] .hero{background:var(--soft)}
#design-hub[data-density=compact]{--space:30px}
#design-hub .diagram{background:#f9fbf8;color:#315e49}
#design-hub .diagram text{font-family:Arial,sans-serif}
#design-hub .service-related a{display:block;padding:18px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none}
#design-hub .service-related small{display:block;color:var(--muted);font-size:12px;margin-top:7px}
#design-hub dialog{padding:0;border:1px solid #c9d4d8;border-radius:8px;max-width:min(940px,94vw);width:900px;max-height:90vh;color:#1a2b33;background:white;box-shadow:0 20px 80px #0004}
#design-hub dialog::backdrop{background:#11232bb3;backdrop-filter:blur(4px)}
#design-hub .dialog-top{display:flex;justify-content:space-between;align-items:start;gap:20px;padding:20px 24px;border-bottom:1px solid #dae2e4}
#design-hub .dialog-top small{font-size:11px;color:#60787d}
#design-hub .dialog-top h2{font-size:24px;margin:4px 0 0}
#design-hub .dialog-top button{border:1px solid #d1dddf;background:white;border-radius:4px;width:40px;height:40px;flex-shrink:0}
#design-hub .dialog-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 24px;border-top:1px solid #dae2e4}
#design-hub .dialog-bottom button{padding:8px 12px;background:#f0f4f1;border:1px solid #c6d4ca;border-radius:4px}
#design-hub .dialog-bottom span{font-size:12px;color:#5b7074}
#design-hub #viewer-body{padding:22px 24px;overflow:auto;max-height:66vh}
#design-hub #viewer-body .diagram{display:block;width:100%;height:auto}
#design-hub #viewer-body p{color:#5a7074;font-size:14px}
#design-hub .modal-data{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
#design-hub .modal-data div{background:#f2f5f1;padding:16px}
#design-hub .modal-data strong{display:block;font-size:13px}
#design-hub .modal-data p{margin:6px 0 0}
#design-hub .download-link{display:inline-block;margin-top:15px;color:#386334}
#design-hub .before-after{position:relative;aspect-ratio:1.65;overflow:hidden;background:#edf2ec}
#design-hub .before-after>img{width:100%;height:100%;object-fit:cover}
#design-hub .before-layer{position:absolute;inset:0;clip-path:inset(0 50% 0 0);background:#f9fbf8}
#design-hub .before-layer .diagram{width:100%;height:100%}
#design-hub .before-after-labels{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;gap:10px;pointer-events:none}
#design-hub .before-after-labels span{font-size:11px;background:white;padding:5px 9px}
#design-hub .comparison-range{width:100%;margin:15px 0}
#design-hub .sample-notice{font-size:12px;color:#62756e}
#design-hub .compare-mobile{display:none}
@container  sitePreview (max-width:850px){#design-hub .hero{gap:18px;padding:25px}
#design-hub .section{padding-left:25px;padding-right:25px}
#design-hub .hero-facts{gap:10px}
#design-hub .header-middle{display:none}
#design-hub .page-nav{padding:10px 25px}
#design-hub #page-links{gap:11px}
#design-hub #page-links a{font-size:11px}
#design-hub .scenario-grid{grid-template-columns:1fr 1fr}
#design-hub .steps{grid-template-columns:1fr 1fr}
#design-hub .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#design-hub .grid>.surface:last-child:nth-child(3),#design-hub .grid>.case-card:last-child:nth-child(3),#design-hub .grid>.document-card:last-child:nth-child(3){grid-column:1/-1}
#design-hub .trust-grid{grid-template-columns:1fr}
#design-hub .contact-layout{grid-template-columns:1fr}
#design-hub .section{scroll-margin-top:150px}
#design-hub .hero-actions{gap:8px}
#design-hub .hero-actions .text-button{font-size:13px}}
@container  sitePreview (max-width:600px){#design-hub .wordmark{font-size:25px}
#design-hub .header-contact a{font-size:12px}
#design-hub .header-contact button{font-size:11px}
#design-hub .breadcrumbs{padding:20px 20px 0}
#design-hub .hero{grid-template-columns:1fr;padding:24px 20px 30px}
#design-hub .hero-art img{aspect-ratio:1.55}
#design-hub .hero-facts{font-size:10px;gap:13px}
#design-hub h1,#design-hub[data-concept=catalog] h1{font-size:36px;letter-spacing:-1px}
#design-hub h2{font-size:27px}
#design-hub .hero-intro{font-size:15px}
#design-hub .section{padding:32px 20px;scroll-margin-top:140px}
#design-hub .section-heading{gap:10px;margin-bottom:20px}
#design-hub .section-heading .index{display:none}
#design-hub .grid,#design-hub .grid.two,#design-hub .catalog,#design-hub .calculator,#design-hub .input-check,#design-hub .trust-grid{grid-template-columns:1fr}
#design-hub .grid>*{grid-column:auto!important}
#design-hub .scenario{padding:13px;gap:9px;min-height:90px}
#design-hub .scenario strong{font-size:13px}
#design-hub .scenario-result{padding:18px}
#design-hub .surface{padding:18px}
#design-hub .grid .diagram{max-height:190px}
#design-hub .catalog details{padding:16px}
#design-hub .catalog summary{font-size:17px}
#design-hub .page-nav{padding:10px 20px;gap:10px}
#design-hub #page-links{display:none}
#design-hub #mobile-jump{display:block;max-width:56%;font-size:12px}
#design-hub .page-nav .primary{font-size:11px;padding:11px}
#design-hub .contact-layout{gap:18px}
#design-hub .contact-layout form{grid-template-columns:1fr}
#design-hub .contact-layout form>*{grid-column:1!important}
#design-hub .proofs{grid-template-columns:1fr}
#design-hub .deliverable-list li{grid-template-columns:24px 1fr;gap:8px}
#design-hub .deliverable-list .included{grid-column:2;width:fit-content}
#design-hub .compare-wrap{display:none}
#design-hub .compare-mobile{display:grid;gap:12px}
#design-hub .compare-mobile .surface p{font-size:13px}
#design-hub .compare-mobile .surface ul{padding-left:18px;font-size:13px;color:var(--muted)}
#design-hub .calc-fields{gap:12px}
#design-hub .steps{gap:15px}
#design-hub .step h3{font-size:15px}
#design-hub .section-heading p{font-size:13px}}
@media (max-width:860px){#design-hub .page-nav{top:0}
#design-hub .section{scroll-margin-top:80px}
#design-hub input,#design-hub textarea,#design-hub select{font-size:16px!important}
#design-hub .modal-data{grid-template-columns:1fr}
#design-hub .dialog-top,#design-hub .dialog-bottom,#design-hub #viewer-body{padding:16px}
#design-hub .dialog-top h2{font-size:20px}
#design-hub .dialog-bottom button{font-size:12px}
#design-hub .compare-mobile .primary{width:100%}}
@media (prefers-reduced-motion:reduce){#design-hub{scroll-behavior:auto}
#design-hub *,#design-hub *:before,#design-hub *:after{transition:none!important}}
#design-hub,#design-hub,#design-hub #viewer{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Ubuntu,Cantarell,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}
#design-hub{--ink:#263050;--muted:#596273;--soft:#f3f5f9;--line:#dee3ec;font-size:16px}
#design-hub h1,#design-hub h2,#design-hub h3,#design-hub .dialog-top h2{font-family:"Bebas Neue",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0;line-height:1.1}
#design-hub h1{font-size:clamp(42px,4.8cqw,60px)}
#design-hub h2{font-size:clamp(32px,3.5cqw,44px)}
#design-hub h3{font-size:25px}
#design-hub .primary,#design-hub .secondary,#design-hub .text-button,#design-hub .dialog-bottom button,#design-hub .download-link{font-family:"Bebas Neue",sans-serif;font-size:20px;font-weight:400;text-transform:uppercase;letter-spacing:.2px;line-height:1.2}
#design-hub .primary{min-height:46px}
#design-hub .header-contact a{font-family:"Bebas Neue",sans-serif;font-size:26px;line-height:1.2}
#design-hub .header-contact button{font-family:"Bebas Neue",sans-serif;font-size:18px}
#design-hub .catalog summary{font-family:"Bebas Neue",sans-serif;font-size:25px;text-transform:uppercase;font-weight:700;letter-spacing:0}
#design-hub .page-nav .primary{font-size:18px}
#design-hub .hero-actions .text-button{font-size:20px}
#design-hub .wordmark b{color:#4464ac}
#design-hub .download-link{color:#4464ac}
#design-hub .dialog-top h2{font-size:30px;color:#263050}
#design-hub .dialog-bottom button{color:#263050;background:#f3f5f9;border-color:#dee3ec}
@container  sitePreview (max-width:600px){#design-hub h1,#design-hub[data-concept=catalog] h1{font-size:42px;letter-spacing:0}
#design-hub h2{font-size:34px;letter-spacing:0}
#design-hub h3{font-size:24px}
#design-hub .step h3{font-size:21px}
#design-hub .header-contact a{font-size:21px}
#design-hub .header-contact button{font-size:16px}
#design-hub .page-nav .primary{font-size:16px;padding:11px 12px}
#design-hub .hero-actions .text-button{font-size:19px}}
#design-hub .hub-catalog a>span:first-child{min-width:0;flex:1}
#design-hub .hub-catalog a strong{display:block;font-size:16px;line-height:1.4;font-weight:600}
#design-hub .hub-catalog a small{display:block;margin-top:7px;color:var(--muted);font-size:13px;line-height:1.6;white-space:normal}
#design-hub .hub-catalog a>span:last-child{align-self:flex-start;flex:0}
#design-hub .scope-note{margin:22px 0 0!important;font-size:14px;line-height:1.7}
#design-hub .hub-extra{margin-top:25px}
#design-hub .proofs a{display:inline-block;margin-top:10px;color:var(--accent)!important}
#design-hub #viewer-body h3{font-family:"Bebas Neue",sans-serif;font-size:25px;color:#263050;margin:24px 0 8px}
#design-hub .compare td{line-height:1.6}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:700;font-display:swap;src:url('/assets/template-new/fonts/BebasNeue-Bold.woff') format('woff')}
@font-face{font-family:"Bebas Neue";font-style:normal;font-weight:400;font-display:swap;src:url('/assets/template-new/fonts/BebasNeue-Regular.woff') format('woff')}
.design-frame{max-width:1240px;margin:0 auto;container-type:inline-size;container-name:sitePreview}
#design-hub{font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#fff}
#design-hub .page-nav{top:0;z-index:20}
#design-hub .section{margin:0;scroll-margin-top:90px}
#design-hub h1,#design-hub h2,#design-hub h3{font-family:"Bebas Neue",sans-serif}
#design-hub .primary,#design-hub .secondary{background:#4464ac;color:white}
#design-hub .hero-art img{height:auto;object-fit:cover}
#design-hub .design-native-form .container{padding:0;width:100%;max-width:none}
#design-hub .design-native-form .lead-1{padding:0;background:transparent}
#design-hub #contact .form-control{color:#263050}
#design-hub .section-label{font-weight:500}
#design-hub .step{display:block;min-width:0;width:auto}
#design-hub .design-card-image{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
#design-hub .case-art .design-card-image{height:100%;width:100%;object-fit:cover}
#design-hub #viewer-body .design-card-image{height:auto;max-height:none;margin-bottom:18px}

#design-hub .document-card{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}
body.design-page #modal-form{width:560px;max-width:calc(100vw - 32px);padding:32px;border-radius:8px;background:#fff;color:#263050}
body.design-page #modal-form .form-block{padding:0;background:transparent;color:#263050}
body.design-page #modal-form .form-block_heading{font-family:"Bebas Neue",sans-serif;font-size:38px;line-height:1.1;color:#263050;margin:0 32px 12px 0}
body.design-page #modal-form .form-block_subheading{font-family:inherit;font-size:15px;line-height:1.5;font-weight:400;text-transform:none;color:#536079;margin:0 0 22px}
body.design-page #modal-form .form-group:not(.social-block){display:flex;flex-direction:column;gap:7px;margin:0 0 16px;position:relative}
body.design-page #modal-form .form-placeholder{position:static!important;transform:none!important;order:-1;font-size:13px!important;line-height:1.4;color:#263050;pointer-events:auto;margin:0;padding:0}
body.design-page #modal-form .form-control{width:100%;min-height:46px;padding:11px 12px;margin:0;border:1px solid #cbd3e2;border-radius:4px;background:#f8f9fc;color:#263050;font-family:inherit;font-size:15px;line-height:1.5;box-sizing:border-box}
body.design-page #modal-form textarea.form-control{min-height:120px;height:120px;resize:vertical;line-height:1.5;font-size:15px}
body.design-page #modal-form .form-control:focus{outline:2px solid #4665af;outline-offset:1px}
body.design-page #modal-form .social-block{display:flex;gap:12px;justify-content:flex-start;margin:8px 0 18px}
body.design-page #modal-form .social-block a{height:42px;width:84px;border-radius:4px}
body.design-page #modal-form .form-block__note{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;color:#536079;margin:0 0 20px}
body.design-page #modal-form .form-block__note input{flex:0 0 16px;width:16px;height:16px;margin:2px 0 0}
body.design-page #modal-form .form-block__note a{color:#4665af;text-decoration:underline}
body.design-page #modal-form button[type=submit]{width:100%;min-height:48px;background:#4665af;color:#fff;border-radius:4px;font-family:"Bebas Neue",sans-serif;font-size:22px}
body.design-page #modal-form button[type=submit]:hover{background:#365392}
@media(max-width:600px){body.design-page #modal-form{padding:24px 20px}body.design-page #modal-form .form-block_heading{font-size:32px}body.design-page #modal-form textarea.form-control{min-height:100px;height:100px}}

body.design-page #modal-form{max-width:calc(100vw - 32px)!important}
body.design-page #modal-form .form-block,body.design-page #modal-form #callback_form{gap:0}
body.design-page #modal-form [class^="error_"]:empty{display:none}

body.design-page .design-selection{background:#f3f5fa;border:1px solid #dce2ef;border-radius:4px;padding:12px;margin-bottom:18px;color:#263050;font:13px/1.5 Arial,sans-serif}body.design-page .design-selection[hidden]{display:none}body.design-page .design-selection p{white-space:pre-wrap;margin:6px 0 0;font:inherit;color:inherit}

/* SEO audit: explicit catalogue actions and a confirmed price reference. */
#design-hub .catalog-service{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid #d7dfef}
#design-hub .catalog-service>span{flex:1;min-width:0}
#design-hub .catalog-service strong{display:block;font-size:16px;color:#263050}
#design-hub .catalog-service small{display:block;margin-top:6px;line-height:1.6}
#design-hub .catalog-request{flex-shrink:0;border:1px solid #4665af;border-radius:3px;background:#fff;color:#34539b;padding:9px 11px;font:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}
#design-hub .catalog-request:hover{background:#eef2fb}
#design-hub .catalog-request:focus-visible{outline:3px solid #4665af;outline-offset:3px}
#design-hub .catalog-link-label{font-size:12px;white-space:nowrap;color:#34539b}
#design-hub .request-label{display:block;font-size:11px;font-weight:400}
#design-hub .price-reference{display:flex;justify-content:space-between;gap:28px;align-items:center;padding:24px;margin-bottom:28px;background:#eef2fb;border-left:4px solid #4665af}
#design-hub .price-reference p{max-width:720px}
#design-hub .price-reference-value{flex-shrink:0;display:grid;gap:8px}
#design-hub .price-reference-value strong{font-size:30px;color:#263050}
#design-hub .price-reference-value span{font-size:13px}
#design-hub .catalog-service[hidden]{display:none!important}
@media(max-width:760px){#design-hub .catalog-service,#design-hub .price-reference{flex-direction:column}#design-hub .catalog-service{gap:12px}#design-hub .price-reference{padding:18px}#design-hub .catalog-request{font-size:13px}}