/* White canvas, strong ink and one vivid action color. */
:root{--navy:#151b26;--brand:#151b26;--copper:#df2335;--action:#df2335;--action-dark:#bd1728;--text:#151b26;--muted:#5d6570;--line:#e0e4e8;--pale:#fff}
body,.header-band,.opening,.comparison,.footer{background:#fff;color:#151b26}
.header-band{border-bottom:1px solid #edf0f2}.opening{border-bottom:1px solid #e7eaee}
.header .brand{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.brand-audience{display:block;font-size:10px;line-height:1.2;color:#626a75;white-space:nowrap;letter-spacing:0;font-weight:400}
.header .language{color:#252f3b}.header .language:hover{color:var(--action)}
.opening .hero h1{color:#151b26;font-size:49px;font-weight:700;letter-spacing:-.05em;line-height:1.08}.opening .hero h1 span{color:var(--action);font-weight:700}
.opening .product-window{background:#fff;border-color:#dce1e7;border-radius:11px;box-shadow:0 14px 35px #17263c09,0 2px 5px #17263c04}
.button,.opening .demo-actions>.button:not(.secondary){background:var(--action);border-color:var(--action);color:#fff;font-weight:700;box-shadow:none}
.button:hover,.opening .demo-actions>.button:not(.secondary):hover{background:var(--action-dark);border-color:var(--action-dark)}
.opening .demo-actions .button{min-height:50px;font-size:14px;padding-left:25px;padding-right:25px;border-radius:6px}
.button:active{transform:translateY(1px)}
.opening .button.secondary{background:#fff;border-color:#aab4bf;color:#1c2836;font-weight:600;box-shadow:none}.opening .button.secondary:hover{background:#fff;border-color:#222f40;color:#111925}
.opening .rotation-control{background:#fff;border-color:#d8dfe6;color:#17283e;box-shadow:0 2px 6px #17263c0b}
.comparison-intro .eyebrow{color:#5b6572}.comparison-intro h2{color:#151b26;font-weight:700;letter-spacing:-.045em}.comparison-picker,.comparison-picker select{color:#303e4d}.comparison-picker select{background:#fff;border-color:#cdd4dc}
.price-grid,.price-card,.price-card.ours{background:#fff}.price-grid{border-color:#dce1e7}.price-card.ours{box-shadow:inset 0 3px var(--action)}.price-card.ours .offer-heading h3{color:var(--action)}
.offer-price strong{color:#151b26}.offer-heading>span,.offer-price>span,.offer-scope,.offer-terms,.scope-note{color:#566270}
.office-price-benefit{color:#263c53;border-color:#e2e6eb}.office-price-benefit span{color:var(--action)}
.price-card>a,.price-card.ours>a{color:#2e445c;font-weight:500}.price-card>a:hover,.price-card.ours>a:hover{color:var(--action)}
.bundle-heading h3{color:#151b26;font-weight:600}.bundle-heading p{color:#5d6875}
.bundle-table thead th.ours,.bundle-table td.ours{background:#fff;color:#151b26;border-color:#e0e4e8}.bundle-table thead th.ours{color:var(--action);border-radius:0;border-top:2px solid var(--action)}
.bundle-table .feature-check{color:var(--action)}.bundle-table tbody th,.bundle-table tbody th small,.bundle-table td.not-advertised,.bundle-table thead td{color:#596675}
.bundle-scope,.bundle-scope a,.comparison-meta,.comparison-meta>p,.comparison-meta summary,.sources a,.sources span{color:#5c6876}
.ecosystem,.ecosystem-list,.ecosystem-terms{background:#fff;border-color:#e1e6eb}.ecosystem>summary,.ecosystem-list b{color:#203047}.ecosystem>summary>span,.ecosystem-list p,.ecosystem-list>a>span,.ecosystem-terms{color:#5c6876}
.booking-dialog{background:#fff;border-color:#d8dfe6;color:#151b26;box-shadow:0 24px 80px #121d3233}.booking-dialog::backdrop{background:#10182566}
.booking-dialog .booking-topic{color:var(--action-dark);font-weight:600}.booking-dialog h2{color:#151b26;font-weight:700}.booking-dialog label{color:#3f4c5b}.booking-dialog input:not([type=hidden]){background:#fff;color:#151b26;border-color:#c7d0d9}.booking-dialog .calendar-note{color:#596675}
.dialog-close{color:#37475a}.dialog-alternative{color:#233950;border-color:#e2e6eb}.dialog-alternative small{color:#66717e}.dialog-alternative:hover{color:var(--action-dark)}
.footer,.footer small{color:#657180}.footer a:hover{color:var(--action-dark)}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #263fe0;outline-offset:4px}
.booking-dialog input:focus-visible{outline-color:#263fe0;outline-offset:2px}
@media(max-width:1050px){.opening .hero h1{font-size:39px}}
@media(max-width:550px){.brand-audience{font-size:9px}.header .brand img{width:122px}.opening .hero h1{font-size:34px;line-height:1.1}.opening .demo-actions .button{font-size:12px;min-height:48px;padding-left:17px;padding-right:17px}.comparison-intro h2{font-size:28px}}
@media(max-width:360px){.opening .hero h1{font-size:29px}.opening .demo-actions .button{font-size:11px;padding-left:12px;padding-right:12px}.brand-audience{font-size:8px}}
@media(prefers-reduced-motion:reduce){.button:active{transform:none}}