/* Khung kính — approved 26/10/2026. Five panel surfaces, one control family. */
:root{--surface:#fff;--surface-soft:#f4f7fc;--focus-color:var(--blue);--focus-on-dark:#72B4FF;--choice-speed:160ms;--choice-ease:cubic-bezier(.2,.8,.2,1);--navy:#021D4A;--blue:#0764EE;--muted:#506079;--line:#DCE3EC;--panel-radius:28px;--tile-radius:20px;--input-radius:12px;--panel-pad:56px;--gap:16px;--font-body:'Be Vietnam Pro',sans-serif;--dark:radial-gradient(circle at 85% 0%,rgba(7,100,238,.25),transparent 45%),linear-gradient(160deg,#10244F,#06102A 70%)}
*{box-sizing:border-box}
body{margin:0;padding:0 16px 16px;background:linear-gradient(180deg,#EEF3F9 0%,#E2EAF5 38%,#DCE5F2 55%,#E9EEF5 100%);color:var(--navy);font:var(--type-16)/1.6 var(--font-body);overflow-x:clip}
body:has(dialog[open]){overflow:hidden}
h1,h2,h3,h4,p,figure,dl,dd{margin:0}
h1,h2,h3,h4{font-family:'Times New Roman','Liberation Serif',serif;font-weight:400;letter-spacing:-.025em}
h1{font-size:var(--type-60);line-height:.98}
h2{font-size:var(--type-60);line-height:1.05}
h3{font-size:var(--type-28);line-height:1.15}
h4{font-size:var(--type-20)}
p{max-width:none}
p+ p{margin-top:12px}
em{color:var(--blue);font-weight:400}
small{font-size:var(--type-14)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed}
button,a,input,textarea{transition:transform .25s ease-out,box-shadow .25s ease-out,background-color .25s ease-out,color .25s ease-out}
button,a{touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus-color,var(--blue));outline-offset:3px}
[data-code-history-focus]:focus-visible{outline:3px solid var(--focus-color,var(--blue));outline-offset:3px}
[data-code-history-focus]:is(img,svg,figure,picture):focus-visible{outline-offset:-3px}
input,textarea,select{border-radius:12px}
button:not(.text-button):not(.text-link),[role=button]{border-radius:999px}
a:active,button:active{transform:scale(.98)}
.icon{width:20px;height:20px;flex:none;stroke-width:1.5}
.eyebrow{font:700 var(--type-12)/1.5 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#075BD6;margin:0 0 12px}
.muted,.fine-print,.price-note,.app-note{color:var(--muted)}
.fine-print,.price-note,.app-note{font-size:var(--type-12);line-height:1.6;margin:16px 0 0}
.panel-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 32px;text-align:left}
.panel-head>div{min-width:0}
.panel-head p:not(.eyebrow){font-size:var(--type-16);max-width:64ch;margin-top:18px;color:var(--muted)}
.panel-head>a{flex:none;font-size:var(--type-14)}
.container{width:auto;max-width:none;margin:0;padding:0}
.section{padding:0;margin:0}
.panel{padding:var(--panel-pad);border-radius:var(--panel-radius);min-width:0;box-shadow:0 18px 50px rgba(2,29,74,.06);position:relative;margin:0;grid-column:span 12}
.panel-light{background:#fff}
.panel-soft{background:#EAF2FF}
.panel-dark,.dark{background:var(--dark);color:#fff}
.panel-accent{background:#0764EE;color:#fff}
.panel-light,.panel-soft,.code-sheet,.tool-sheet,.message-dialog{--focus-color:var(--blue)}
.panel-dark,.dark,.panel-accent{--focus-color:var(--focus-on-dark)}
.panel-photo{background:#021D4A}
.panel-dark em,.dark em{color:#9FC2FF}
.panel-dark .eyebrow,.dark .eyebrow{color:#9FC2FF}
.panel-dark .panel-head p:not(.eyebrow),.dark .family-meta,.dark .fine-print,.dark .price-note,.dark .app-note{color:#BFCEE3}
.panel-accent .eyebrow,.panel-accent .panel-head p,.panel-accent em{color:#fff}
.span-12{grid-column:1/-1;min-width:0}
.span-8{grid-column:span 8}
.span-7{grid-column:span 7}
.span-6{grid-column:span 6}
.span-5{grid-column:span 5}
.span-4{grid-column:span 4}
#main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap);max-width:1312px;margin:16px auto}
.tile,.tool-tile,.photo-tile{border-radius:var(--tile-radius);min-width:0;overflow:hidden}
.tool-tile{background:#fff;color:var(--navy);padding:24px}
.photo-tile img{width:100%;height:100%;object-fit:cover;display:block}
.photo-tile{aspect-ratio:4/5}
.tile{background:#F2F6FB;padding:24px}
.button,.chip,.segmented button,.code-pill,.icon-button,.route-pill{border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font:600 var(--type-14)/1.2 var(--font-body);gap:10px;white-space:nowrap;text-decoration:none;max-width:100%}
.button{min-height:52px;height:52px;padding:0 24px;border:1px solid transparent}
.button.primary{background:#0764EE;color:#fff}
.button.secondary,.button.outline{background:#fff;border:1px solid #DCE3EC;color:var(--navy)}
.dark .button.secondary,.dark .button.outline,.button.outline-light,.panel-dark .button.secondary{background:#ffffff14;border:1px solid #ffffff2e;color:#fff}
.panel-accent .button.primary{background:#fff;color:var(--navy)}
.button:hover,.route-pill:hover,.code-pill:hover,.chip:hover,.icon-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px #021d4a20}
.actions,.app-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.text-link,.text-button{display:inline-flex;gap:8px;align-items:center;background:none;border:0;padding:0;color:#075BD6;font:600 var(--type-14)/1.5 var(--font-body);text-decoration:none;border-radius:999px;min-height:44px}
.dark .text-link,.dark .text-button{color:#A9CBFF}
.route-pill{justify-content:flex-start;height:60px;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(2,29,74,.10);padding:8px;gap:14px}
.route-pill>b{font-size:var(--type-16);white-space:nowrap;padding-left:8px}
.route-pill>img{width:44px;height:44px;border-radius:999px;object-fit:cover;flex:none}
.go,.icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:999px;background:#0764EE;color:#fff}
.go{margin-left:auto}
.code-pills{display:flex;flex-wrap:wrap;gap:12px}
.code-pill{height:48px;min-height:48px;justify-content:flex-start;background:#fff;border:1px solid #DCE3EC;color:var(--navy);padding:0 12px 0 5px;gap:8px}
.code-pill b{font-size:var(--type-14);font-weight:700}
.code-pill>span:last-child{font-size:var(--type-12);font-weight:400;color:#4B5C72}
.swatch,.code-pill .swatch{display:block;width:36px;height:36px;border:2px solid #c7cfda;border-radius:999px;flex:none;opacity:1;filter:none;mix-blend-mode:normal}
.dark .code-pill,.panel-dark .code-pill{background:#ffffff14;border-color:#ffffff2e;color:#fff}
.dark .code-pill>span:last-child,.panel-dark .code-pill>span:last-child{color:#CCD7E7}
.code-pill.is-current,.code-pill[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}
.code-pill.is-current>span:last-child,.code-pill[aria-pressed=true]>span:last-child{color:#CCD7E7}
.dark .code-pill.is-current{background:#fff;color:var(--navy)}
.dark .code-pill.is-current>span:last-child{color:#4B5C72}
.code-label{font-size:var(--type-14);margin:24px 0 12px}
.segmented,.chips{display:flex;gap:8px;flex-wrap:wrap;border:0;background:none;padding:0}
.segmented button,.chip{min-height:48px;padding:12px 20px;border:1px solid #DCE3EC;background:#fff;color:var(--navy)}
.segmented button[aria-pressed=true],.segmented button[aria-selected=true],.chip[aria-pressed=true]{background:var(--navy);border-color:var(--navy);color:#fff}
.segmented button[aria-pressed=true]:before,.segmented button[aria-selected=true]:before,.chip[aria-pressed=true]:before{content:'✓';font-size:var(--type-14)}
.dialog-close,.sheet-close{width:44px;height:44px;border:1px solid #DCE3EC;background:white;display:grid;place-items:center;border-radius:999px}
.glass-hero{overflow:hidden;min-height:660px;display:flex;align-items:center}
.glass-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-glass{position:relative;z-index:1;width:640px;max-width:100%;padding:40px;border-radius:var(--panel-radius);background:#ffffffbd;backdrop-filter:blur(26px);border:1px solid #ffffffcc;box-shadow:0 24px 70px #021d4a2e;color:var(--navy)}
.hero-glass h1{font-size:var(--type-96);line-height:.95;margin:14px 0 22px}
.proof-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px}
.proof-chips span{background:#fff;border:1px solid #021d4a14;border-radius:999px;padding:8px 14px;white-space:nowrap;font-size:var(--type-14);font-weight:500}
.route-choices{display:flex;gap:12px;flex-wrap:wrap;margin:0}
.route-choices .route-pill{flex:1}
.hero-secondary{margin-top:18px;color:var(--navy)}
.benefit-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.info-photo{background:#F2F6FB;padding:0 0 24px}
.info-photo .photo-tile{aspect-ratio:4/5}
.info-photo h3{padding:20px 20px 8px;font-size:var(--type-28)}
.info-photo p{padding:0 20px;font-size:var(--type-16);line-height:1.55}
.titan-spotlight{display:grid;grid-template-columns:5fr 7fr;gap:40px}
.titan-spotlight .panel-head{margin-bottom:24px}
.titan-spotlight h2{font-size:var(--type-60)}
.titan-copy{min-width:0}
.titan-photo{aspect-ratio:auto;min-height:540px}
.stat-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.stat-tile{border-radius:var(--tile-radius);padding:18px;background:#F2F6FB}
.dark .stat-tile,.panel-dark .stat-tile{background:#ffffff0f;border:1px solid #ffffff1a}
.stat-tile strong{display:block;font:400 var(--type-28)/1.05 'Times New Roman','Liberation Serif',serif;overflow-wrap:normal}
.stat-tile span{font-size:var(--type-14);display:block;margin-top:8px}
.stat-tile small{font:inherit}
.titan-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:28px}
.titan-actions>span{font-size:var(--type-14)}
.titan-actions b{font:400 var(--type-28) 'Times New Roman',serif}
.family-tiles{display:grid;grid-template-columns:6fr 3fr 3fr;gap:16px}
.family-tile{padding:28px;border-radius:var(--tile-radius);background:#F2F6FB;display:flex;flex-direction:column;gap:24px;min-width:0}
.family-tile.dark{background:var(--dark)}
.family-tile h3{font-size:var(--type-60);margin:6px 0 8px}
.family-meta{font-size:var(--type-14);color:var(--muted)}
.family-tile .code-pills{gap:12px}
.family-tile-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;border-top:1px solid #021d4a1a;padding-top:16px}
.dark .family-tile-bottom{border-color:#ffffff20}
.family-tile-bottom span{display:block;font-size:var(--type-14);margin-bottom:8px}
.family-tile-bottom strong{font:400 var(--type-28)/1.1 'Times New Roman','Liberation Serif',serif;white-space:nowrap}
.quiz-entry{display:flex;flex-direction:column;gap:12px}
.quiz-entry .route-pill{width:100%;min-height:60px;font-size:var(--type-16)}
.home-service{display:flex;flex-direction:column;align-items:flex-start}
.home-service .panel-head{margin-bottom:16px}
.home-service h2{font-size:var(--type-40)}
.home-service-art{width:100%;height:260px;display:grid;place-items:center;background:#F2F6FB;border-radius:20px;margin-bottom:24px;overflow:hidden}
.site-footer{max-width:1312px;margin:16px auto 0;background:var(--dark);color:#fff}
.legal{font-size:var(--type-14);color:#BFCEE3}
.legal p{margin:8px 0}
.bottom-bar{height:calc(56px + env(safe-area-inset-bottom));padding:0 12px env(safe-area-inset-bottom);background:#fff;border-radius:20px 20px 0 0;backdrop-filter:none;transition:transform .25s ease-out;box-shadow:0 -5px 24px #021d4a14}
.bottom-bar.is-hidden{transform:translateY(100%)}
.bottom-bar a{font-size:var(--type-14);min-height:44px;border-radius:999px;gap:4px}
.bottom-code{display:none}
.message-dialog,.code-sheet{border-radius:20px;background:#fff;color:var(--navy)}
dialog::backdrop{backdrop-filter:none;background:#021d4a99}
.toast{font-size:var(--type-14);border-radius:12px}
.share-links{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:var(--type-14)}
.share-links button{min-height:44px;padding:8px 16px;background:#fff;border:1px solid #DCE3EC;font-size:var(--type-14)}
.tech-intro{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.tech-intro .photo-tile{aspect-ratio:4/5}
.tech-intro .button{margin-top:24px}
.tech-intro p{margin-top:24px}
.ir-tool{padding:16px;margin-bottom:16px;overflow:hidden}
.ir-tool svg{width:100%;height:auto;display:block}
.ir-tool svg text{fill:#021D4A;font:var(--type-16) var(--font-body)}
.ir-tool>p{font-size:var(--type-14);text-align:center;color:#506079}
@keyframes ir-flow{to{stroke-dashoffset:-44}
}
@keyframes ir-fade{0%,100%{stroke-width:6}
50%{stroke-width:12}
}
.not-found .quiz-entry{max-width:420px;margin-top:32px}
.not-found h1{margin-bottom:24px}
img{filter:none}
img.media-loading{filter:blur(6px)}
img.media-ready{filter:none;transition:filter .3s ease-out}
.product-image{filter:none!important}
@media(max-width:1150px){.family-tiles{grid-template-columns:2fr 1fr 1fr}
.family-tile{padding:20px}
.family-tile-bottom strong{font-size:var(--type-28)}
.titan-spotlight{gap:24px}
.titan-spotlight h2{font-size:var(--type-60)}
.stat-tile{padding:12px}
.stat-tile strong{font-size:var(--type-28)}
}
@media(max-width:900px){.panel{padding:32px}
.span-4,.span-5,.span-6,.span-7,.span-8{grid-column:span 12}
.titan-spotlight{grid-template-columns:1fr 1fr}
.titan-spotlight h2{font-size:var(--type-40)}
.family-tiles{grid-template-columns:1fr}
.family-tile .code-pills{max-width:none}
.benefit-tiles{grid-template-columns:repeat(2,1fr)}
.tech-intro{grid-template-columns:1fr 1fr}
.tech-intro h1{font-size:var(--type-60)}
}
@media(max-width:600px){:root{--panel-radius:20px;--tile-radius:16px;--panel-pad:24px;--gap:12px}
body{padding:0 12px 76px;font-size:var(--type-16)}
.panel{padding:24px}
#main{margin:12px auto}
h1{font-size:var(--type-60)}
h2{font-size:var(--type-40)}
h3{font-size:var(--type-20)}
.panel-head{display:block;margin-bottom:24px}
.panel-head>a{margin-top:12px}
.panel-head p:not(.eyebrow){font-size:var(--type-16)}
.glass-hero{padding:12px;min-height:0}
.hero-glass{padding:24px;width:100%;border-radius:20px}
.hero-glass h1{font-size:var(--type-60);line-height:1;margin:14px 0 22px}
.hero-glass .eyebrow{max-width:260px}
.proof-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-24px;padding-right:24px;gap:8px}
.proof-chips span{font-size:var(--type-14);flex:none;padding:8px 12px}
.route-choices{flex-direction:column;gap:12px}
.route-choices .route-pill{flex:auto;width:100%}
.route-pill{height:60px;gap:8px}
.route-pill>b{font-size:var(--type-16)}
.hero-secondary{font-size:var(--type-14)}
.benefit-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px}
.benefit-tiles .info-photo{flex:0 0 82%;scroll-snap-align:start}
.info-photo h3{font-size:var(--type-20)}
.titan-spotlight{grid-template-columns:1fr;gap:24px}
.titan-spotlight h2{font-size:var(--type-40)}
.titan-photo{min-height:0;aspect-ratio:4/5}
.stat-tile{padding:12px}
.stat-tile strong{font-size:var(--type-28);overflow-wrap:anywhere}
.stat-tile span{font-size:var(--type-14)}
.stat-tiles{gap:8px}
.code-pill{height:44px;min-height:44px;padding-right:10px;gap:8px}
.code-pill b{font-size:var(--type-14)}
.code-pill .swatch{width:36px;height:36px}
.code-pills{gap:12px}
.family-tile{padding:24px;gap:24px}
.family-tile h3{font-size:var(--type-40)}
.family-meta{font-size:var(--type-14)}
.family-tile-bottom strong{font-size:var(--type-28)}
.family-tiles{gap:12px}
.titan-actions{gap:16px}
.home-service h2{font-size:var(--type-40)}
.home-service-art{height:240px}
.tool-tile{padding:16px}
.site-footer{margin-top:12px}
.button{padding:0 20px;font-size:var(--type-14)}
.text-link,.text-button{font-size:var(--type-14)}
.tech-intro{grid-template-columns:1fr;gap:24px}
.tech-intro h1{font-size:var(--type-60)}
.tech-intro .photo-tile{aspect-ratio:16/9}
.bottom-bar{display:flex;left:0;right:0;width:100%;justify-content:space-around}
.bottom-bar a{flex:1;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:4px;font-size:var(--type-14)}
.bottom-bar .icon{width:18px}
.not-found h1{font-size:var(--type-60)}
.message-dialog{padding:24px;max-width:calc(100% - 24px)}
.message-dialog h2{font-size:var(--type-40)}
}
@media(max-width:359px){body{padding-left:8px;padding-right:8px}
.panel{padding:24px}
.glass-hero{padding:12px}
.hero-glass{padding:16px}
.hero-glass h1{font-size:var(--type-60);letter-spacing:-.04em}
.hero-glass .proof-chips{margin-right:-16px;padding-right:16px}
.route-pill>b{font-size:var(--type-14);padding-left:4px}
.route-pill{gap:4px}
.route-pill>img{width:36px;height:36px}
.route-pill .go{width:36px;height:36px}
.stat-tile{padding:8px}
.stat-tile strong{font-size:var(--type-20)}
.stat-tile span{font-size:var(--type-14)}
.family-tile{padding:20px}
.titan-spotlight h2{font-size:var(--type-40)}
.button{padding:0 16px}
.home-service h2{font-size:var(--type-40)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;view-transition-name:none!important}
.reveal{opacity:1;transform:none}
.media-loading{filter:none}
}
/* Balance short copy at every width; long prose avoids a stranded last word. */
h1,h2,h3,h4,.panel-head p,.info-photo p,.family-meta{ text-wrap:balance }
p,li,dd,dt{ text-wrap:pretty }
h1,h2,h3,h4,p{word-break:normal;overflow-wrap:normal}
.hero-glass em{color:#0764EE}
.panel-dark .fine-print{color:#BFCEE3}
.panel-accent .text-button{color:#fff}
.home-hero{height:auto}
.glass-hero .route-pill img{position:static;inset:auto}
.glass-hero .route-pill{position:relative}
/* Mobile legibility and copy fitting: VLT raised one pixel above the minimum. */
.code-pill>span:last-child{font-size:var(--type-14)}
.nowrap{white-space:nowrap}
.code-page-layout{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.code-page-layout>*{min-width:0}
.code-photo-card .product-image{max-width:100%}
.panel-head h2{max-width:100%}
.technical-image{width:100%;height:100%;display:block;object-fit:contain;border-radius:var(--tile-radius)}
.home-service-art{height:auto;aspect-ratio:3/2;background:#EEF3F9}
.warranty-phone{padding:0;overflow:hidden;min-height:0;aspect-ratio:3/2}
@media(max-width:900px){.code-page-layout{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:600px){.code-color-large{right:0;bottom:0;transform:none}
.code-color-large .swatch{width:160px;height:200px}
.code-photo-card{min-height:360px;padding-bottom:80px}
.code-page-copy .share-links{gap:8px}
.code-page-copy .share-links button{padding:8px 12px}
}
.ir-photo-scene{position:relative;aspect-ratio:3/2;border-radius:var(--tile-radius);overflow:hidden}
.ir-photo-scene>img{width:100%;height:100%;object-fit:contain}
.ir-photo-scene>svg{position:absolute;inset:0;width:100%;height:100%}
.ir-tool{padding:12px}
.ir-tool p{margin:12px 0 4px;font-size:var(--type-14)}
@keyframes nano-pulse{50%{fill:#87a6c8}
}
.code-photo-card{width:100%;max-width:100%}
/* Darker blue on translucent glass keeps 4.5:1 even over a dark photograph. */
.hero-glass .eyebrow,.hero-glass em{color:#064BA8}
.panel-dark .code-pill.is-current{background:#fff;color:#021D4A;border-color:#fff}
.panel-dark .code-pill.is-current>span:last-child{color:#4B5C72}
.faq-question{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:16px;align-items:center}
.faq-question h3{font:600 var(--type-16)/1.5 var(--font-body);text-wrap:balance}
.app-faq-list .faq-question button{width:44px;height:44px;min-height:44px;display:grid;place-items:center;padding:0;border-radius:999px;color:#fff;background:#0764EE;border:0}
.faq-question button[aria-expanded=true] .icon{transform:rotate(45deg)}
@media(max-width:600px){
.faq-question{gap:12px}
.faq-question h3{font-size:var(--type-16)}
.app-faq-list .faq-question button{min-height:44px}
.app-faq-list p{padding:16px 0 0}
}
.info-photo.tile{padding:0 0 24px}
.ir-tool.tool-tile{padding:12px}
.code-color-large{box-shadow:0 10px 24px #021d4a14}
.real-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.real-grid figure{border-radius:var(--tile-radius);overflow:hidden;background:#F2F6FB}
.real-grid img{width:100%;aspect-ratio:4/5;object-fit:cover}
.real-grid figcaption{padding:16px;font-size:var(--type-14)}
@media(max-width:600px){.real-grid{grid-template-columns:1fr}
.price-tab-panel{gap:32px}
}

/* Protect semantic groups at every viewport; the helper supplies their glue. */
:is(h1,h2,h3,.eyebrow,summary){word-break:normal;overflow-wrap:normal;text-wrap:balance}
.stat-tile strong,.code-stats dd,.code-package-prices strong,.price-tile strong{white-space:nowrap;font-variant-numeric:tabular-nums;overflow-wrap:normal}
.titan-spotlight .stat-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.titan-spotlight .stat-tile:first-child{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.titan-spotlight .code-pills,.home-families .family-tile .code-pills{display:grid;grid-template-columns:minmax(0,1fr);gap:8px}
.titan-spotlight .code-pill,.home-families .family-tile .code-pill{width:100%;min-width:0;min-height:48px}
.eyebrow-technology{white-space:nowrap}
@media(max-width:900px){
 .titan-spotlight .eyebrow-divider{display:none}
 .titan-spotlight .eyebrow-technology{display:block;margin-top:4px}
 .home-hero .proof-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin}
}
@media(max-width:700px){
 .hero-glass .eyebrow{letter-spacing:.08em}
 .technology-video-panel>summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px}
 .technology-video-panel>summary>.video-duration{display:flex;align-items:center;gap:8px;white-space:nowrap}
}
@media(max-width:360px){.home-hero .hero-glass h1{font-size:var(--type-40)}}