/* KANALORA 0.3 • Eigenständige Website-Struktur, bewusst ohne Fremd-Layouts oder -Texte. */
:root{--arch-navy:#10213e;--arch-teal:#20cfc6;--arch-ink:#11213e;--arch-gray:#6e7f96}
.architecture-nav{align-items:center;gap:24px!important;height:100%}.architecture-nav>a,.nav-parent{font-weight:650;white-space:nowrap;color:#13243e;text-decoration:none}.nav-parent span{margin-left:4px;font-size:14px}.nav-dropdown{position:relative;height:100%;display:flex;align-items:center;white-space:nowrap}.nav-dropdown>a{display:inline-flex;align-items:center;gap:1px}.mega-menu{opacity:0;visibility:hidden;pointer-events:none;position:absolute;top:calc(100% - 5px);left:-75px;z-index:30;background:white;border:1px solid #e5ecf3;box-shadow:0 24px 64px rgba(11,34,65,.14);border-radius:20px;padding:24px;display:grid;grid-template-columns:200px 210px 225px;gap:23px;transform:translateY(7px);transition:opacity .18s,transform .18s,visibility .18s;white-space:normal}.nav-dropdown:hover .mega-menu,.nav-dropdown:focus-within .mega-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.mega-label{font-size:10px;letter-spacing:.14em;color:#75859b;font-weight:850}.mega-column{display:flex;flex-direction:column;gap:4px}.mega-column>a,.mega-small>a{font-weight:750;font-size:13px;color:#142440;padding:9px 11px;border-radius:10px;text-decoration:none;display:block}.mega-column>a:hover,.mega-small>a:hover{background:#edf9f9;color:#067e7b}.mega-column small{display:block;color:#8492a6;font-size:11px;font-weight:450;margin-top:2px}.mega-column .mega-all{color:#009a93;margin-top:8px}.mega-aside{padding:18px;border-radius:14px;background:linear-gradient(140deg,#e7fffa,#edf1ff)}.mega-aside strong{font-size:19px;display:block;line-height:1.25;margin:12px 0}.mega-aside p{font-size:12px;line-height:1.6;color:#5c7085}.mega-aside a{color:#038e89;font-size:12px;font-weight:800}.nav-dropdown-compact .mega-menu{min-width:220px;width:max-content;max-width:265px;display:flex;flex-direction:column;gap:3px;left:-30px;padding:12px}.mobile-menu-group{font-size:10px;font-weight:900;letter-spacing:.12em;color:#687b92;border-top:1px solid #dce9ed;padding:14px 18px 5px;margin-top:5px}.architecture-mobile{overflow-y:auto;max-height:calc(100vh - 80px)}.architecture-mobile a{padding:9px 18px!important;font-size:14px}
.architecture-heading{max-width:720px;margin:0 auto 42px;text-align:center}.architecture-heading h2{color:#11223f;font-size:clamp(31px,3.6vw,50px);line-height:1.12;letter-spacing:-.044em;margin:14px 0}.architecture-heading p{color:#647790;font-size:17px;line-height:1.65}.architecture-benefits{background:#fff}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.benefit-grid article{border:1px solid #e2eaf2;padding:32px 29px;background:#fff;border-radius:18px;box-shadow:0 10px 32px rgba(20,35,58,.035)}.benefit-num{color:#0bb6ae;letter-spacing:.15em;font-weight:900}.benefit-grid h3{font-size:20px;letter-spacing:-.025em;margin:17px 0 10px}.benefit-grid p{line-height:1.75;color:#65758b;margin:0}.architecture-products{background:#f6f9fc}.product-tour-tabs{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;background:white;padding:8px;border-radius:18px;box-shadow:0 6px 30px rgba(31,55,92,.05);margin:0 auto 26px;width:max-content;max-width:100%}.product-tour-tabs button{background:transparent;border:0;padding:12px 17px;cursor:pointer;color:#677b93;font:inherit;font-size:13px;font-weight:750;border-radius:12px}.product-tour-tabs button:hover{background:#edf8f8;color:#006c68}.product-tour-tabs button.is-selected{background:#12b9ae;color:white}.tour-pane{display:grid;grid-template-columns:.93fr 1.07fr;min-height:430px;gap:5%;align-items:center;border-radius:26px;background:linear-gradient(135deg,#fff 62%,#eaf8f7);padding:clamp(22px,5vw,65px);box-shadow:0 12px 50px rgba(20,40,80,.055);border:1px solid #e9f0f5}.tour-pane[hidden]{display:none}.tour-copy h3{font-size:clamp(30px,3vw,43px);line-height:1.13;color:#132440;letter-spacing:-.045em;margin:14px 0}.tour-copy p{color:#5b6f89;line-height:1.65;margin:0 0 20px}.tour-copy ul{list-style:none;padding:0;margin:0 0 25px;display:grid;gap:12px;color:#263852;font-size:13px}.tour-copy li::before{content:'✓';font-weight:900;color:#0bbbae;margin-right:12px}.tour-graphic{background:#fff;border:1px solid #dce8ef;border-radius:16px;padding:24px;box-shadow:0 20px 50px rgba(28,61,91,.10);min-width:0}.tour-graphic-header,.graphic-statrow,.graphic-row{display:flex;align-items:center;gap:10px}.tour-graphic-header{font-size:13px;font-weight:850;border-bottom:1px solid #edf1f6;padding-bottom:17px}.tour-sample{margin-left:auto;color:#98a6b8;font-size:9px;letter-spacing:.12em;font-weight:800}.tour-date{margin-top:15px;color:#243e5a;font-size:12px;font-weight:800}.tour-date span{float:right;color:#71829b}.graphic-statrow{gap:10px;margin:17px 0}.graphic-statrow>div{flex:1;border-radius:12px;background:#f5f8fc;padding:15px}.graphic-statrow small{color:#7588a2;display:block;font-size:10px}.graphic-statrow strong{font-size:25px;display:block;color:#152746;margin-top:5px}.graphic-bars{height:113px;display:flex;align-items:end;gap:10px;border-bottom:1px solid #e4eaf1;background:repeating-linear-gradient(to top,transparent 0,transparent 26px,#edf1f6 27px);padding:10px 12px 0}.graphic-bars span{background:linear-gradient(0deg,#17b9b1,#89ede6);border-radius:5px 5px 0 0;flex:1}.graphic-activity{margin-top:17px;border:1px solid #e5edf2;border-radius:12px;padding:11px;display:flex;align-items:center;gap:10px}.graphic-dot{width:10px;height:10px;border-radius:50%;background:#20cfc6}.graphic-activity div{flex:1}.graphic-activity strong{font-size:12px;display:block}.graphic-activity small{color:#8292a6;font-size:10px;display:block;margin-top:4px}.graphic-check{background:#e1fbf3;border-radius:50%;color:#079b78;padding:5px}.graphic-row{justify-content:space-between;margin-top:14px;font-size:10px;color:#8696aa}.soft-pill{background:#e8faf7;color:#008e80;border-radius:30px;padding:6px 10px}.products-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:26px}.product-nav-card{background:#fff;border:1px solid #e0e9f0;border-radius:16px;min-height:142px;padding:19px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-decoration:none;transition:transform .17s,box-shadow .17s}.product-nav-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px rgba(0,45,75,.09)}.product-nav-card strong{color:#1a2c49}.product-nav-card small{color:#718299}.product-icon{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#e5fbf9;color:#009f96}.product-icon .icon{width:16px;height:16px}.product-arrow{position:absolute;top:15px;right:16px;color:#90a1ae}.architecture-audience{background:#fff}.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.audience-grid a{display:block;padding:28px;border-radius:20px;background:linear-gradient(150deg,#f5f9ff,#edfdfb);color:#10213e;text-decoration:none}.audience-grid a>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:#dff7f3;color:#00a99d;font-size:25px}.audience-grid h3{font-size:20px;margin:21px 0 7px}.audience-grid p{font-size:14px;color:#63748b;min-height:70px;line-height:1.7}.audience-grid strong{font-size:13px;color:#029c96}.architecture-help{background:#0c1f39;color:#fff}.architecture-help .container{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.architecture-help h2{font-size:clamp(30px,3vw,48px);color:#fff;letter-spacing:-.045em;line-height:1.15;margin:14px 0}.architecture-help p{color:#bed0e0;line-height:1.7}.architecture-help .plain-link{color:#4fe4dc}.help-points{display:grid;gap:12px}.help-points>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.11);padding:19px 23px;border-radius:14px;display:grid;grid-template-columns:30px 1fr}.help-points>div span{grid-row:1/3;color:#4ce4da}.help-points strong{font-size:14px}.help-points small{color:#b1c6d8;margin-top:4px}.automations-preview{display:grid;gap:3px;max-width:560px;padding:12px;margin:20px auto}.automations-node{padding:13px 17px;border-radius:14px;background:#f7fbff;border:1px solid #dce8f0;display:grid;grid-template-columns:36px 1fr;align-items:center}.automations-node>span{grid-row:span 2;background:#dcf7f3;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:bold;color:#008e88}.automations-node strong{color:#1b3852;font-size:13px}.automations-node small{color:#8595a6}.automation-connector{text-align:center;color:#09b9af}
.arch-detail-hero{background:radial-gradient(ellipse at 83% 22%,#def5ff,transparent 46%),linear-gradient(180deg,#fff,#f5fafb);padding:95px 0 105px}.arch-detail-hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.arch-kicker{font-size:11px;color:#00aaa1;font-weight:850;letter-spacing:.14em}.arch-detail-hero h1{font-size:clamp(37px,4.4vw,64px);letter-spacing:-.06em;color:#132441;line-height:1.08;margin:17px 0}.arch-detail-hero p{font-size:18px;color:#61758b;line-height:1.7}.arch-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin:25px 0}.arch-detail-hero .quiet-disclaimer{font-size:11px;color:#8191a5}.arch-detail-display{background:#fff;border:1px solid #e2ebf3;border-radius:22px;box-shadow:0 30px 76px rgba(24,56,95,.13);overflow:hidden;transform:rotate(1.2deg)}.detail-screen-top{display:flex;gap:11px;align-items:center;padding:16px;background:#142540;color:#fff}.detail-screen-top strong{font-size:14px}.detail-screen-top small{margin-left:auto;font-size:9px;color:#d2e2ed;letter-spacing:.13em}.detail-screen-body{padding:24px}.detail-screen-kpi{display:flex;gap:14px}.detail-screen-kpi span{background:#f4f8fc;border-radius:12px;padding:15px;flex:1;font-size:11px;color:#7b8ba0}.detail-screen-kpi strong{display:block;font-size:22px;color:#14243e;margin-top:7px}.detail-art-bars{height:178px;display:flex;align-items:end;gap:12px;margin:27px 0 16px;padding:0 12px 0;border-bottom:1px solid #e3eaf2;background:repeating-linear-gradient(to top,transparent 0, transparent 42px,#eef2f6 43px)}.detail-art-bars b{flex:1;background:linear-gradient(0deg,#0fb9ad,#7ce6de);border-radius:6px 6px 0 0}.detail-screen-foot{border-top:1px solid #e6eef3;padding-top:17px;display:flex;align-items:center;gap:12px}.detail-screen-foot>span{background:#e7fff9;border-radius:50%;padding:10px;color:#059e85}.detail-screen-foot p{margin:0}.detail-screen-foot strong{font-size:13px;display:block}.detail-screen-foot small{display:block;font-size:10px;color:#8b9bab}.arch-section{padding:90px 0}.arch-section-muted{background:#f6f9fc}.arch-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.arch-detail-grid article{border:1px solid #e3ebf2;border-radius:18px;padding:30px}.arch-detail-grid h3{font-size:21px;margin:15px 0}.arch-detail-grid p{font-size:14px;color:#66768d;line-height:1.7}.arch-mini-num{font-size:11px;font-weight:900;color:#02a59d}.arch-split{display:grid;grid-template-columns:1.05fr .95fr;gap:10%;align-items:center}.arch-split h2{font-size:clamp(31px,3.5vw,50px);letter-spacing:-.045em;line-height:1.13;color:#132640;margin:14px 0}.arch-split p{color:#697b91;line-height:1.75}.arch-tip{border-left:4px solid #06bbae;padding:16px;display:flex;gap:15px;background:#ebfaf7;border-radius:7px;margin-top:23px}.arch-tip span{color:#079b95;font-size:20px}.arch-tip p{margin:5px 0}.arch-step-preview{background:#fff;border:1px solid #e0ebf2;border-radius:20px;padding:32px;box-shadow:0 13px 42px rgba(20,49,81,.05)}.arch-step-preview>span{font-size:10px;color:#8b98a9;font-weight:850;letter-spacing:.12em}.arch-step-preview div{border:1px solid #e5edf1;border-radius:12px;margin:15px 0;padding:16px;font-weight:750;color:#132740}.arch-step-preview div b{margin-right:16px;display:inline-grid;place-items:center;border-radius:50%;height:27px;width:27px;color:#039f98;background:#dcf8f4}.arch-step-preview small{font-size:11px;color:#8da0ae}.related-products{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.product-related-card{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border:1px solid #e0eaf1;border-radius:13px;color:#142641;text-decoration:none}.product-related-card:hover{background:#eff9f7;color:#00a89c}.arch-bottom-cta{padding:75px 20px;text-align:center;background:#0f233c;color:#fff}.arch-bottom-cta h2{font-size:clamp(30px,3.2vw,46px);color:#fff;letter-spacing:-.04em}.arch-bottom-cta p{color:#bacfe0;margin:13px 0 25px}.arch-solution-illustration{height:410px;border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,#b6f1eb,#daf9f5 54%,#e8f3ff);position:relative;overflow:hidden}.solution-blob{height:180px;width:180px;border-radius:40px;display:grid;place-items:center;background:linear-gradient(135deg,#09bfb7,#276ac2);transform:rotate(-13deg);box-shadow:0 15px 35px #08848045}.solution-blob span{font-size:64px;color:white;font-weight:850}.solution-float{position:absolute;bottom:25px;background:#fff;border-radius:15px;padding:17px 22px;box-shadow:0 12px 35px #20497036;min-width:62%;display:grid;gap:6px}.solution-float small{font-size:10px;color:#00a59c;font-weight:800}.solution-float strong{color:#142745}.solution-float span{font-size:11px;color:#8a9aac}.arch-guide{max-width:820px}.arch-guide article{border-bottom:1px solid #e1e9f0;padding:20px 5px 25px;display:grid;grid-template-columns:55px 1fr}.arch-guide article>b{color:#00aaa1}.arch-guide h2{font-size:24px;color:#152741;margin:0 0 12px}.arch-guide p{grid-column:2;color:#63788c;line-height:1.8}
@media(min-width:901px){.site-header .nav-bar{gap:20px}.site-header .nav-actions{gap:13px}.architecture-nav{font-size:13px}}
@media(max-width:1199px){.architecture-nav{gap:14px!important}.nav-parent{font-size:12px}.mega-menu{left:-125px}.products-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.architecture-nav{display:none!important}.benefit-grid,.audience-grid,.arch-detail-grid{grid-template-columns:1fr}.tour-pane,.arch-detail-hero-layout,.arch-split,.architecture-help .container{grid-template-columns:1fr}.tour-graphic{max-width:620px}.products-grid{grid-template-columns:repeat(2,1fr)}.arch-detail-hero{padding:70px 0}.arch-solution-illustration{height:300px}.related-products{grid-template-columns:repeat(2,1fr)}.architecture-heading{margin-bottom:30px}}
@media(max-width:600px){.architecture-heading h2{font-size:34px}.architecture-heading p{font-size:15px}.product-tour-tabs{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;width:100%;border-radius:14px}.product-tour-tabs button{flex-shrink:0;padding:10px 14px}.tour-pane{padding:22px;gap:25px}.tour-copy h3{font-size:32px}.tour-graphic{padding:12px}.graphic-statrow strong{font-size:20px}.products-grid,.related-products{grid-template-columns:1fr 1fr}.product-nav-card{padding:14px;min-height:132px}.product-nav-card strong{font-size:13px}.product-nav-card small{font-size:11px}.architecture-audience .audience-grid{grid-template-columns:1fr}.architecture-help{padding:65px 0}.arch-detail-hero h1{font-size:40px}.arch-detail-hero p{font-size:16px}.arch-detail-grid article{padding:20px}.arch-detail-actions .button{width:100%;justify-content:center}.related-products{grid-template-columns:1fr}.arch-section{padding:60px 0}}
/* Responsive navigation breakpoint is 900px for all newly created pages. */
@media (min-width:721px) and (max-width:900px){
 .architecture-page .menu-toggle,.innerpage .menu-toggle{display:inline-flex;align-items:center;color:#153050}
 .architecture-page .mobile-nav,.innerpage .mobile-nav{position:absolute;top:100%;left:0;right:0;z-index:90;background:#fff;border-top:1px solid #e4ebf3;padding:12px 20px 22px;box-shadow:0 16px 40px rgba(18,44,74,.12)}
 .architecture-page .mobile-nav.is-open,.innerpage .mobile-nav.is-open{display:grid}
 .architecture-page .menu-toggle[aria-expanded=true] .menu-open-icon,.innerpage .menu-toggle[aria-expanded=true] .menu-open-icon{display:none}
 .architecture-page .menu-toggle[aria-expanded=true] .menu-close-icon,.innerpage .menu-toggle[aria-expanded=true] .menu-close-icon{display:block}
}