/* Version 61: rebuilt diagram compositions and the requested hero copy. */
.t-hero h1{font-size:clamp(38px,4.2vw,66px);line-height:1.035;letter-spacing:-.047em}
.t-hero h1 span{display:inline}
.t-hero-copy .t-hero-lead{font-size:18px;line-height:1.65;max-width:620px}
.t-hero-art{padding:34px 22px 48px 0;overflow:visible}
.tc-scene{position:relative;width:100%;max-width:750px;height:690px;font-family:'DM Sans',system-ui,sans-serif;isolation:isolate;color:#fff}
.tc-scene a{text-decoration:none!important;color:inherit;display:block}
.tc-scene-main{position:absolute;left:4%;right:3%;top:3%;bottom:12%;border-radius:24px;background:#111216;box-shadow:0 30px 55px #11131d24;overflow:hidden;border:1px solid #28292e}
.tc-scene-head{position:relative;z-index:2;display:flex;align-items:center;gap:16px;padding:24px 28px;color:#f6f6f8}
.tc-scene-head img{width:52px;height:34px;object-fit:contain}
.tc-scene-head>span{font-size:1rem;line-height:1.25;max-width:130px}
.tc-scene-head>small{margin-left:auto;font-size:1rem;color:#a5a6b0;text-align:right}
.tc-scene-result{position:absolute;z-index:2;left:28px;top:99px}
.tc-scene-result>span{font-size:1rem;line-height:1.4;color:#c6c7d1;display:block}
.tc-scene-result strong{display:block;font-family:'DM Sans',sans-serif;font-size:clamp(90px,10vw,145px);line-height:1.08;font-weight:500;letter-spacing:-.08em;color:#fff}
.tc-scene-result strong span{font-size:1rem;letter-spacing:-.04em;margin-left:4px;vertical-align:top;display:inline-block;margin-top:.24em;color:#f36a88}
.tc-scene-result small{display:block;font-size:1rem;color:#a5a6b0;margin-top:5px}
.tc-scene-kpis{position:absolute;right:28px;top:145px;display:grid;gap:20px;color:#9ea0af;font-size:1rem;z-index:2}
.tc-scene-kpis span{display:grid;gap:4px}
.tc-scene-kpis b{font-size:32px;font-weight:500;letter-spacing:-.06em;color:#fff;line-height:1}
.tc-scene-chart{position:absolute;left:0;top:43%;width:100%;height:32%;overflow:hidden}
.tc-chart-grid{fill:none;stroke:#ffffff0d;stroke-width:1}
.tc-chart-area{fill:url(#tc-growth-fill)}
.tc-chart-line{fill:none;stroke:#f84c73;stroke-width:3;stroke-linecap:round;stroke-dasharray:1;animation:tc-line-reveal 2s cubic-bezier(.22,.8,.3,1) both}
.tc-scene-time{position:absolute;left:24px;right:24px;bottom:21px;display:flex;gap:12px;align-items:center;font-size:1rem;line-height:1.35}
.tc-time-mark{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border:1px solid #41434d;border-radius:50%;color:#ff7293}
.tc-scene-time small{display:block;max-width:300px;font-size:1rem;line-height:1.4;color:#a8aab8;margin-top:5px}
.tc-scene-inbox{position:absolute;left:0;top:56%;z-index:3;width:39%;border-radius:17px;background:#b9193c;box-shadow:0 20px 40px #8d103c28;padding:20px 22px 18px;transform:rotate(-5deg);transition:transform .35s}
.tc-scene-inbox:hover{transform:rotate(-3deg) translateY(-4px)}
.tc-scene-inbox>span{font-size:1rem;color:#ffeaf0;display:block}
.tc-scene-inbox>b{font-size:74px;line-height:1.08;letter-spacing:-.07em;font-weight:500;display:block;margin-top:10px}
.tc-scene-inbox>small{font-size:1rem;display:block;margin-top:3px}
.tc-inbox-apps{display:flex;gap:7px;margin:17px 0 11px}
.tc-inbox-apps img,.tc-inbox-apps>span{width:28px;height:28px;padding:4px;object-fit:contain;background:#fff;border-radius:7px;display:grid;place-items:center;color:#16181d;font-size:1rem;font-weight:700}
.tc-scene-inbox>em{font-size:1rem;font-style:normal;line-height:1.35;display:block;color:#ffdee7;max-width:130px}
.tc-scene-calendar{position:absolute;right:0;top:48%;z-index:4;width:52%;background:#fff;color:#17191f!important;padding:20px 22px 16px;border:1px solid #e8e9ed;border-radius:17px;box-shadow:0 18px 40px #17191c22;transform:rotate(3deg);transition:transform .4s}
.tc-scene-calendar:hover{transform:rotate(1deg) translateY(-5px)}
.tc-calendar-heading{font-size:1rem;color:#656a79;display:flex;justify-content:space-between;gap:7px;align-items:center}
.tc-calendar-heading i{font-size:1rem;font-style:normal;color:#a41639;background:#fff0f4;padding:5px 7px;border-radius:5px}
.tc-scene-calendar>b{font-size:clamp(22px,2.2vw,30px);font-weight:600;letter-spacing:-.045em;line-height:1.1;display:block;margin:15px 0 19px}
.tc-scene-calendar>div{display:grid;grid-template-columns:36px 1fr 14px;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #e8e9ed;font-size:1rem;line-height:1.3}
.tc-scene-calendar time{font-size:1rem;color:#767c8a}
.tc-scene-calendar>div small{font-size:1rem;color:#7b8290;display:block;margin-top:3px}
.tc-scene-calendar>div i{font-size:1rem;font-style:normal;color:#a71a39}
.tc-scene-calendar>em{font-size:1rem;line-height:1.35;display:block;padding-top:9px;color:#737987;font-style:normal}
.tc-scene>.tc-scene-time{bottom:-12px;left:20px;right:10px;color:#353944;font-size:1rem}
.tc-scene>.tc-scene-time small{color:#727987;max-width:none;font-size:1rem}
.tc-scene>.tc-scene-time .tc-time-mark{border-color:#dadce4;color:#a81b3f}
.tc-scene-calendar{top:43%}
.tc-scene-inbox{top:53%}

/* Diagnostic flow: connected handover blocks, no duplicate miniature window. */
.t-diag-right .t-diagbild{display:none}
.t-diag-right .t-chain{display:grid;grid-template-columns:1fr;gap:0;padding:0;border:0;background:transparent;box-shadow:none}
.t-chain .t-cnode{grid-template-columns:54px 1fr;gap:12px;position:relative;background:#ffffff08;border:1px solid #ffffff20;border-radius:12px;padding:12px 15px;transition:background .35s,border-color .35s,transform .35s}
.t-chain .t-cbox{width:42px;height:42px;border-radius:9px}
.t-chain .t-cname{letter-spacing:.02em;font-size:1rem;color:#dedce4;line-height:1.2;grid-column:2;grid-row:1}
.t-chain .t-cflag{position:absolute;right:12px;bottom:9px;padding:0;font-size:1rem;background:none;line-height:1.3;color:#fff;white-space:normal;max-width:70%;text-align:right}
.t-chain .t-cflag:before{display:none}
.t-chain .t-cnode.is-hit{background:#b91d42;border-color:#ec5476;transform:translateX(10px)}
.t-chain .t-cnode.is-hit .t-cbox{outline:0;box-shadow:none}
.t-chain .t-cnode.is-hit .t-cname{transform:translateY(-7px)}
.t-chain .t-clink{height:11px;margin-left:36px;width:1px}
.t-chain .t-clink i{background:#ffffff3f;animation:none}

/* Method: a stepped foundation, selected step rises into the accent color. */
.t-stack.tc-method-rise{width:100%;max-height:440px}
.tc-method-base{stroke:#d3d5dc;stroke-width:1.5}
.tc-method-column{fill:#e7e8ed;stroke:#d8dae2;stroke-width:1;transform-origin:center bottom;transition:fill .5s,stroke .5s}
.t-plate.is-lit .tc-method-column{fill:#22242b;stroke:#22242b}
.t-plate.is-on .tc-method-column{fill:#b71b3d;stroke:#b71b3d;filter:drop-shadow(0 9px 11px #95113522)}
.tc-method-cap{fill:#c9ccd5;transition:fill .4s}
.t-plate.is-lit .tc-method-cap{fill:#70737f}.t-plate.is-on .tc-method-cap{fill:#fff}
.tc-method-n{fill:#8c919e;font:500 20px 'DM Sans',sans-serif;letter-spacing:-.03em}
.t-plate.is-on .tc-method-n{fill:#a5193a;font-weight:700}
.tc-method-caption{fill:#171921;font:600 34px 'DM Sans',sans-serif;letter-spacing:-1px;opacity:0;transition:opacity .35s}
.t-plate.is-on .tc-method-caption{opacity:1}

/* Business model boards use a five-step path with generous, numbered cells. */
.t-zgbild .tcgrafik{padding:10px;background:#f0f1f4;border:0;box-shadow:none;border-radius:16px}
.tc-route-board{width:100%;height:100%;overflow:visible}
.tc-route-cell rect{fill:#fff;stroke:#dfe1e7;stroke-width:1}
.tc-route-cell{animation:tc-cell-appear .5s both;animation-delay:calc(var(--order)*.09s)}
.tc-route-no{fill:#ad173c;font:500 17px 'DM Sans',sans-serif}
.tc-route-label{fill:#191c24;font:500 18px 'DM Sans',sans-serif;letter-spacing:-.2px}
.tc-route-track{fill:none;stroke:#c4c7d0;stroke-width:2}
.tc-route-run{fill:none;stroke:#b31a3e;stroke-width:2;stroke-dasharray:7 24;animation:tc-route-flow 4s linear infinite}
.t-solution-art .tcgrafik{padding:12px}
.tc-service-diagram{width:100%;height:100%;overflow:visible}
.tc-service-primary{fill:#b01a3b;stroke:#d14162;stroke-width:1}
.tc-service-light{font:500 23px 'DM Sans',sans-serif;fill:#fff}
.tc-service-link{fill:none;stroke:#676c7c;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.tc-service-leaf rect{fill:#24272f;stroke:#444956}
.tc-service-leaf text{fill:#fff;text-anchor:middle;font:500 23px 'DM Sans',sans-serif}
.tc-service-white{fill:#fff;stroke:#e2e4e9;stroke-width:1}
.tc-service-signal{fill:none;stroke:#fa668b;stroke-width:3;stroke-dasharray:30 170;animation:tc-route-flow 8s linear infinite}
.tc-service-funnel .tc-funnel-top{fill:#eeeef2}
.tc-service-funnel .tc-funnel-mid{fill:#df819b}
.tc-service-funnel .tc-funnel-bottom{fill:#b71b41}
.tc-service-funnel text{text-anchor:middle;fill:#171a23;font:500 24px 'DM Sans',sans-serif}
.tc-service-funnel text:last-child{fill:#fff}
.t-solution-art.hasimg>b{width:32px;height:32px;font-size:1rem;left:8px;top:8px;background:#101115;border:1px solid #ffffff30;box-shadow:none}

/* Architecture: four modules docked around one wide, distinct black core. */
.t-radial{display:grid!important;grid-template-columns:1fr 1fr;gap:15px;min-height:320px;padding:15px 0}
.t-radial .t-rcore{grid-column:1/-1;grid-row:2;width:100%;aspect-ratio:auto;min-height:90px;border-radius:9px;gap:4px;border-left:5px solid #be2448;background:#15171e;box-shadow:0 12px 26px #14172212;padding:15px}
.t-radial .t-rcore b{font-size:30px;letter-spacing:-.05em}
.t-radial .t-abox{position:relative!important;inset:auto!important;width:auto;min-height:85px;padding:15px 18px;border-radius:9px;border:1px solid #dedfe6;box-shadow:none}
.t-radial .t-abox:after{content:'';position:absolute;left:50%;width:1px;height:16px;background:#b7bac4;bottom:-16px}
.t-radial .t-abox[data-box='2']:after,.t-radial .t-abox[data-box='3']:after{top:-16px;bottom:auto}
.t-radial .t-abox.is-on{transform:none;background:#b21b3d;border-color:#b21b3d}
.t-radial .t-abox.is-on b,.t-radial .t-abox.is-on small{color:#fff}
.t-radial .t-rlines{display:none}

/* Example graphics now use different light, dark and red compositions. */
.t-example:first-child .t-demo{background:#f5f6f8;border:1px solid #fff;border-radius:16px}
.t-example:first-child .t-demo-head{color:#575d6c;border-color:#d9dce3}
.t-example:first-child .t-feed-window{height:270px}
.t-example:first-child .t-feed div{background:#fff;border-color:#e0e3ea;border-radius:8px;box-shadow:0 3px 7px #171d3007}
.t-example:first-child .t-feed i{background:#f9e6ed;color:#aa2044;border:0;border-radius:7px}
.t-example:first-child .t-feed b{color:#242934}
.t-example:first-child .t-feed small{color:#7b8495}
.t-example:first-child .t-feed em{color:#59687a}
.tc-dashboard-number{position:relative;display:flex;align-items:center;gap:20px;height:172px;padding:18px 0}
.tc-dashboard-number>b{font-size:clamp(62px,6vw,86px);line-height:1;font-weight:500;letter-spacing:-.075em;color:#fff;white-space:nowrap}
.tc-dashboard-number>b>span{font-size:1rem;color:#e76b8b;vertical-align:top;display:inline-block;margin-top:12px}
.tc-mini-bars{height:128px;flex:1;display:flex;gap:5px;align-items:flex-end;min-width:60px;border-bottom:1px solid #494e60;padding-bottom:6px}
.tc-mini-bars i{height:var(--v);background:#b72348;flex:1;border-radius:2px 2px 0 0;transform-origin:bottom;animation:tc-bar-rise 1.2s both;animation-delay:calc(var(--i)*.065s)}
.tc-mini-bars i:last-child{background:#fc839f}
.t-example:last-child .t-demo{background:#a7183a;border-color:#c13457}
.t-example:last-child .t-demo-head{color:#ffedf2;border-color:#ffffff30}
.t-demo .tc-handoff-path{grid-template-columns:1fr;gap:0;margin-top:15px}
.t-demo .tc-handoff-path span{padding:9px 0;gap:14px;background:none;border:0;border-radius:0;position:relative}
.t-demo .tc-handoff-path span:not(:last-child):after{content:'';position:absolute;left:17px;top:43px;height:10px;width:1px;background:#ffffff65}
.t-demo .tc-handoff-path i{width:35px;height:35px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff40;border-radius:50%;color:#fff}
.t-demo .tc-handoff-path span:last-child i{background:#fff;color:#a7183a}
.t-demo .tc-handoff-path b{font-size:16px;font-weight:500}
.t-scale-arch{background:#fff;color:#171921;padding:20px;border:0;border-radius:15px}
.t-scale-arch>small{color:#727b89;font-size:1rem}
.t-scale-grid span{background:#f2f3f6;border:1px solid #e4e6ec;color:#353b46}
.t-scale-core{background:#b61d40;color:#fff;box-shadow:none;margin:5px 0;padding:17px}
.t-scale-core b{font-size:16px}.t-scale-core em{color:#ffe0e9}
.t-scale-arch>strong{color:#a82041}

@keyframes tc-line-reveal{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes tc-route-flow{to{stroke-dashoffset:-400}}
@keyframes tc-cell-appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes tc-bar-rise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}
@media(min-width:1600px){.tc-scene{height:740px}.tc-scene-calendar{top:51%}.tc-scene-inbox{top:58%}}
@media(max-width:1100px){
 .tc-scene{height:640px}.tc-scene-head{padding:24px 20px;gap:10px}.tc-scene-head>small{display:none}
 .tc-scene-result{left:20px}.tc-scene-kpis{right:20px;top:235px;display:flex;gap:24px}.tc-scene-kpis b{font-size:24px}
 .tc-scene-inbox{width:42%;padding:17px 15px;top:55%}.tc-scene-inbox>b{font-size:60px}.tc-scene-calendar{width:53%;padding:17px 15px;top:49%}
 .tc-scene-calendar>div{gap:6px;grid-template-columns:31px 1fr 10px;font-size:1rem}.tc-scene-calendar time{font-size:1rem}
 .tc-scene-time{bottom:15px;font-size:1rem}.tc-scene-time small{font-size:1rem;max-width:280px}
 .tc-inbox-apps{gap:5px}.tc-inbox-apps img,.tc-inbox-apps>span{width:25px;height:25px}
 .tc-dashboard-number{gap:12px}.tc-dashboard-number>b{font-size:65px}.tc-mini-bars{gap:3px}
}
@media(max-width:980px){
 .t-hero h1{font-size:clamp(42px,6vw,64px)}.t-hero-art{padding:10px 6vw 45px}.tc-scene{max-width:690px;height:690px}
 .tc-scene-result strong{font-size:125px}.tc-scene-kpis{display:grid;top:142px;gap:20px}.tc-scene-kpis b{font-size:34px}
 .tc-scene-calendar{width:48%;padding:23px;top:47%}.tc-scene-calendar>b{font-size:28px}.tc-scene-calendar>div{font-size:1rem;padding:12px 0;grid-template-columns:38px 1fr 14px}
 .tc-scene-calendar time{font-size:1rem}.tc-scene-calendar>div small{font-size:1rem}
 .tc-scene-inbox{width:41%;padding:24px;top:56%}.tc-scene-inbox>b{font-size:76px}
 .tc-scene-time{font-size:1rem;bottom:20px}.tc-scene-time small{font-size:1rem}
 .tc-inbox-apps img,.tc-inbox-apps>span{width:30px;height:30px}.tc-inbox-apps{gap:9px}
 .t-radial{min-height:280px}
}
@media(max-width:600px){
 .t-hero h1{font-size:clamp(36px,8.8vw,49px);line-height:1.06}.t-hero-copy .t-hero-lead{font-size:17px;line-height:1.6}
 .t-hero-art{padding:0 18px 35px}.tc-scene{height:650px;max-width:430px}
 .tc-scene-main{left:0;right:0;top:0;bottom:14%;border-radius:18px}.tc-scene-head{padding:20px;gap:12px}.tc-scene-head img{width:46px}
 .tc-scene-result{top:94px;left:20px}.tc-scene-result strong{font-size:106px}.tc-scene-result>span{font-size:1rem}
 .tc-scene-result small{font-size:1rem}.tc-scene-kpis{top:231px;left:22px;right:auto;display:flex;gap:28px}.tc-scene-kpis b{font-size:25px}
 .tc-scene-chart{top:35%;height:29%}.tc-scene-calendar{right:-2px;top:49%;width:55%;padding:16px 13px 12px;border-radius:13px;transform:rotate(3deg)}
 .tc-scene-calendar>b{font-size:23px;line-height:1.07;margin:13px 0 15px}.tc-calendar-heading{font-size:1rem;gap:3px}.tc-calendar-heading i{display:none}
 .tc-scene-calendar>div{font-size:1rem;grid-template-columns:31px 1fr 10px;gap:5px;padding:10px 0}.tc-scene-calendar time{font-size:1rem}.tc-scene-calendar>div small{font-size:1rem}
 .tc-scene-calendar>em{font-size:1rem}.tc-scene-inbox{left:1%;top:52%;width:41%;padding:16px 13px;border-radius:13px;transform:rotate(-4deg)}
 .tc-scene-inbox>b{font-size:66px}.tc-scene-inbox>span,.tc-scene-inbox>em{font-size:1rem}.tc-scene-inbox>small{font-size:1rem}
 .tc-inbox-apps{gap:4px;margin:13px 0 10px;flex-wrap:wrap}.tc-inbox-apps img,.tc-inbox-apps>span{width:24px;height:24px}
 .tc-scene-time{left:18px;right:18px;bottom:16px;font-size:1rem}.tc-scene-time small{display:none}
 .t-radial{gap:12px}.t-radial .t-abox{padding:13px 12px;min-height:100px}.t-radial .t-rcore b{font-size:26px}
 .t-radial .t-abox b{font-size:1rem}.t-radial .t-abox small{font-size:1rem}
 .tc-route-label{font-size:18px}.t-zgbild .tcgrafik{padding:0}
}
@media(prefers-reduced-motion:reduce){
 .tc-scene *,.tc-route-board *,.tc-method-rise *,.tc-service-diagram *,.tc-mini-bars *{animation:none!important;transition:none!important}
}
