/* Existing TeoDigital component styles, scoped by loading only on this service page. */

    /* Logo TeoDigital — finalne ustawienia desktop i mobile. */
    .brand-logo, .brand-logo .logo-viewport { display:block; width:230px; height:32px; overflow:visible; padding:0; }
    .brand-logo img { display:block; width:100%; max-width:100%; height:auto; transform:translateY(-44px); filter:brightness(0) invert(1) drop-shadow(0 0 11px rgba(102, 160, 255, .42)); }
    @media (max-width:820px) { .brand-logo, .brand-logo .logo-viewport { width:205px; height:30px; } .brand-logo img { transform:translateY(-39px); } }
    /* Hero TeoDigital */
    .hero { min-height:780px; padding-top:184px; isolation:isolate; }
    .hero:after { content:""; position:absolute; z-index:-1; width:520px; height:520px; left:38%; top:164px; border-radius:50%; background:radial-gradient(circle, rgba(46, 107, 238, .18), transparent 66%); filter:blur(14px); pointer-events:none; }
    .hero .hero-glow { width:980px; height:670px; right:-155px; top:-250px; background:radial-gradient(ellipse, rgba(47, 112, 255, .30), transparent 66%); }
    .hero .hero-content { max-width:1180px; }
    .hero .hero-label { gap:9px; color:#b6c9e4; font-size:10px; letter-spacing:1.45px; }
    .hero .hero-label span { color:#75adff; }
    .hero h1 { max-width:1080px; margin:25px 0 25px; font-size:clamp(48px, 5.25vw, 74px); line-height:1.08; letter-spacing:-4.1px; }
    .hero .hero-copy { max-width:585px; font-size:16px; color:#aebed2; }
    .hero .hero-actions { margin-top:38px; gap:12px; }
    .hero .button { min-height:53px; padding:16px 20px; }
    .button-secondary { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:53px; padding:16px 20px; color:#e4efff; border:1px solid rgba(154, 191, 249, .34); border-radius:5px; background:rgba(14, 32, 61, .34); text-decoration:none; font-size:13px; font-weight:800; transition:.25s; }
    .button-secondary:hover { border-color:#85baff; background:rgba(55, 109, 208, .16); transform:translateY(-2px); }
    .button-secondary span { color:#85baff; font-size:18px; font-weight:400; }
    .hero .hero-orbit { width:440px; height:440px; right:4%; top:182px; opacity:.88; }
    .hero .orbit-inner { width:126px; height:126px; box-shadow:0 0 82px rgba(37, 101, 226, .92); }
    .hero .scroll-note { bottom:28px; }
    @media (max-width:820px) {
      .hero { min-height:718px; padding-top:138px; }
      .hero:after { width:390px; height:390px; left:20%; top:200px; }
      .hero .hero-label { font-size:9px; letter-spacing:1.05px; }
      .hero h1 { max-width:630px; margin:20px 0; font-size:clamp(42px, 11.6vw, 59px); line-height:1.08; letter-spacing:-2.8px; }
      .hero .hero-copy { max-width:450px; font-size:14px; }
      .hero .hero-actions { margin-top:29px; gap:10px; }
      .hero .button, .button-secondary { width:100%; min-height:51px; }
      .hero .hero-orbit { width:280px; height:280px; right:-78px; top:348px; opacity:.49; }
      .hero .orbit-inner { width:86px; height:86px; }
      .hero .scroll-note { display:none; }
    }
    /* Usługi — zachowują wizualny język Hero. */
    .td-services { position:relative; overflow:hidden; padding:126px 0 132px; border-bottom:1px solid var(--line); background:linear-gradient(180deg, #081321 0%, #091626 100%); }
    .td-services:before { content:""; position:absolute; width:620px; height:360px; left:-260px; top:55px; border-radius:50%; background:radial-gradient(ellipse, rgba(45, 104, 236, .13), transparent 68%); pointer-events:none; }
    .td-services-intro { position:relative; display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(290px, .7fr); align-items:end; gap:80px; margin-bottom:54px; }
    .td-services h2 { max-width:690px; font-size:clamp(38px, 4.3vw, 58px); line-height:1.13; letter-spacing:-3.25px; }
    .td-services-intro > p { max-width:398px; margin:0 0 4px; color:#9badc3; font-size:14px; line-height:1.8; }
    .td-services-grid { position:relative; display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:12px; }
    .td-service-card { position:relative; min-height:335px; display:flex; flex-direction:column; padding:25px 23px 23px; overflow:hidden; border:1px solid rgba(167, 199, 243, .15); background:linear-gradient(145deg, rgba(19, 38, 67, .88), rgba(8, 20, 37, .86)); transition:transform .28s ease, border-color .28s ease, background .28s ease, box-shadow .28s ease; }
    .td-service-card:after { content:""; position:absolute; width:170px; height:170px; top:-110px; right:-100px; border-radius:50%; background:radial-gradient(circle, rgba(77, 140, 255, .32), transparent 68%); opacity:.38; transition:opacity .28s ease; pointer-events:none; }
    .td-service-card:hover { transform:translateY(-6px); border-color:rgba(117, 174, 255, .5); background:linear-gradient(145deg, rgba(24, 51, 91, .98), rgba(10, 25, 48, .98)); box-shadow:0 18px 45px rgba(0, 0, 0, .22), 0 0 32px rgba(48, 110, 236, .11); }
    .td-service-card:hover:after { opacity:.9; }
    .td-service-icon { position:relative; z-index:1; display:grid; place-items:center; width:42px; height:42px; margin-bottom:63px; border:1px solid rgba(126, 180, 255, .4); border-radius:8px; background:rgba(28, 62, 113, .22); }
    .td-service-icon svg { width:23px; height:23px; stroke:#9ac5ff; stroke-width:1.35; stroke-linecap:round; stroke-linejoin:round; }
    .td-service-card h3 { position:relative; z-index:1; margin:0 0 10px; color:#eff5ff; font-size:16px; line-height:1.3; letter-spacing:-.65px; text-transform:uppercase; }
    .td-service-card p { position:relative; z-index:1; margin:0; color:#95a8c0; font-size:12.5px; line-height:1.72; }
    .td-service-card a { position:relative; z-index:1; display:inline-flex; align-items:center; gap:8px; width:max-content; margin-top:auto; padding-top:22px; color:#dceaff; font-size:12px; font-weight:800; text-decoration:none; }
    .td-service-card a span { color:#7eb3ff; font-size:17px; font-weight:400; transition:transform .2s ease; }
    .td-service-card a:hover span { transform:translateX(4px); }
    @media (max-width:1020px) { .td-services { padding:98px 0 102px; } .td-services-intro { grid-template-columns:1fr; gap:20px; margin-bottom:38px; } .td-services-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:13px; } .td-service-card { min-height:300px; } .td-service-icon { margin-bottom:47px; } }
    @media (max-width:620px) { .td-services { padding:76px 0 80px; } .td-services h2 { font-size:clamp(36px, 10vw, 47px); letter-spacing:-2.35px; } .td-services-intro > p { font-size:13px; line-height:1.75; } .td-services-grid { grid-template-columns:1fr; gap:11px; } .td-service-card { min-height:276px; padding:23px 21px 22px; } .td-service-icon { margin-bottom:38px; } .td-service-card h3 { font-size:15px; } }
    @media (prefers-reduced-motion:reduce) { .td-service-card, .td-service-card:after, .td-service-card a span { transition:none; } .td-service-card:hover { transform:none; } }
    /* Proces współpracy */
    .td-process { position:relative; overflow:hidden; padding:132px 0 126px; background:#0a182a; border-bottom:1px solid var(--line); }
    .td-process:before { content:""; position:absolute; width:520px; height:400px; right:-300px; bottom:-230px; border-radius:50%; background:radial-gradient(ellipse, rgba(47, 111, 241, .16), transparent 68%); pointer-events:none; }
    .td-process-intro { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(280px, .54fr); gap:80px; align-items:end; margin-bottom:61px; }
    .td-process h2 { max-width:720px; font-size:clamp(38px, 4.3vw, 57px); line-height:1.14; letter-spacing:-3.2px; }
    .td-process-intro p { max-width:345px; margin:0 0 5px; color:#9aadc4; font-size:14px; line-height:1.8; }
    .td-process-steps { position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border-top:1px solid rgba(166, 201, 249, .2); }
    .td-process-steps:before { content:""; position:absolute; top:-1px; left:0; width:calc(66.666% + 3px); height:1px; background:linear-gradient(90deg, #70a9ff, rgba(112, 169, 255, .25)); box-shadow:0 0 11px rgba(98, 159, 255, .35); }
    .td-process-step { position:relative; min-height:280px; padding:25px 33px 26px 0; border-right:1px solid rgba(166, 201, 249, .16); transition:background .25s ease, transform .25s ease; }
    .td-process-step + .td-process-step { padding-left:33px; }
    .td-process-step:last-child { border-right:0; }
    .td-process-step:after { content:""; position:absolute; top:-5px; right:-5px; width:9px; height:9px; border:2px solid #82b4ff; border-radius:50%; background:#0a182a; box-shadow:0 0 0 5px rgba(57, 121, 238, .09); }
    .td-process-step:last-child:after { right:0; }
    .td-process-step:hover { transform:translateY(-4px); background:linear-gradient(180deg, rgba(38, 79, 137, .11), transparent 68%); }
    .td-step-no { display:block; margin-bottom:47px; color:#77adff; font:500 16px var(--mono); letter-spacing:-.5px; }
    .td-step-content h3 { margin:0 0 12px; color:#edf4ff; font-size:17px; letter-spacing:-.7px; text-transform:uppercase; }
    .td-step-content p { max-width:300px; margin:0; color:#94a7be; font-size:13px; line-height:1.75; }
    .td-process-cta { position:relative; display:inline-flex; align-items:center; gap:10px; margin-top:46px; padding-bottom:7px; color:#e8f1ff; border-bottom:1px solid rgba(142, 184, 244, .44); font-size:13px; font-weight:800; text-decoration:none; transition:border-color .2s ease, color .2s ease; }
    .td-process-cta span { color:#82b5ff; font-size:18px; font-weight:400; transition:transform .2s ease; }
    .td-process-cta:hover { color:#fff; border-color:#82b5ff; }.td-process-cta:hover span { transform:translateX(4px); }
    @media (max-width:820px) { .td-process { padding:96px 0 91px; } .td-process-intro { grid-template-columns:1fr; gap:20px; margin-bottom:45px; } .td-process-steps { grid-template-columns:repeat(3, minmax(0, 1fr)); } .td-process-step { min-height:305px; padding-right:17px; } .td-process-step + .td-process-step { padding-left:17px; } .td-step-no { margin-bottom:38px; font-size:14px; } .td-step-content h3 { font-size:15px; } .td-step-content p { font-size:12px; } }
    @media (max-width:620px) { .td-process { padding:77px 0 76px; } .td-process h2 { font-size:clamp(36px, 10vw, 47px); letter-spacing:-2.4px; } .td-process-intro p { font-size:13px; } .td-process-steps { grid-template-columns:1fr; border-left:1px solid rgba(166, 201, 249, .2); border-top:0; } .td-process-steps:before { width:1px; height:calc(100% - 48px); top:0; left:-1px; background:linear-gradient(#70a9ff, rgba(112, 169, 255, .18)); } .td-process-step, .td-process-step + .td-process-step { min-height:0; padding:0 0 35px 27px; border:0; } .td-process-step + .td-process-step { padding-top:3px; } .td-process-step:after { top:3px; left:-5px; right:auto; } .td-process-step:last-child:after { right:auto; } .td-step-no { margin-bottom:20px; } .td-step-content h3 { font-size:16px; } .td-step-content p { max-width:400px; font-size:13px; } .td-process-cta { margin-top:15px; } }
    @media (prefers-reduced-motion:reduce) { .td-process-step, .td-process-cta, .td-process-cta span { transition:none; } .td-process-step:hover { transform:none; } }
    /* Korzyści dla klienta */
    .td-benefits { position:relative; overflow:hidden; padding:132px 0 126px; background:#081423; border-bottom:1px solid var(--line); }
    .td-benefits:before { content:""; position:absolute; width:560px; height:560px; left:-375px; bottom:-360px; border-radius:50%; background:radial-gradient(circle, rgba(42, 103, 228, .2), transparent 67%); pointer-events:none; }
    .td-benefits-intro { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(285px, .6fr); align-items:end; gap:78px; margin-bottom:58px; }
    .td-benefits h2 { max-width:720px; margin:0; font-size:clamp(38px, 4.35vw, 58px); line-height:1.12; letter-spacing:-3.25px; }
    .td-benefits-intro p { max-width:380px; margin:0 0 4px; color:#9aadc4; font-size:14px; line-height:1.8; }
    .td-benefits-grid { position:relative; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); border-top:1px solid rgba(167, 199, 243, .19); border-left:1px solid rgba(167, 199, 243, .19); }
    .td-benefit { position:relative; display:grid; grid-template-columns:128px minmax(0, 1fr); gap:10px; min-height:246px; padding:32px 35px; overflow:hidden; border-right:1px solid rgba(167, 199, 243, .19); border-bottom:1px solid rgba(167, 199, 243, .19); background:rgba(10, 27, 49, .23); transition:transform .25s ease, background .25s ease, box-shadow .25s ease; }
    .td-benefit:before { content:""; position:absolute; inset:0; background:radial-gradient(circle at 90% 10%, rgba(63, 129, 247, .24), transparent 34%); opacity:0; transition:opacity .25s ease; pointer-events:none; }
    .td-benefit:hover { z-index:1; transform:translateY(-4px); background:rgba(19, 47, 84, .56); box-shadow:0 18px 38px rgba(0, 0, 0, .17), 0 0 28px rgba(49, 111, 235, .09); }.td-benefit:hover:before { opacity:1; }
    .td-benefit-no { position:relative; z-index:1; align-self:start; color:transparent; -webkit-text-stroke:1px rgba(125, 178, 255, .64); font:500 clamp(46px, 4.7vw, 69px)/.84 var(--mono); letter-spacing:-5px; }
    .td-benefit h3 { position:relative; z-index:1; margin:3px 0 13px; color:#eff5ff; font-size:17px; line-height:1.3; letter-spacing:-.7px; text-transform:uppercase; }
    .td-benefit p { position:relative; z-index:1; max-width:350px; margin:0; color:#95a8c0; font-size:13px; line-height:1.75; }
    .td-benefits-cta { position:relative; display:inline-flex; align-items:center; gap:10px; margin-top:42px; padding:13px 17px; color:#0b1a2e; border-radius:4px; background:#e8f1ff; font-size:12px; font-weight:800; text-decoration:none; transition:transform .22s ease, background .22s ease, box-shadow .22s ease; }
    .td-benefits-cta span { font-size:18px; font-weight:400; }.td-benefits-cta:hover { transform:translateY(-2px); background:#fff; box-shadow:0 10px 25px rgba(94, 157, 255, .17); }
    @media (max-width:820px) { .td-benefits { padding:96px 0 91px; } .td-benefits-intro { grid-template-columns:1fr; gap:20px; margin-bottom:43px; } .td-benefit { grid-template-columns:98px minmax(0, 1fr); min-height:232px; padding:27px 24px; } .td-benefit-no { font-size:53px; } }
    @media (max-width:620px) { .td-benefits { padding:77px 0 75px; } .td-benefits h2 { font-size:clamp(36px, 10vw, 47px); letter-spacing:-2.4px; } .td-benefits-intro p { font-size:13px; } .td-benefits-grid { grid-template-columns:1fr; } .td-benefit { grid-template-columns:82px minmax(0, 1fr); min-height:0; padding:25px 20px 26px; } .td-benefit-no { font-size:44px; letter-spacing:-4px; } .td-benefit h3 { margin-top:1px; font-size:15px; } .td-benefit p { font-size:12.5px; } .td-benefits-cta { margin-top:27px; } }
    @media (prefers-reduced-motion:reduce) { .td-benefit, .td-benefit:before, .td-benefits-cta { transition:none; } .td-benefit:hover, .td-benefits-cta:hover { transform:none; } }
    /* Portfolio koncepcyjne */
    .td-portfolio { position:relative; overflow:hidden; padding:132px 0 124px; background:#0a182a; border-bottom:1px solid var(--line); }
    .td-portfolio:before { content:""; position:absolute; width:650px; height:450px; right:-360px; top:-180px; border-radius:50%; background:radial-gradient(ellipse, rgba(44, 105, 236, .17), transparent 67%); pointer-events:none; }
    .td-portfolio-intro { position:relative; display:grid; grid-template-columns:minmax(0, 1fr) minmax(285px, .63fr); align-items:end; gap:80px; margin-bottom:57px; }
    .td-portfolio h2 { max-width:720px; margin:0; font-size:clamp(38px, 4.35vw, 58px); line-height:1.12; letter-spacing:-3.25px; }.td-portfolio-intro>p { max-width:390px; margin:0 0 4px; color:#9aadc4; font-size:14px; line-height:1.8; }
    .td-portfolio-grid { position:relative; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:13px; }
    .td-project-card { overflow:hidden; border:1px solid rgba(167, 199, 243, .17); background:linear-gradient(145deg, rgba(18, 39, 69, .88), rgba(7, 19, 35, .9)); transition:transform .28s ease, border-color .28s ease, box-shadow .28s ease; animation:td-portfolio-in .55s both; }.td-project-card:nth-child(2){animation-delay:.08s}.td-project-card:nth-child(3){animation-delay:.16s}.td-project-card:hover { transform:translateY(-6px); border-color:rgba(118, 175, 255, .5); box-shadow:0 20px 46px rgba(0,0,0,.24), 0 0 30px rgba(53, 116, 240, .1); }
    .td-project-visual { position:relative; height:242px; overflow:hidden; border-bottom:1px solid rgba(167, 199, 243, .16); }.mock-browser { position:absolute; top:14px; left:14px; right:14px; height:12px; display:flex; gap:4px; align-items:center; border-bottom:1px solid rgba(170, 200, 245, .13); z-index:2; }.mock-browser i { display:block; width:4px; height:4px; border-radius:50%; background:#7fb2ff; opacity:.75; }.td-mockup-site { background:linear-gradient(140deg, #153254, #0b192d 70%); }.mock-site-nav{position:absolute;top:49px;left:28px;width:62%;height:5px;background:rgba(191,218,255,.3)}.mock-site-title{position:absolute;left:28px;top:84px;width:48%;height:49px;background:linear-gradient(90deg,#d7e9ff 0 83%,transparent 83%);clip-path:polygon(0 0,100% 0,100% 29%,63% 29%,63% 66%,92% 66%,92% 100%,0 100%)}.mock-site-copy{position:absolute;left:28px;top:151px;width:38%;height:16px;border-top:2px solid rgba(177,207,248,.65);border-bottom:2px solid rgba(177,207,248,.4)}.mock-site-button{position:absolute;left:28px;top:188px;width:81px;height:18px;background:#72aaff}.mock-site-orb{position:absolute;width:155px;height:155px;right:-38px;bottom:-45px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#8dc4ff,#3471d8 38%,#162b52 70%);box-shadow:0 0 45px rgba(77,147,255,.38)}
    .td-mockup-landing { background:linear-gradient(145deg,#101f3d,#281c4a); }.mock-landing-number{position:absolute;top:41px;right:26px;color:rgba(142,190,255,.35);font:700 64px/.8 var(--mono);letter-spacing:-6px}.mock-landing-title{position:absolute;top:70px;left:27px;width:49%;height:55px;border-left:4px solid #93c4ff;border-top:4px solid #93c4ff;border-bottom:4px solid #93c4ff}.mock-landing-copy{position:absolute;top:146px;left:27px;width:43%;height:16px;border-top:2px solid rgba(194,219,255,.54);border-bottom:2px solid rgba(194,219,255,.3)}.mock-landing-cta{position:absolute;top:184px;left:27px;width:95px;height:19px;border:1px solid #8fc1ff}.mock-landing-shape{position:absolute;width:132px;height:132px;right:5px;bottom:-37px;border:1px solid rgba(142,190,255,.65);border-radius:50% 50% 0 0;transform:rotate(-22deg)}
    .td-mockup-system { background:#0d1d31; }.mock-system-sidebar{position:absolute;top:27px;bottom:0;left:0;width:50px;border-right:1px solid rgba(174,204,248,.2);background:linear-gradient(#142b48,#0c1b2d)}.mock-system-sidebar:after{content:"";position:absolute;top:26px;left:16px;width:17px;height:74px;border-top:2px solid #79b0ff;border-bottom:2px solid #79b0ff}.mock-system-head{position:absolute;left:70px;top:51px;width:88px;height:12px;border-top:3px solid #d3e6ff;border-bottom:3px solid #d3e6ff}.mock-system-chart{position:absolute;left:70px;right:23px;top:89px;height:83px;display:flex;gap:8px;align-items:end;border-bottom:1px solid rgba(170,202,246,.24)}.mock-system-chart span{flex:1;background:linear-gradient(#8ac1ff,#3e78e4);opacity:.85}.mock-system-chart span:nth-child(1){height:30%}.mock-system-chart span:nth-child(2){height:48%}.mock-system-chart span:nth-child(3){height:38%}.mock-system-chart span:nth-child(4){height:76%}.mock-system-chart span:nth-child(5){height:59%}.mock-system-cards{position:absolute;left:70px;right:23px;bottom:22px;display:flex;gap:7px}.mock-system-cards i{height:19px;flex:1;background:rgba(113,166,242,.22);border:1px solid rgba(144,188,250,.25)}
    .td-project-content { padding:20px 22px 23px; }.td-project-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; }.td-project-no { color:#83b6ff; font:11px var(--mono); }.td-project-state { color:#8799b1; font:9px var(--mono); letter-spacing:.6px; text-transform:uppercase; }.td-project-content h3 { margin:0 0 10px; color:#eff5ff; font-size:17px; letter-spacing:-.7px; text-transform:uppercase; }.td-project-content>p { min-height:86px; margin:0; color:#95a8c0; font-size:12.5px; line-height:1.72; }.td-project-tags { display:flex; flex-wrap:wrap; gap:6px; margin:18px 0 20px; }.td-project-tags span { padding:5px 7px; color:#9bc8ff; border:1px solid rgba(135,183,252,.25); border-radius:2px; background:rgba(46,94,163,.1); font:9px var(--mono); }.td-project-content>a { display:inline-flex; gap:8px; color:#e2edff; font-size:12px; font-weight:800; text-decoration:none; }.td-project-content>a span { color:#80b5ff; font-size:17px; font-weight:400; transition:transform .2s ease; }.td-project-content>a:hover span { transform:translateX(4px); }
    .td-portfolio-cta { position:relative; display:flex; align-items:center; gap:20px; margin-top:45px; }.td-portfolio-cta p { margin:0; color:#b9c8da; font-size:14px; font-weight:700; }.td-portfolio-cta .button { min-height:45px; padding:12px 15px 12px 18px; gap:16px; }
    @keyframes td-portfolio-in { from { opacity:0; transform:translateY(12px); } to { opacity:1; transform:translateY(0); } }
    @media(max-width:1020px){.td-portfolio{padding:97px 0 92px}.td-portfolio-intro{grid-template-columns:1fr;gap:20px;margin-bottom:40px}.td-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.td-project-card:nth-child(3){grid-column:span 1}.td-project-content>p{min-height:0}.td-portfolio-cta{margin-top:37px}}
    @media(max-width:620px){.td-portfolio{padding:77px 0 76px}.td-portfolio h2{font-size:clamp(36px,10vw,47px);letter-spacing:-2.4px}.td-portfolio-intro>p{font-size:13px}.td-portfolio-grid{grid-template-columns:1fr;gap:11px}.td-project-visual{height:225px}.td-project-content{padding:19px 19px 21px}.td-project-content>p{font-size:12.5px}.td-portfolio-cta{align-items:flex-start;flex-direction:column;gap:13px;margin-top:30px}.td-portfolio-cta .button{width:100%;justify-content:space-between}}
    @media(prefers-reduced-motion:reduce){.td-project-card,.td-project-content>a span{animation:none;transition:none}.td-project-card:hover{transform:none}}
    /* FAQ na końcu strony */
    .td-faq{position:relative;overflow:hidden;padding:128px 0;background:#081423;border-top:1px solid var(--line)}.td-faq:before{content:"";position:absolute;width:470px;height:470px;right:-270px;top:-235px;border-radius:50%;background:radial-gradient(circle,rgba(46,105,235,.16),transparent 66%);pointer-events:none}.td-faq-layout{position:relative;display:grid;grid-template-columns:.75fr 1.25fr;gap:92px}.td-faq-label{margin:0 0 16px;color:#82b4ff;font:10px var(--mono);letter-spacing:1.4px}.td-faq h2{font-size:clamp(38px,4.25vw,57px);line-height:1.14;letter-spacing:-3.2px}.td-faq-intro>p:last-child{max-width:340px;margin:26px 0 0;color:#9aadc4;font-size:14px;line-height:1.8}.td-faq-list{border-top:1px solid rgba(166,201,249,.2)}.td-faq-item{border-bottom:1px solid rgba(166,201,249,.2)}.td-faq-item h3{margin:0}.td-faq-item button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:23px 1px;background:none;border:0;color:#edf4ff;text-align:left;font:700 15px var(--display);letter-spacing:-.35px;cursor:pointer;transition:color .2s ease}.td-faq-item button:hover,.td-faq-item button:focus-visible{color:#9dc8ff;outline:0}.td-faq-item button:focus-visible{box-shadow:inset 0 0 0 1px #82b4ff}.td-faq-item button span{flex:0 0 auto;color:#86b8ff;font:300 24px var(--mono);transition:transform .25s ease}.td-faq-item button[aria-expanded="true"] span{transform:rotate(45deg)}.td-faq-answer{display:grid;grid-template-rows:1fr;transition:grid-template-rows .28s ease}.td-faq-answer[hidden]{display:none}.td-faq-answer p{max-width:610px;margin:0;padding:0 42px 23px 1px;color:#9aadc4;font-size:13px;line-height:1.78}.td-faq.is-visible{animation:td-faq-in .55s both}@keyframes td-faq-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media(max-width:820px){.td-faq{padding:94px 0}.td-faq-layout{grid-template-columns:1fr;gap:41px}.td-faq-intro>p:last-child{margin-top:20px}.td-faq-item button{font-size:14px}.td-faq-answer p{font-size:13px}}@media(max-width:620px){.td-faq{padding:76px 0}.td-faq h2{font-size:clamp(36px,10vw,47px);letter-spacing:-2.4px}.td-faq-intro>p:last-child{font-size:13px}.td-faq-item button{padding:19px 0;font-size:13px;line-height:1.5}.td-faq-answer p{padding-right:8px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.td-faq.is-visible,.td-faq-item button span{animation:none;transition:none}}
    .td-contact{position:relative;overflow:hidden;padding:130px 0;background:#0b1b32}.td-contact-glow{position:absolute;width:760px;height:600px;right:-280px;bottom:-350px;border-radius:50%;background:radial-gradient(circle,rgba(54,117,245,.37),transparent 64%)}.td-contact-layout{position:relative;display:grid;grid-template-columns:.67fr 1fr;gap:88px}.td-contact-label{color:#85b7ff;font:10px var(--mono);letter-spacing:1.5px}.td-contact h2{font-size:clamp(40px,4.8vw,63px);line-height:1.1;letter-spacing:-3.5px}.td-contact-lead{max-width:410px;color:#a5b7cd;font-size:14px;line-height:1.8}.td-contact-note{margin:35px 0 28px;padding-left:17px;border-left:1px solid #6da8ff}.td-contact-note p{color:#dceaff;font-size:13px;line-height:1.7}.td-contact-note ul{padding:0;list-style:none;color:#9bb0c8;font-size:12px;line-height:2}.td-contact-note li:before{content:"•";color:#7eafff;margin-right:9px}.td-contact-email{color:#edf5ff;font:14px var(--mono);text-decoration:none;border-bottom:1px solid rgba(160,195,248,.45);padding-bottom:5px}.td-contact-email span{color:#86b8ff}.td-contact-form{padding:29px;background:rgba(5,15,31,.42);border:1px solid rgba(172,206,250,.2)}.td-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.td-contact-form label,.td-contact-form legend{display:block;margin-bottom:17px;color:#b5c9e3;font-size:11px;font-weight:700}.td-contact-form input,.td-contact-form textarea{width:100%;margin-top:7px;padding:11px 12px;color:#eff6ff;border:1px solid rgba(168,204,249,.22);border-radius:3px;background:rgba(14,31,57,.63);font:13px var(--display)}.td-contact-form input:focus,.td-contact-form textarea:focus{outline:1px solid #7eb2ff;border-color:#7eb2ff}.td-contact-form fieldset{margin:0 0 18px;padding:0;border:0}.td-options{display:flex;flex-wrap:wrap;gap:7px}.td-options label{margin:0}.td-options input{position:absolute;opacity:0}.td-options span{display:block;padding:8px 10px;border:1px solid rgba(168,204,249,.25);border-radius:3px;color:#a9bed8;font-size:11px;cursor:pointer}.td-options input:checked+span{color:#eaf3ff;border-color:#76abff;background:rgba(63,123,231,.2)}.td-consent{display:flex!important;gap:9px;align-items:flex-start}.td-consent input{width:15px!important;margin:1px 0 0!important}.td-contact-form button{width:100%;justify-content:space-between}.td-form-status{min-height:20px;margin-bottom:8px;font-size:12px}.td-form-status.is-error{color:#ffadb5}.td-form-status.is-info{color:#a9cbff}@media(max-width:820px){.td-contact{padding:88px 0}.td-contact-layout{grid-template-columns:1fr;gap:42px}}@media(max-width:620px){.td-contact{padding:74px 0}.td-contact h2{font-size:clamp(37px,10vw,48px);letter-spacing:-2.5px}.td-form-fields{grid-template-columns:1fr;gap:0}.td-contact-form{padding:21px}.td-options{gap:6px}}
    .td-footer{position:relative;overflow:hidden;padding:56px 0 19px;background:#050d19}.td-footer-grid{position:absolute;inset:0;opacity:.22;background-image:linear-gradient(rgba(113,157,224,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(113,157,224,.13) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(110deg,black,transparent 65%)}.td-footer-top{position:relative;display:grid;grid-template-columns:1.1fr .75fr .65fr;gap:58px;padding-bottom:47px}.td-footer-top>div:first-child>p{max-width:280px;margin:18px 0 0;color:#8294ab;font-size:12px;line-height:1.7}.td-footer nav{display:flex;flex-direction:column;gap:10px}.td-footer a{width:max-content;color:#9aadc4;font-size:12px;text-decoration:none;transition:color .2s ease}.td-footer a:hover{color:#dfeeff}.td-footer-cta p{margin:0 0 12px;color:#e8f1ff;font-size:16px;font-weight:700}.td-footer-cta>a{color:#9bc6ff;font-size:13px;font-weight:800;border-bottom:1px solid rgba(142,186,246,.4);padding-bottom:5px}.td-footer-cta>a span{font-size:18px}.td-footer-bottom{position:relative;display:flex;justify-content:space-between;padding-top:18px;border-top:1px solid rgba(166,201,249,.15);color:#64778f;font-size:10px}.td-footer-bottom>div{display:flex;gap:22px}.td-footer-bottom a{color:#8194ad;font-size:10px}@media(max-width:720px){.td-footer{padding-top:47px}.td-footer-top{grid-template-columns:1fr;gap:29px;padding-bottom:36px}.td-footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.td-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px}.td-footer-bottom>div{gap:17px}}
    /* Mobile polish — bez zmian desktopu. */
    @media (max-width:768px) {
      .nav.open { max-width:calc(100vw - 36px); max-height:calc(100vh - 84px); overflow-y:auto; }
      .nav.open a { min-height:44px; display:flex; align-items:center; }
      .hero .hero-orbit { opacity:.32; transform:rotate(-19deg) scale(.84); transform-origin:center; }
      .td-service-card { min-height:258px; padding:20px 20px 19px; }
      .td-service-icon { margin-bottom:30px; }
      .td-service-card p { line-height:1.62; }
      .td-service-card a { padding-top:16px; }
      .td-process-step { overflow-wrap:anywhere; }
      .td-portfolio-grid, .td-project-card, .td-project-visual { min-width:0; max-width:100%; }
      .td-project-visual { overflow:hidden; }
      .td-project-tags { gap:5px; }
      .td-project-tags span { max-width:100%; }
      .td-faq-item button { min-height:54px; gap:17px; padding:16px 1px; }
      .td-faq-item button span { width:29px; text-align:center; }
      .td-faq-item button { overflow-wrap:anywhere; }
      .td-contact-note { margin:25px 0 20px; }
      .td-contact-email { display:inline-block; margin-bottom:3px; overflow-wrap:anywhere; }
      .td-contact-layout { gap:34px; }
      .td-contact-form input, .td-contact-form textarea { min-height:46px; }
      .td-contact-form textarea { min-height:112px; }
      .td-footer-top { gap:25px; }
      .td-footer nav { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:18px; row-gap:8px; }
      .td-footer nav a { min-height:36px; display:flex; align-items:center; }
      .td-footer-cta { padding-top:3px; }
      .td-footer-bottom { gap:13px; }
      .td-footer-bottom > div { flex-wrap:wrap; gap:12px 18px; }
    }
    @media (max-width:430px) {
      .container { width:min(100% - 32px,600px); }
      .hero .hero-orbit { right:-92px; top:370px; opacity:.25; }
      .td-service-card { min-height:244px; padding:18px; }
      .td-service-icon { margin-bottom:26px; }
      .td-process-step, .td-process-step + .td-process-step { padding-left:25px; padding-bottom:30px; }
      .td-project-visual { height:260px; padding:11px; }
      .td-faq-item button { font-size:13px; line-height:1.45; }
      .td-contact-note { margin-top:21px; }
      .td-contact-form { padding:19px; }
    }
    @media (hover:none) and (pointer:coarse) { .td-project-card:hover { transform:none; } .td-project-card:hover .td-project-visual { transform:none; } .td-service-card:hover, .td-benefit:hover, .td-process-step:hover { transform:none; } }
    .td-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
    .td-tech-visual{position:relative;overflow:hidden;padding:112px 0 118px;background:#081423;border-bottom:1px solid var(--line)}.td-tech-intro{max-width:760px;margin:0 auto 42px;text-align:center}.td-tech-intro p{margin:0 0 15px;color:#83b7ff;font:10px var(--mono);letter-spacing:1.4px}.td-tech-intro h2{font-size:clamp(38px,4.5vw,58px);line-height:1.13;letter-spacing:-3.2px}.td-tech-intro>div{max-width:570px;margin:22px auto 0;color:#9cb0c8;font-size:14px;line-height:1.8}.td-tech-media{position:relative;width:min(84%,1010px);margin:0 auto;overflow:hidden;border:1px solid rgba(124,178,255,.22);border-radius:10px;box-shadow:0 26px 65px rgba(0,0,0,.36),0 0 55px rgba(45,112,238,.13);opacity:1;transform:none;transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.td-tech-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081423 0%,transparent 12%,transparent 88%,#081423 100%),linear-gradient(0deg,#081423 0%,transparent 19%)}.td-tech-media img{display:block;width:100%;height:auto;transition:transform .35s ease}.td-tech-visual.is-visible .td-tech-media{opacity:1;transform:translateY(0)}@media(max-width:768px){.td-tech-visual{padding:78px 0 82px}.td-tech-intro{margin-bottom:29px}.td-tech-intro>div{font-size:13px}.td-tech-media{width:100%;border-radius:7px}.td-tech-media:after{background:linear-gradient(90deg,#081423 0%,transparent 7%,transparent 93%,#081423 100%),linear-gradient(0deg,#081423 0%,transparent 13%)}}@media(prefers-reduced-motion:reduce){.td-tech-media,.td-tech-media img{transition:none}.td-tech-media{opacity:1;transform:none}}
    /* Dopasowanie proporcji i wygaszenia wizualizacji technologii. */
    @media (min-width:769px) { .td-tech-media { width:min(73%,880px); } .td-tech-media:after { background:linear-gradient(90deg,#081423 0%,transparent 12%,transparent 88%,#081423 100%),linear-gradient(0deg,#081423 0%,rgba(8,20,35,.78) 12%,transparent 31%); } }
    .td-cursor-glow{position:fixed;z-index:0;width:380px;height:380px;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(62,120,241,.07),transparent 68%);will-change:transform}.td-services,.td-process,.td-benefits,.td-portfolio,.td-faq,.td-contact,.td-footer{transition:opacity .62s cubic-bezier(.2,.8,.2,1),transform .62s cubic-bezier(.2,.8,.2,1)}.td-services.td-revealed,.td-process.td-revealed,.td-benefits.td-revealed,.td-portfolio.td-revealed,.td-faq.td-revealed,.td-contact.td-revealed,.td-footer.td-revealed{opacity:1;transform:none}.nav a{position:relative}.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:#83b6ff;transform:scaleX(0);transform-origin:right;transition:transform .22s ease}.nav>a:not(.nav-cta):hover:after{transform:scaleX(1);transform-origin:left}.nav .nav-cta:hover{box-shadow:0 0 16px rgba(109,170,255,.18)}.button,.button-secondary,.td-process-cta,.td-benefits-cta,.td-portfolio-cta .button,.td-contact-form button{transition:transform .22s ease,background-color .22s ease,border-color .22s ease,box-shadow .22s ease}.button:hover span,.button-secondary:hover span,.td-contact-form button:hover .td-send-arrow{transform:translateX(4px)}.td-service-card:hover .td-service-icon{border-color:#88bbff;box-shadow:0 0 16px rgba(85,153,255,.15)}.td-service-card a span{transition:transform .2s ease}.td-service-card a:hover span{transform:translateX(4px)}.td-project-card{transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.td-contact-form input,.td-contact-form textarea{transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.td-contact-form input:focus,.td-contact-form textarea:focus{box-shadow:0 0 0 3px rgba(92,157,255,.1)}.td-contact-form button:disabled{opacity:.78;cursor:wait}.td-process.td-revealed .td-process-step{animation:td-step-in .45s both}.td-process.td-revealed .td-process-step:nth-child(2){animation-delay:.09s}.td-process.td-revealed .td-process-step:nth-child(3){animation-delay:.18s}@keyframes td-step-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.td-cursor-glow{display:none}.td-services,.td-process,.td-benefits,.td-portfolio,.td-faq,.td-contact,.td-footer{transition:none!important;opacity:1!important;transform:none!important}.td-process.td-revealed .td-process-step{animation:none}.button:hover span,.button-secondary:hover span,.td-contact-form button:hover .td-send-arrow{transform:none}}@media(max-width:768px){.td-cursor-glow{display:none}.td-services,.td-process,.td-benefits,.td-portfolio,.td-faq,.td-contact,.td-footer{transition-duration:.42s}}
  

    .td-consent a { color: #dceaff; text-decoration-color: rgba(134, 184, 255, .62); text-underline-offset: 3px; }
    .td-consent a:hover, .td-consent a:focus-visible { color: #fff; }
    .td-project-card { animation: none; }
    .td-portfolio.td-revealed .td-project-card { animation: td-portfolio-in .55s both; }
    .td-portfolio.td-revealed .td-project-card:nth-child(2) { animation-delay: .08s; }
    .td-portfolio.td-revealed .td-project-card:nth-child(3) { animation-delay: .16s; }
    @supports (content-visibility: auto) {
      @media (min-width: 769px) {
        .td-project-visual { content-visibility: auto; contain-intrinsic-size: auto 305px; }
      }
    }
  
/* Service content uses the existing components and brand tokens. */
.td-breadcrumbs { margin:0 0 24px; color:#b6c9e4; font:10px/1.7 var(--mono); }
.td-breadcrumbs ol { display:flex; flex-wrap:wrap; gap:6px 12px; list-style:none; padding:0; margin:0; }
.td-breadcrumbs li + li::before { content:"/"; color:#85baff; margin-right:12px; }
.td-breadcrumbs a { color:inherit; text-underline-offset:4px; }
.td-scope-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
.td-scope-grid .td-service-card { min-height:300px; }
.td-scope-no { display:block; color:#77adff; font:500 16px var(--mono); margin-bottom:38px; }
.td-service-note { max-width:850px; margin:32px 0 0; color:#9aadc4; font-size:14px; line-height:1.8; }
.td-service-note a { color:#dceaff; text-underline-offset:4px; }
.td-step-content p { max-width:340px; }
.td-materials { max-width:800px; margin-top:32px; padding-top:27px; border-top:1px solid var(--line); }
.td-materials h3 { margin:0 0 12px; font-size:17px; letter-spacing:-.7px; }
.td-materials p { margin:0; color:#94a7be; font-size:14px; line-height:1.8; }
.td-service-cta { position:relative; }
.td-service-cta .td-contact-lead { max-width:580px; }
.td-service-cta > .button { margin-top:24px; }
.td-service-page [id] { scroll-margin-top:100px; }
.td-faq-item summary { display:flex; justify-content:space-between; align-items:center; gap:18px; padding:23px 1px; list-style:none; cursor:pointer; }
.td-faq-item summary::-webkit-details-marker { display:none; }
.td-faq-item summary h3 { color:#edf4ff; font:700 15px/1.5 var(--display); letter-spacing:-.35px; }
.td-faq-item summary > span { flex:0 0 auto; color:#86b8ff; font:300 24px var(--mono); transition:transform .25s ease; }
.td-faq-item[open] summary > span { transform:rotate(45deg); }
.td-faq-item summary:focus-visible { outline:1px solid #82b4ff; outline-offset:3px; }
.td-faq-item summary:hover h3 { color:#9dc8ff; }
.td-service-page a:focus-visible, .td-service-page .menu-toggle:focus-visible { outline:2px solid #85baff; outline-offset:4px; }
@media (max-width:1020px) { .td-scope-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:620px) {
  .td-scope-grid { grid-template-columns:1fr; }
  .td-scope-grid .td-service-card { min-height:0; }
  .td-service-note, .td-materials p { font-size:13px; }
  .td-breadcrumbs { margin-bottom:18px; font-size:9px; }
  .td-faq-item summary { padding:19px 0; }
  .td-faq-item summary h3 { font-size:13px; }
  .td-service-cta > .button { max-width:100%; gap:12px; font-size:12px; }
}
@media (prefers-reduced-motion:reduce) {
  .td-faq-item summary > span { transition:none; }
  .td-portfolio.td-revealed .td-project-card { animation:none; }
}


/* Portfolio uses the existing visual concepts at a larger size. */
.td-demo-showcase,.td-case-showcase{margin:0;}
.td-demo-showcase .td-project-visual{height:clamp(320px,45vw,560px);padding:clamp(12px,3vw,36px);border-bottom:0;}
.td-demo-showcase .firm-page,.td-demo-showcase .landing-page,.td-demo-showcase .system-page{height:100%;}
.td-case-showcase .td-fachprojekt-image{min-height:0;padding:0;border:0;}
.td-case-showcase .td-fachprojekt-image img{width:100%;height:auto;object-fit:contain;}
.td-compact-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin:0;padding-left:20px;color:#b6c9e4;font-size:14px;line-height:1.8;}
@media(max-width:620px){.td-demo-showcase .td-project-visual{height:320px;padding:12px;}.td-compact-list{grid-template-columns:1fr;gap:10px;}}
.td-case-page .td-services,.td-case-page .td-portfolio,.td-demo-page .td-services,.td-demo-page .td-portfolio{padding-top:72px;padding-bottom:72px;}
.td-case-page .td-scope-grid .td-service-card,.td-demo-page .td-scope-grid .td-service-card{min-height:0;padding:24px;}
.td-case-page .td-scope-no,.td-demo-page .td-scope-no{margin-bottom:18px;}
.td-demo-showcase .td-project-visual{content-visibility:visible;}
.td-demo-showcase .firm-nav,.td-demo-showcase .landing-nav{font-size:clamp(8px,1vw,14px);}
.td-demo-showcase .firm-nav b,.td-demo-showcase .landing-nav b{font-size:clamp(16px,2vw,26px);}
.td-demo-showcase .firm-hero,.td-demo-showcase .landing-hero{height:75%;}
.td-demo-showcase .firm-copy strong,.td-demo-showcase .landing-hero strong{font-size:clamp(22px,3.5vw,48px);line-height:1.08;}
.td-demo-showcase .firm-copy p,.td-demo-showcase .landing-hero p{font-size:clamp(8px,1.2vw,15px);}
.td-demo-showcase .firm-copy small,.td-demo-showcase .landing-hero small{font-size:clamp(7px,.9vw,11px);}
.td-demo-showcase .firm-copy button,.td-demo-showcase .landing-hero button,.td-demo-showcase .firm-service-row span,.td-demo-showcase .landing-benefits span{font-size:clamp(8px,1.2vw,14px);}
.td-demo-showcase .system-top strong{font-size:clamp(14px,2vw,26px);}
.td-demo-showcase .system-page small,.td-demo-showcase .system-top button{font-size:clamp(8px,1vw,13px);}
.td-demo-showcase .system-metrics strong{font-size:clamp(18px,2.5vw,34px);}
.td-demo-showcase .system-metrics span,.td-demo-showcase .system-activity p{font-size:clamp(7px,.9vw,11px);}
.td-demo-showcase .system-graph .graph-lines{height:clamp(90px,15vw,220px);}

/* Existing homepage concept styles shared by portfolio and demo pages. */
    .firm-page,.landing-page,.system-page{height:100%;overflow:hidden;border:1px solid rgba(201,222,255,.2);box-shadow:0 16px 34px rgba(0,0,0,.27);position:relative}.firm-page{background:#d8e3ed;color:#10203c;padding:15px}.firm-nav,.landing-nav{display:flex;align-items:center;justify-content:space-between;font-size:7px}.firm-nav b{font-size:13px;letter-spacing:-1px}.firm-nav b span{color:#356be1}.firm-nav div{display:flex;gap:9px}.firm-nav i{width:17px;border-top:1px solid #75849a}.firm-nav em{font-style:normal;padding:5px 8px;background:#12274a;color:#fff}.firm-hero{display:grid;grid-template-columns:1.1fr .9fr;margin-top:15px;height:176px;overflow:hidden}.firm-copy{padding:17px 0 0 6px}.firm-copy small,.landing-hero small{font:6px var(--mono);letter-spacing:1px;color:#366ede}.firm-copy strong{display:block;margin:9px 0;font-size:18px;line-height:1.03;letter-spacing:-1.3px}.firm-copy p{font-size:7px;margin:0 0 11px;color:#526174}.firm-copy button,.landing-hero button{border:0;background:#2257c7;color:#fff;font:7px var(--display);padding:8px 10px}.firm-art{position:relative;background:linear-gradient(145deg,#235898,#b9d6e3);overflow:hidden}.firm-art div{position:absolute;width:140px;height:185px;right:-28px;bottom:-46px;border-radius:75px 75px 0 0;background:linear-gradient(130deg,#10284c,#8bc2e9)}.firm-art i{position:absolute;border:1px solid rgba(255,255,255,.68);border-radius:50%}.firm-art i:nth-child(2){width:95px;height:95px;top:27px;left:14px}.firm-art i:nth-child(3){width:32px;height:32px;top:59px;left:45px;background:#e3f4ff}.firm-service-row{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}.firm-service-row span{padding:8px 5px;background:#becbd8;font-size:7px}
    .landing-page{background:radial-gradient(circle at 77% 45%,#4d38a9,transparent 25%),linear-gradient(145deg,#111b3d,#201647);color:#f3f6ff;padding:15px}.landing-nav b{font-size:12px;letter-spacing:2px}.landing-nav span{font-size:7px;color:#aeb3e0}.landing-nav button{border:1px solid #8ca2ff;background:transparent;color:#fff;font-size:7px;padding:5px 8px}.landing-hero{display:grid;grid-template-columns:1.15fr .85fr;height:181px;padding:24px 4px 0}.landing-hero strong{display:block;margin:10px 0;font-size:18px;line-height:1.02;letter-spacing:-1.4px}.landing-hero p{font-size:7px;line-height:1.5;color:#b5bde6;margin:0 0 13px}.landing-product{position:relative}.product-ring{position:absolute;width:145px;height:145px;right:-29px;top:3px;border:1px solid #978aff;border-radius:50%;box-shadow:0 0 36px rgba(108,88,255,.48)}.product-window{position:absolute;right:5px;top:32px;width:104px;height:117px;padding:13px;background:linear-gradient(145deg,#253576,#111738);border:1px solid rgba(178,192,255,.55);box-shadow:0 14px 25px rgba(0,0,0,.3)}.product-window i{display:inline-block;width:3px;height:3px;margin-right:3px;border-radius:50%;background:#98b5ff}.product-window b{display:block;margin-top:16px;font-size:6px;color:#a8b9e8}.product-window strong{display:block;font-size:21px;margin:3px 0}.product-window span{display:block;height:5px;margin:6px 0;background:#5874d8}.landing-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.landing-benefits span{padding:9px 4px;background:rgba(121,127,229,.16);font-size:6px;text-align:center;color:#c6ceff}
    .system-page{display:grid;grid-template-columns:42px 1fr;background:#f5f8fc;color:#14233a}.system-page aside{display:flex;flex-direction:column;align-items:center;gap:16px;padding:14px 0;background:#10213c}.system-page aside b{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#4784ff;color:#fff;font-size:10px}.system-page aside i{width:16px;height:2px;background:#6682a7}.system-page aside span{margin-top:auto;width:18px;height:18px;border-radius:50%;background:#8db6ee}.system-page .system-main{padding:15px 13px;overflow:hidden}.system-top{display:flex;justify-content:space-between}.system-top small,.system-page small{display:block;font-size:6px;color:#70829c}.system-top strong{display:block;font-size:11px}.system-top button{border:0;border-radius:3px;background:#e5f0ff;color:#2861be;font-size:6px}.system-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:13px 0}.system-metrics article{padding:7px;background:#fff;border:1px solid #e1e8f1}.system-metrics strong{display:block;font-size:13px;margin:3px 0}.system-metrics span{font-size:5px;color:#399065}.system-lower{display:grid;grid-template-columns:1.1fr .9fr;gap:6px}.system-graph,.system-activity{padding:8px;background:#fff;border:1px solid #e1e8f1}.graph-lines{height:57px;display:flex;align-items:end;gap:4px;margin-top:7px;border-bottom:1px solid #d9e3f0}.graph-lines i{flex:1;background:linear-gradient(#4d8cff,#a4cbff)}.graph-lines i:nth-child(1){height:25%}.graph-lines i:nth-child(2){height:54%}.graph-lines i:nth-child(3){height:37%}.graph-lines i:nth-child(4){height:80%}.graph-lines i:nth-child(5){height:58%}.graph-lines i:nth-child(6){height:93%}.system-activity p{margin:8px 0;font-size:5px}.system-activity i{display:inline-block;width:4px;height:4px;margin-right:3px;border-radius:50%;background:#4d8cff}
    @media(max-width:620px){.td-project-visual{height:285px}.firm-copy strong,.landing-hero strong{font-size:20px}.system-page .system-main{padding:17px}.system-top strong{font-size:13px}.system-metrics strong{font-size:15px}}