@font-face{font-family:Montserrat;src:url('../fonts/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/montserrat-500.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/montserrat-600.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('../fonts/montserrat-800.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--navy:#101727;--navy2:#172136;--blue:#a9bff7;--mint:#90d8bf;--violet:#b7a0e6;--ink:#1b2437;--muted:#6a707d;--paper:#f7f8fa;--line:#dedfe5;--space:clamp(24px,5.3vw,100px);--fs-display:clamp(35px,4.9vw,80px);--fs-h2:clamp(35px,3.1vw,44px);--fs-h3:20px;--fs-body:15px;--fs-small:14px;--fs-label:12px;--fs-button:16px;--fs-nav:clamp(14px,1.4vw,20px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button{color:inherit}button,a,input,summary{outline-offset:6px}:focus-visible{outline:2px solid #6288e5}::selection{background:#a9bff7;color:var(--navy)}h1,h2,h3,p{margin:0}p{line-height:1.8;letter-spacing:.5px}button{border:0}img{display:block;max-width:100%}section[id]{scroll-margin-top:0}.skip-link{position:fixed;top:-100px;left:20px;padding:15px;background:white;color:var(--navy);z-index:100}.skip-link:focus{top:10px}.header{height:98px;padding:0 var(--space);display:flex;align-items:center;gap:30px;position:fixed;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #ffffff13;color:white;transition:background-color .2s,border-color .2s}.header[data-scrolled]{background:rgba(16,23,39,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom-color:#ffffff24}.brand{display:flex;align-items:baseline;gap:3px;white-space:nowrap}.brand img{width:130px;height:auto;align-self:center}.brand>a:first-child{align-self:center}.brand span{color:var(--blue);font-size:25px;letter-spacing:-1.2px;font-weight:400}.nav{display:flex;gap:33px;margin:auto;font-size:var(--fs-nav);font-weight:700;color:#d0d4e0}.nav a{position:relative;padding:12px 0}.nav a:after{content:'';height:1px;width:0;background:var(--blue);position:absolute;bottom:3px;left:0;transition:width .2s}.nav a:hover:after{width:100%}.header-cta{border:1px solid #647189;border-radius:6px;padding:13px 16px;font-size:var(--fs-button);font-weight:700;display:flex;gap:24px;align-items:center;transition:background .2s}.header-cta:hover{background:#ffffff13}.header-cta span{font-size:20px}.menu-toggle{display:none;background:transparent;width:40px;height:40px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px #90d8bf33}.button{padding:16px 22px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:26px;font-size:var(--fs-button);font-weight:700;line-height:1.3;min-height:50px;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0e162a18}.button>span{font-size:21px;line-height:15px}.primary{background:var(--blue);color:var(--navy)}.primary:hover{background:#c1d0f8}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-body);font-weight:600}.text-link:hover{color:var(--blue)}.principle-strip{padding:27px var(--space);display:flex;gap:30px;align-items:center;justify-content:space-between;background:#e9edf5;color:#626c80;font-size:12px;border-bottom:1px solid #dbe0eb}.principle-strip>span:first-child{color:#303d57}.principle-strip>span{display:flex;align-items:center;gap:9px;white-space:nowrap}.principle-strip i{font-style:normal;font-size:22px;color:#6a80ad}.section{padding:100px var(--space)}.section-kicker{display:flex;align-items:center;gap:13px;font-size:var(--fs-label);letter-spacing:1.5px;font-weight:600}.section-number{color:#8a94a6}.principle-heading,.catalog-heading{margin-top:29px}h2{font-size:var(--fs-h2);line-height:1.3;font-weight:700}h3{font-size:var(--fs-h3);line-height:1.4;font-weight:700}h2 span{color:#8b93a3}.principle-heading>p,.catalog-heading>p{max-width:640px;margin-top:22px;font-size:var(--fs-body);color:#6a7385}.principle-steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:58px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.step{padding:30px 34px 34px 0;position:relative}.step+.step{padding-left:34px;border-left:1px solid var(--line)}.step-number{position:absolute;top:25px;left:0;font-size:var(--fs-label);color:#8b93a3}.step+.step .step-number{left:34px}.step-illustration{--pz:100px;height:98px;display:flex;align-items:center;padding-left:40px;margin-bottom:17px;transform:rotate(-6deg)}.step-illustration img{width:var(--pz);height:var(--pz);filter:drop-shadow(0 7px 6px #19274418)}.step-illustration img+img{margin-left:calc(var(--pz)/-3)}.step-illustration.trio{--pz:85px}.step p{font-size:var(--fs-small);line-height:1.6;color:#737b8b;margin-top:12px;max-width:270px}.catalog{padding-top:0}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);margin-top:45px;padding-bottom:20px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filter{font-size:var(--fs-small);padding:11px 13px;border-radius:5px;color:#697284;background:transparent;white-space:nowrap}.filter:hover{background:#e9edf5}.filter.active{background:var(--navy);color:white}.filter>span{color:#a9bff7;font-size:12px;margin-left:5px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:5px;padding:9px 12px;width:175px;background:white}.search>span{font-size:23px;line-height:17px}.search input{border:0;background:transparent;width:100%;font-size:var(--fs-small);color:var(--ink);outline-offset:5px}.catalog-results{color:#7c8594;font-size:var(--fs-small);margin:16px 0;min-height:16px}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.app-card{background:white;border:1px solid #e0e3ea;border-radius:9px;padding:22px 24px 18px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s;cursor:pointer;overflow:hidden}.app-card:hover{transform:translateY(-6px);border-color:#a9bff7;box-shadow:0 18px 30px #2334550b}.app-card:before{content:'';position:absolute;top:0;right:0;width:170px;height:170px;background:radial-gradient(ellipse at top right,var(--card-glow),transparent 70%);pointer-events:none}.app-card.blue{--card-glow:#a9bff724}.app-card.violet{--card-glow:#b7a0e620}.app-card.emerald{--card-glow:#90d8bf25}.card-top{display:flex;align-items:center;justify-content:flex-end;font-size:var(--fs-label);color:#8690a0;font-weight:500}.type-badge{border:1px solid #e2e5ec;color:#6e788a;border-radius:4px;padding:5px 8px;font-size:var(--fs-label);display:inline-flex;align-items:center;gap:5px}.card-art{height:150px;display:flex;align-items:center;margin:2px 0 8px}.card-art img{width:160px;height:160px;margin-left:-21px;transition:transform .4s;filter:drop-shadow(0 7px 6px #19274412)}.app-card:hover .card-art img{transform:rotate(-8deg) translateY(-3px)}.app-card>p{font-size:16px;line-height:1.6;color:#79808e;margin-top:9px;min-height:3.2em}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eef0f4;padding-top:15px;margin-top:15px}.card-details{background:transparent;padding:5px 0;font-size:var(--fs-small);font-weight:600}.card-details:after{content:' ↗';margin-left:10px;font-size:18px;line-height:1;color:#6d7c99}.card-add{width:29px;height:29px;display:grid;place-items:center;border:1px solid #e0e4ed;border-radius:50%;font-size:19px;background:#fafbfc;transition:background .2s}.card-add[aria-pressed=true]{background:var(--navy);color:var(--mint);border-color:var(--navy)}.catalog-footer{display:flex;align-items:center;justify-content:space-between;margin-top:30px}.catalog-footer p{font-size:var(--fs-small);color:#8a929f}.outline{background:transparent;border:1px solid #c9cfdb}.empty-state{padding:60px 20px;grid-column:1/-1;text-align:center;color:#657189;background:white;border:1px dashed #c6cfdd;border-radius:8px}.empty-state button{display:block;margin:20px auto 0;background:var(--navy);color:white;padding:12px 18px;border-radius:4px;font-size:12px}.dealership{background:var(--navy);color:white;margin:0 22px;border-radius:12px;padding:65px calc(var(--space) - 22px) 0;position:relative;overflow:hidden}.dealership .section-kicker{color:#adbbd4}.tour-heading{margin-top:28px}.tour-heading h2 span{color:var(--blue)}.tour-heading p{max-width:640px;margin-top:22px;font-size:var(--fs-body);color:#94a1b9}.tour-tabs{display:flex;border-bottom:1px solid #ffffff18;margin-top:44px;gap:4px}.tour-tab{flex:1;text-align:left;background:transparent;color:#9aa6bd;font-size:var(--fs-body);font-weight:600;padding:20px 10px;display:flex;align-items:center;gap:12px;border-bottom:2px solid transparent}.tour-tab>span{font-size:14px;font-weight:500}.tour-tab[aria-selected=true]{color:var(--blue);border-color:var(--blue)}.tour-tab:hover{color:white}.tour-content{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:center;padding:44px 0}.tour-visual{aspect-ratio:3/2;border-radius:10px;overflow:hidden;background:var(--navy2);box-shadow:0 0 0 1px #a9bff71f,0 24px 60px #0006}.tour-visual img{width:100%;height:100%;object-fit:cover;animation:tour-photo .5s ease both}@keyframes tour-photo{from{opacity:0}}.tour-copy{padding-right:20px}.tour-copy>.eyebrow{font-size:12px;letter-spacing:1.4px;font-weight:600;color:#9fb0d0}.tour-copy h3{font-size:clamp(24px,2.3vw,32px);line-height:1.25;margin-top:16px;white-space:pre-line}.tour-copy>p{font-size:17px;color:#b3bfd4;margin-top:18px;max-width:440px}.tour-apps{display:flex;gap:10px;margin-top:28px;flex-wrap:wrap}.tour-apps button{background:#202c41;border:1px solid #a9bff71a;color:#d0daee;border-radius:5px;padding:9px 14px 9px 10px;display:flex;align-items:center;font-size:var(--fs-small);font-weight:600;gap:10px}.tour-apps button img{width:34px;height:34px}.tour-apps button:hover{border-color:var(--blue)}.tour-bottom{border-top:1px solid #ffffff13;padding:21px 0;display:flex;justify-content:space-between;align-items:center}.tour-bottom>span{font-size:12px;letter-spacing:1.2px;display:flex;align-items:center;gap:10px;color:#7283a0}.tour-bottom button{color:var(--blue);font-size:var(--fs-body);font-weight:600;display:flex;gap:15px;align-items:center;background:transparent}.tour-bottom button span{font-size:21px}.builder-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:30px;align-items:stretch}.builder-copy>p{font-size:var(--fs-body);max-width:390px;color:#748095;margin-top:22px}.builder-choices{display:grid;gap:9px;margin:26px 0}.builder-choice{background:white;border:1px solid #dfe4ee;border-radius:5px;padding:18px;display:flex;gap:12px;align-items:center;text-align:left;font-size:var(--fs-body);font-weight:600}.builder-choice>span{margin-left:auto;font-size:22px;color:#7889a8}.builder-choice.active{border-color:#879dce;background:#ecf0f9}.builder-choice img{width:26px;height:26px;flex:none}.dark-link{color:#52698d}.dark-link:hover{color:#203c71}.selection-board{background:#e9edf5;border:1px solid #d8dfeb;border-radius:10px;padding:25px;min-height:380px;display:flex;flex-direction:column;background-image:radial-gradient(#b5bfd344 .7px,transparent .7px);background-size:16px 16px}.board-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:1.3px;color:#6f7c95}.board-dot{height:6px;width:6px;background:#809bc8;border-radius:50%}.selected-pieces{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;flex:1;padding:30px 0;gap:5px;min-height:235px}.selected-piece{text-align:center;width:100px;position:relative}.selected-piece img{width:95px;height:95px;filter:drop-shadow(0 9px 6px #30456918);animation:piece-in .45s ease-out}.selected-piece>span{font-size:14px;display:block;color:#536581}.selected-piece button{position:absolute;top:0;right:0;background:#fff;border:1px solid #ccd4e3;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;font-size:14px;color:#66778e}.board-empty{text-align:center;max-width:230px;font-size:var(--fs-small);color:#7d8ba3}.board-empty>span{font-size:60px;display:block;color:#c4cfe2;margin-bottom:10px}.board-bottom{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #d5ddea;padding-top:20px}.board-bottom p{font-size:var(--fs-small);color:#73809a}.board-bottom .button{padding:13px 16px;min-height:45px;gap:12px;background:var(--navy);color:white}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-top:10px}.faq h2{margin:27px 0}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;font-size:var(--fs-body);font-weight:600;display:flex;justify-content:space-between;gap:25px;padding:24px 0;line-height:1.6}summary::-webkit-details-marker{display:none}summary span{font-size:21px;line-height:1;transition:transform .2s;color:#7787a2}details[open] summary span{transform:rotate(45deg)}details p{font-size:var(--fs-small);line-height:1.6;color:#798394;margin:0 30px 24px 0}.closing{margin:0 22px;background:var(--navy2);color:white;border-radius:10px;text-align:center;padding:64px 24px;position:relative;overflow:hidden;isolation:isolate}.closing .section-kicker{justify-content:center;color:#adbbd4;font-size:var(--fs-label);position:relative}.closing h2{margin:23px 0 26px;position:relative;hyphens:auto}.closing h2 span{color:var(--blue)}.light-button{background:var(--blue);color:var(--navy);margin:9px 0 18px;position:relative}.light-button:hover{background:#c1d0f8}.closing>p{font-size:14px;color:#94a1b9;position:relative}.closing .closing-lead{max-width:600px;margin:0 auto 30px;font-size:var(--fs-body);color:#b8c6e8}.closing-field{position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('../assets/closing-field.svg') center/auto 116% repeat-x;opacity:.62;-webkit-mask-image:radial-gradient(ellipse 58% 72% at 50% 50%,transparent 32%,#000 86%);mask-image:radial-gradient(ellipse 58% 72% at 50% 50%,transparent 32%,#000 86%)}footer{background:var(--navy);color:#8b9ab6;padding:130px var(--space) 28px;margin-top:-70px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:28px;font-size:12px}footer>span{text-align:right;font-size:12px}footer>div{display:flex;gap:25px;font-size:var(--fs-label)}footer small{text-align:right;font-size:var(--fs-label)}footer a:hover{color:white}.footer-brand img{width:114px}.footer-brand span{font-size:22px}.floating-selection{position:fixed;bottom:24px;right:24px;z-index:25;background:var(--navy);color:white;border:1px solid #a9bff755;border-radius:30px;box-shadow:0 8px 24px #10172733;padding:13px 16px;font-size:12px;display:flex;align-items:center;gap:11px}.floating-selection[hidden]{display:none}.puzzle-mark{width:21px;height:21px;flex:none;fill:var(--blue)}.floating-selection>span:last-child{background:var(--blue);color:var(--navy);border-radius:50%;width:21px;height:21px;display:grid;place-items:center;font-size:12px}dialog{border:1px solid #dce2ed;border-radius:15px;padding:38px;max-width:540px;width:calc(100% - 32px);max-height:85vh;color:var(--ink);box-shadow:0 30px 100px #0004}dialog::backdrop{background:#0b1429a8;backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:17px;top:14px;border-radius:50%;height:33px;width:33px;background:#eef1f6;color:#69758d;font-size:23px}.dialog-icon{width:104px;margin:-12px 0 10px -17px}dialog h2{font-size:31px;margin:12px 0}dialog .dialog-tagline{font-size:14px;font-weight:500;margin-bottom:15px}dialog p{font-size:14px;color:#768097}dialog ul{padding:0;list-style:none;display:grid;gap:13px;margin:25px 0;font-size:14px}dialog li:before{content:'✓';margin-right:10px;color:#5d907e}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.dialog-related{border-top:1px solid #e1e5ed;padding-top:20px}.dialog-related>p{font-size:var(--fs-label);letter-spacing:1px}.related-items{display:flex;gap:12px;margin-top:12px}.related-items button{background:#eff2f7;padding:8px 10px;border-radius:5px;font-size:12px;display:flex;gap:7px;align-items:center}.related-items img{width:34px;height:34px}.dialog-selection-list{display:grid;gap:8px;margin:20px 0}.dialog-selection-item{display:flex;gap:12px;align-items:center;padding:7px 10px;background:#f2f4f8;border-radius:6px;font-size:12px}.dialog-selection-item img{height:45px;width:45px}.dialog-selection-item button{margin-left:auto;background:transparent;color:#7e8ba2;font-size:22px}.dialog-note{font-size:12px!important}.request-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.field{display:grid;gap:6px;font-size:14px;font-weight:600;color:#4d5a72}.field-wide,.consent,.request-status,.request-form>.button{grid-column:1/-1}.field input,.field textarea{font:inherit;width:100%;border:1px solid #d3d9e5;border-radius:6px;padding:12px 13px;font-size:16px;font-weight:400;color:var(--ink);background:#fafbfd;resize:vertical}.field input:focus,.field textarea:focus{border-color:#6288e5;background:white}.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:#68748b}.consent input{margin-top:3px;width:17px;height:17px;flex:none}.consent a{text-decoration:underline}.request-status{min-height:1em;font-size:14px!important;color:#9b3b3b!important}.request-status:empty{display:none}.request-status a{text-decoration:underline}.request-form>.button{justify-self:start}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,15px);background:var(--navy);color:white;z-index:100;padding:14px 22px;border:1px solid #8fa9de4d;border-radius:7px;box-shadow:0 10px 35px #0002;opacity:0;pointer-events:none;font-size:12px;transition:all .25s;max-width:90vw;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s,transform .7s}.js-ready .reveal.visible{opacity:1;transform:none}@keyframes reveal-in{from{opacity:0;translate:0 15px}to{opacity:1;translate:0 0}}@keyframes piece-in{from{opacity:0;transform:translateY(-15px) rotate(-12deg)}to{opacity:1;transform:none}}
@media(min-width:1600px){:root{--space:max(80px,calc((100vw - 1440px)/2))}}@media(max-width:1150px){.header{gap:20px}.nav{gap:20px}.header-cta{gap:13px}.catalog-toolbar{flex-wrap:wrap}.filters{flex:1}.search{width:150px}.filter{padding:10px 9px}.tour-content{gap:36px}.builder-layout,.faq{gap:40px}.board-bottom{flex-direction:column;align-items:stretch}.board-bottom p{text-align:center}}
@media(max-width:850px){.header{height:82px}.header-cta{display:none}.nav{margin-left:auto;margin-right:0}.principle-strip{flex-wrap:wrap;gap:18px}.principle-strip>span:first-child{width:100%;justify-content:center;padding-bottom:10px;border-bottom:1px solid #d7ddeb}.section{padding-top:75px;padding-bottom:75px}.catalog{padding-top:0}.step{padding-right:20px}.step+.step{padding-left:20px}.step+.step .step-number{left:20px}.step-illustration{padding-left:10px}.step-illustration.trio{--pz:65px}.app-grid{grid-template-columns:repeat(2,1fr)}.search{width:100%;max-width:220px}.catalog-toolbar{gap:15px}.filters{min-width:100%}.tour-tab{font-size:var(--fs-small);padding:16px 6px;gap:6px}.tour-content{gap:28px}.builder-layout{gap:25px}.selected-piece{width:80px}.selected-piece img{width:75px;height:75px}.selection-board{padding:19px}.faq{padding-top:0}.closing{padding:50px 20px}}
@media(max-width:600px){:root{--space:24px;--fs-h3:18px;--fs-display:min(35px,7.6vw)}.header{height:76px;gap:18px}.brand img{width:111px}.brand span{font-size:22px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:auto}.menu-toggle span{display:block;background:#c1cce1;width:22px;height:1px}.nav{display:none;position:absolute;top:75px;left:0;right:0;background:#172136;border-bottom:1px solid #a9bff735;padding:20px 24px;flex-direction:column;gap:6px}.nav.open{display:flex}.nav a{padding:13px;font-size:20px}.principle-strip{padding:22px 24px;gap:10px;justify-content:space-between}.principle-strip i{font-size:17px}.principle-strip>span{gap:5px}.principle-strip>span:first-child{padding-bottom:15px;margin-bottom:4px}.section{padding-top:60px;padding-bottom:60px}.section-kicker{align-items:flex-start;letter-spacing:1.2px;gap:10px}.principle-heading,.catalog-heading{margin-top:23px}.principle-heading>p,.catalog-heading>p{max-width:none;margin-top:20px}.principle-steps{grid-template-columns:1fr;margin-top:32px}.step,.step+.step{padding:25px 0 25px 112px;min-height:130px;border-left:0}.step+.step{border-top:1px solid var(--line)}.step-number,.step+.step .step-number{left:0;top:15px}.step-illustration{--pz:90px;position:absolute;left:-9px;top:15px;width:112px;padding:0;margin:0;justify-content:center}.step-illustration.duo{--pz:66px}.step-illustration.trio{--pz:46px}.step h3{margin-top:4px}.step p{margin-top:8px;max-width:none}.catalog{padding-top:0}.catalog-toolbar{margin-top:28px;padding-bottom:15px;gap:13px}.filters{gap:3px}.filter{padding:9px 10px}.search{max-width:none;padding:12px}.search input{font-size:16px}.catalog-results{margin:13px 0}.app-grid{gap:12px}.app-card{padding:15px 13px 12px;border-radius:7px}.card-top{flex-wrap:wrap;gap:4px 8px}.card-top>span{margin-left:auto}.type-badge{padding:4px 6px;gap:4px}.card-art{height:115px;margin:1px 0 6px}.card-art img{width:124px;height:124px;margin-left:-17px}.app-card h3{min-height:32px;font-size:var(--fs-body);hyphens:auto}.app-card>p{font-size:var(--fs-body);margin-top:3px}.card-bottom{margin-top:9px;padding-top:10px}.card-details:after{margin-left:4px}.card-add{width:26px;height:26px;font-size:17px}.catalog-footer{flex-direction:column;gap:20px;margin-top:26px}.catalog-footer .button{width:100%}.dealership{margin:0 12px;padding:35px 20px 0;border-radius:9px}.tour-heading{margin-top:24px}.tour-heading p{margin-top:15px}.tour-tabs{margin-top:25px;overflow-x:auto;gap:7px;scrollbar-width:none}.tour-tab{min-width:max-content;gap:6px;padding:16px 8px}.tour-content{grid-template-columns:1fr;gap:20px;padding:24px 0}.tour-copy{padding:0}.tour-copy p{max-width:none;font-size:16px}.tour-apps{gap:6px}.tour-bottom>span{font-size:12px;letter-spacing:1px;max-width:190px;line-height:1.5;gap:8px}.tour-bottom button{gap:8px;white-space:nowrap}.tour-bottom{gap:15px;padding:19px 0}.builder-layout{grid-template-columns:1fr;gap:28px;margin-top:24px}.builder-choices{margin:23px 0}.builder-choice{padding:16px}.selection-board{min-height:330px;padding:22px}.selected-pieces{min-height:185px}.selected-piece{width:86px}.selected-piece img{height:85px;width:85px}.board-bottom{flex-direction:row;align-items:center}.board-bottom p{text-align:left}.board-bottom .button{padding:12px;gap:10px}.faq{display:block;padding-top:0}.faq h2{margin:23px 0}.faq-list{margin-top:32px}.closing{margin:0 12px;padding:44px 18px}.closing-field{background-size:auto 86%;opacity:.42;-webkit-mask-image:radial-gradient(ellipse 76% 66% at 50% 50%,transparent 38%,#000 92%);mask-image:radial-gradient(ellipse 76% 66% at 50% 50%,transparent 38%,#000 92%)}footer{padding:115px 24px 90px;gap:25px;grid-template-columns:1fr}footer>span,footer small{text-align:left}footer>span{font-size:12px}footer>div{gap:23px}.floating-selection{bottom:15px;right:15px;padding:10px 13px}dialog{padding:27px}.request-form{grid-template-columns:1fr}dialog h2{font-size:28px}.dialog-actions{gap:9px}.toast{bottom:78px;width:max-content;max-width:90vw}.related-items{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-ready .reveal{opacity:1;transform:none}}
/* Final alignment and touch refinements. */
.brand{align-items:center}.brand span{padding-top:3px}.card-add{width:34px;height:34px}.selection-board button:focus-visible{outline-color:#506fa9}
@media(max-width:600px){.card-add{width:36px;height:36px}.dialog-close{width:40px;height:40px}.selected-piece button{width:28px;height:28px}.board-bottom .button{min-height:44px}}
@media(max-width:360px){.card-details:after{display:none}.principle-strip{gap:7px}.app-card{padding:13px 10px}.card-add{width:32px;height:32px}}
.hero{background:var(--navy);color:white;position:relative;overflow:hidden;padding:150px var(--space) 60px;min-height:900px;display:grid;grid-template-columns:43% 57%;align-items:center}.hero-copy{position:relative;z-index:2;padding-bottom:50px}.hero-eyebrow{font-size:var(--fs-label);font-weight:600;letter-spacing:1.8px;line-height:1.8;color:var(--blue);margin-bottom:26px;display:flex;align-items:center;gap:10px}.hero-eyebrow>span{width:6px;height:6px;background:var(--mint);border-radius:50%;flex:none}.hero h1{font-size:clamp(48px,5.2vw,76px);font-weight:500;letter-spacing:-.065em;line-height:1.09;margin-bottom:30px}.hero h1 em{font-style:normal;color:var(--blue)}.hero-description{font-size:var(--fs-body);line-height:1.85;color:#b8c6e8;max-width:410px;margin-bottom:30px}.hero .hero-button{background:#4570fe;color:white;gap:40px;padding:18px 23px;min-height:52px}.hero .hero-button:hover{background:#385eda}.hero-button span{font-size:20px;font-weight:400;line-height:1}.hero-proof{display:flex;gap:10px;flex-direction:column;font-size:12px;color:#b8c6e8;margin-top:28px}.hero-proof a{color:var(--blue);font-weight:600;width:fit-content}.puzzle-stage{position:relative;min-width:0;width:100%;height:680px;isolation:isolate}.puzzle-stage:before{content:'';position:absolute;inset:8% -2% 15%;background:radial-gradient(ellipse,#4570fe15,transparent 65%);pointer-events:none}.puzzle-field{position:absolute;width:800px;height:780px;top:45%;left:50%;transform:translate(-50%,-50%) scale(var(--scale,.72)) perspective(1600px) rotateX(10deg) rotateY(-10deg) rotateZ(-7deg);transform-origin:center;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.puzzle-piece{position:absolute;width:360px;height:230px;padding:0;border:0;background:transparent;color:var(--accent);text-align:left;transition:transform 1.6s cubic-bezier(.16,1,.3,1),filter .3s;transform:translate(var(--dx),var(--dy)) rotate(var(--twist));filter:drop-shadow(0 14px 12px #03091655);isolation:isolate}.assembled .puzzle-piece{transform:translate(0,0) rotate(0)}.puzzle-piece:hover,.puzzle-piece:focus-visible{filter:drop-shadow(0 12px 20px #030916aa) brightness(1.18);z-index:3}.tone-blue{--accent:#7b9aff;--tile:#182a51}.tone-mint{--accent:#5eead4;--tile:#16383e}.tone-ice{--accent:#a9bff7;--tile:#213053}.piece-surface{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:-1}.piece-surface path{fill:var(--tile);stroke:var(--accent);stroke-width:1;stroke-opacity:.44;vector-effect:non-scaling-stroke}.piece-type{position:absolute;top:23px;left:27px;font-size:var(--fs-label);letter-spacing:1.7px;text-transform:uppercase;opacity:.8}.puzzle-piece .app-symbol{position:absolute;left:27px;top:63px;width:83px;height:83px}.piece-name{position:absolute;left:27px;bottom:30px;font-size:20px;font-weight:500;letter-spacing:-.5px}.piece-arrow{position:absolute;right:28px;bottom:29px;font-size:23px;font-weight:400;opacity:.6}.paused .puzzle-field,.paused .puzzle-piece{transition:none}.stage-footer{position:absolute;bottom:0;left:9%;right:0;display:flex;align-items:center;justify-content:flex-end;gap:20px;color:var(--blue);font-size:var(--fs-label);letter-spacing:1.8px}.motion-control{display:flex;align-items:center;gap:9px;background:none;font-size:12px;letter-spacing:0;padding:10px 0;color:#b8c6e8;white-space:nowrap}.motion-control span{width:23px;height:23px;border:1px solid #415279;border-radius:50%;display:grid;place-items:center;font-size:12px}
@media(min-width:1500px){.hero{min-height:980px}.puzzle-stage{height:740px}}
@media(max-width:1100px){.hero{grid-template-columns:46% 54%;min-height:780px;padding-top:130px}.hero h1{font-size:clamp(44px,5.5vw,62px)}.puzzle-stage{height:560px}.hero-copy{padding-bottom:25px}.hero-eyebrow{letter-spacing:1.3px}.hero-description{font-size:14px;max-width:330px}.stage-footer{left:5%;gap:8px}.stage-footer>span{letter-spacing:.8px}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:137px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(56px,9vw,78px);max-width:570px}.hero-description{max-width:470px;font-size:14px}.hero-proof{flex-direction:row;gap:16px;margin-top:22px}.puzzle-stage{width:min(100%,650px);height:640px;justify-self:center;margin-top:35px}.stage-footer{left:0}}
@media(max-width:480px){.hero{padding-top:118px;padding-bottom:40px}.hero h1{font-size:clamp(36px,11.8vw,55px)}.hero-eyebrow{letter-spacing:1px;gap:7px;white-space:nowrap}.hero-description{font-size:14px;line-height:1.9}.hero-proof{flex-direction:column;gap:8px}.puzzle-stage{height:415px;margin-top:40px}.stage-footer{bottom:2px}.stage-footer>span{letter-spacing:.7px}.motion-control{gap:6px}}
@media(prefers-reduced-motion:reduce){.puzzle-piece{transform:none}}
.legal-back{margin-left:auto;font-size:var(--fs-nav);font-weight:700;color:#d0d4e0;display:flex;gap:10px;align-items:center;white-space:nowrap}.legal-back:hover{color:white}.legal{max-width:820px;margin:0 auto;padding:170px 24px 110px}.legal h1{font-size:clamp(32px,4vw,46px);font-weight:800;line-height:1.1;margin-bottom:8px}.legal .legal__lead{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:var(--muted);margin-bottom:40px}.legal h2{font-size:22px;line-height:1.25;margin:40px 0 12px}.legal p,.legal li{font-size:var(--fs-body);line-height:1.75;color:#4d5568}.legal p{margin-bottom:14px}.legal ul{margin:0 0 14px;padding-left:22px}.legal li{margin-bottom:6px}.legal a{color:#506fa9}.legal a:hover{text-decoration:underline}.legal .legal__block{background:white;border:1px solid var(--line);border-radius:8px;padding:20px 24px;margin-bottom:14px}.legal .legal__block p:last-child{margin-bottom:0}.legal strong{color:var(--ink)}
@media(max-width:600px){.legal{padding:130px 24px 80px}.legal-back{font-size:14px;gap:6px}}

/* Card shows the control-plane short description; long ones are cut to four lines, the dialog has the full text */
.app-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;overflow:hidden;min-height:6.4em}
.dialog-more{border-top:1px solid #e1e5ed;margin:0 0 5px}
.dialog-more summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 0;font-size:14px;font-weight:600;color:var(--ink)}
.dialog-more summary::-webkit-details-marker{display:none}
.dialog-more summary:after{content:'+';font-size:20px;font-weight:400;color:#69758d}
.dialog-more[open] summary:after{content:'−'}
.dialog-more summary:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
.dialog-long{padding-bottom:10px;font-size:14px;line-height:1.65;color:#768097}
.dialog-long h4{font-size:15px;color:var(--ink);margin:20px 0 6px}
.dialog-long h4:first-child{margin-top:0}
.dialog-long p{margin:0 0 12px}
.dialog-long strong{color:var(--ink)}
.dialog-long ul,.dialog-long ol{display:block;margin:0 0 12px;padding-left:20px}
.dialog-long ul{list-style:disc}
.dialog-long ol{list-style:decimal}
.dialog-long li{margin-bottom:5px}
.dialog-long li:before{content:none}
.dialog-long table{display:block;overflow-x:auto;border-collapse:collapse;margin:0 0 12px;font-size:14px}
.dialog-long th,.dialog-long td{border:1px solid #e1e5ed;padding:6px 8px;text-align:left;vertical-align:top}
.dialog-long code{background:#f2f4f8;border-radius:3px;padding:1px 4px;font-size:12px}

/* EU AI Act: label on AI-generated tour photos, same badge as the voicebot landing page */
.tour-visual{position:relative}
.tour-visual .ai-label{position:absolute;right:10px;bottom:10px;width:104px;height:auto;opacity:.92;filter:drop-shadow(0 1px 4px #00000059);pointer-events:none;animation:none}

/* Website-Prozess 2026-10: second hero button, numbers strip, logo band, connections, customer voices */
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero .hero-button-ghost{background:transparent;border:1px solid #3d4a6b;color:white}
.hero .hero-button-ghost:hover{background:#1c2740;border-color:#5a6a92}
.numbers-strip{color:#4d5870}
.numbers-strip>span:first-child{color:inherit}
.numbers-strip strong{font-size:17px;font-weight:800;color:var(--ink);margin-right:3px;font-variant-numeric:tabular-nums;white-space:nowrap}
.logo-band{background:white;border-bottom:1px solid var(--line);padding:24px 0 28px;overflow:hidden}
.logo-band p{text-align:center;font-size:var(--fs-label);font-weight:600;letter-spacing:1.5px;color:#5d6880;margin:0 0 16px}
.logo-track{display:flex;width:max-content;animation:logo-band 70s linear infinite}
.logo-band:hover .logo-track{animation-play-state:paused}
.logo-set{display:flex;gap:56px;padding-right:56px;align-items:center}
.logo-set img{height:44px;width:auto;filter:brightness(0);opacity:.45}
@keyframes logo-band{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.logo-track{width:auto;animation:none}.logo-set{flex-wrap:wrap;justify-content:center;gap:18px 40px;padding:0 var(--space)}.logo-set[aria-hidden]{display:none}}
.links{background:white}
.chain-title{font-size:var(--fs-h3);margin:64px 0 0;color:var(--ink)}
.chain{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.chain-step{position:relative;padding:28px 30px 32px 0}
.chain-step+.chain-step{padding-left:30px;border-left:1px solid var(--line)}
.chain-step:before{content:'';position:absolute;left:0;right:0;top:99px;height:1px;background:linear-gradient(90deg,#c5cee0 50%,transparent 0) 0 0/8px 1px}
.chain-step+.chain-step:before{left:0}
.chain-label{display:block;font-size:var(--fs-label);font-weight:600;letter-spacing:.6px;color:#5d6880;margin-bottom:16px}
.chain-step img{position:relative;width:80px;height:80px;background:white;padding-right:10px;box-sizing:content-box}
.chain-step h4{font-size:16px;margin:18px 0 8px;color:var(--ink)}
.chain-step p{font-size:var(--fs-small);line-height:1.75;color:var(--muted);margin:0;max-width:34ch}
.chain-note{display:flex;gap:14px;align-items:center;margin:20px 0 0;font-size:var(--fs-small);line-height:1.6;color:var(--muted)}
.chain-note img{width:30px;height:30px;flex:none}
.systems{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin-top:24px;padding-top:26px;border-top:1px solid var(--line)}.system-card{grid-column:span var(--span,2);min-width:0;background:white;border:1px solid var(--line);border-radius:10px;padding:22px}.system-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.system-card-n{font-size:var(--fs-label);font-weight:600;color:#8a94a6;font-variant-numeric:tabular-nums}
.systems h4{font-size:var(--fs-label);font-weight:700;letter-spacing:1.3px;color:#5d6880;margin:0;text-transform:uppercase}
.systems ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px;font-size:var(--fs-small);font-weight:500;color:var(--ink)}
.systems-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
.systems-foot p{margin:0;font-size:var(--fs-small);color:var(--muted)}
.voices{background:#e9edf5}
.voices-heading h2 span{color:#8a94a6}
.quotes{display:grid;grid-template-columns:repeat(3,1fr);margin-top:56px;border-top:1px solid #d3d9e6}
.quotes figure{margin:0;padding:32px 32px 32px 0;display:flex;flex-direction:column;justify-content:space-between;gap:28px}
.quotes figure+figure{padding-left:32px;border-left:1px solid #d3d9e6}.quotes .quote-lead{grid-column:1/-1;border-bottom:1px solid #d3d9e6;padding-right:0;gap:22px}.quotes .quote-lead blockquote{font-size:clamp(19px,1.6vw,22px);line-height:1.6;max-width:62ch}.quotes .quote-lead+figure{padding-left:0;border-left:0}
.quotes blockquote{margin:0;font-size:var(--fs-body);line-height:1.8;color:var(--ink)}
.quotes figcaption{font-size:12px;line-height:1.6;color:#5d6880}
.quotes figcaption b{display:block;font-size:14px;color:var(--ink)}
.press{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d3d9e6;font-size:17px;font-weight:600;line-height:1.5}.press a{padding:28px 32px 28px 0}.press a+a{padding-left:32px;border-left:1px solid #d3d9e6}.press .press-label{display:block;margin-bottom:12px;font-size:var(--fs-label)}
.press a{color:var(--ink);text-underline-offset:3px}
.press a:hover{color:#203c71;text-decoration:underline}
.field select{font:inherit;width:100%;border:1px solid #d3d9e5;border-radius:6px;padding:12px 13px;font-size:16px;font-weight:400;color:var(--ink);background:#fafbfd}
.field select:focus{border-color:#6288e5;background:white}
@media(max-width:1100px){.chain{grid-template-columns:1fr 1fr}.chain-step:nth-child(3){padding-left:0;border-left:0}.chain-step:nth-child(n+3){border-top:1px solid var(--line)}.systems{grid-template-columns:repeat(2,1fr)}.system-card{grid-column:span 1}.quotes{grid-template-columns:1fr}.quotes figure,.quotes figure+figure{padding:28px 0;border-left:0}.quotes figure+figure{border-top:1px solid #d3d9e6}.quotes .quote-lead{padding-top:28px;border-bottom:0}.press{grid-template-columns:1fr}.press a,.press a+a{padding:24px 0;border-left:0}.press a+a{border-top:1px solid #d3d9e6}}
@media(max-width:1100px){.numbers-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.numbers-strip>span:first-child{width:auto;justify-content:flex-start;padding-bottom:0;border-bottom:0}.numbers-strip>span{white-space:normal;font-size:12px}}
@media(max-width:600px){.chain{grid-template-columns:1fr}.chain-step,.chain-step+.chain-step{padding:24px 0;border-left:0}.chain-step+.chain-step{border-top:1px solid var(--line)}.systems{grid-template-columns:1fr}.systems-foot{flex-direction:column;align-items:flex-start}.logo-set{gap:36px;padding-right:36px}.logo-set img{height:34px}.hero-actions .button{flex:1 1 auto}.numbers-strip>span:first-child{font-size:12px;padding-bottom:0;margin-bottom:0}}

/* Review fixes 2026-10-11 */
/* Short desktop screens: tighten the hero so the numbers strip shows in the first screen */
@media(min-width:1101px) and (max-height:950px){.hero{min-height:0;padding-top:120px}.puzzle-stage{height:640px}}
.numbers-strip strong{font-size:22px}
.logo-band p{text-transform:uppercase}
.systems li{background:#e9edf5;border-radius:999px;padding:7px 13px;line-height:1.3}
.quotes figure{display:grid;grid-template-rows:1fr auto}
.quotes figcaption{min-height:4.8em}
.quotes blockquote{font-size:17px;line-height:1.75}

.press-label{font-size:var(--fs-label);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#5d6880}
@media(max-width:1100px){.quotes figcaption{min-height:0}.quotes blockquote{font-size:16px}}
@media(max-width:600px){.chain-step:before{display:none}.numbers-strip strong{font-size:18px}}

/* Contrast floor 2026-10-11: small text ≥4.5:1, large headings ≥3:1.
   Schriftgrößen: Untergrenze 12px für Labels (--fs-label), 14px für Lesetext — auch auf dem Telefon. */
.section-number,.step-number{color:#5d6880}.section-number{white-space:nowrap}
.dealership .section-number{color:#8a94a6}
h2 span,.voices-heading h2 span{color:#6f788c}
.principle-heading>p,.catalog-heading>p,.step p,.catalog-results,.card-top,.app-card>p,.catalog-footer p,.builder-copy>p,.board-top,.board-empty,.board-bottom p,details p,dialog p,.dialog-long,.dialog-close,.dialog-more summary:after{color:#5d6880}


.hero .hero-button:not(.hero-button-ghost){background:#3b63ec}
.hero .hero-button:not(.hero-button-ghost):hover{background:#3256d4}
.systems h4{overflow-wrap:anywhere}
@media(max-width:600px){.system-card{padding:18px}}
@media(max-width:360px){.hero-eyebrow{white-space:normal}}
@media(max-width:800px){.hero{grid-template-columns:minmax(0,1fr)}}
.chain-label a{color:inherit;text-decoration:underline;text-underline-offset:2px}.chain-label a:hover{color:var(--ink)}
.card-page{margin-right:auto;display:inline-flex;gap:5px;align-items:center;padding:4px 9px;border-radius:999px;background:#e9edf5;color:var(--ink);font-size:var(--fs-label);font-weight:600;letter-spacing:.2px;position:relative;z-index:1}
.card-page:hover{background:var(--navy);color:white}
.card-top:has(.card-page){justify-content:space-between}
.dialog-page{display:flex;gap:16px;align-items:center;justify-content:space-between;margin:24px 0 0;padding:16px 18px;border-radius:9px;background:#eef2fb;border:1px solid #d6def0}
.dialog-page p{margin:0;font-size:14px;line-height:1.55;color:var(--ink)}
.dialog-page .button{flex:none;background:var(--navy);color:white}
.dialog-page .button:hover{background:#1c2740}
@media(max-width:600px){.dialog-page{flex-direction:column;align-items:flex-start}.card-page{padding:3px 7px}}