:root{
      --tpww-primary:#0055cc;
      --tpww-primary-dark:#003b91;
      --tpww-secondary:#19a7ff;
      --tpww-accent:#6d5dfc;
      --tpww-green:#18a957;
      --tpww-bg:#f4f8ff;
      --tpww-surface:#ffffff;
      --tpww-text:#11203a;
      --tpww-muted:#5d6b82;
      --tpww-line:rgba(17,32,58,.12);
      --tpww-glass:rgba(255,255,255,.72);
      --tpww-shadow:0 22px 60px rgba(0,56,140,.14);
      --tpww-radius:24px;
      --tpww-container:1200px;
      --mouse-x:50%;
      --mouse-y:50%;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:90px}
    body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--tpww-bg);color:var(--tpww-text);line-height:1.65;overflow-x:hidden}
    body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;background:radial-gradient(420px circle at var(--mouse-x) var(--mouse-y),rgba(25,167,255,.10),transparent 55%)}
    a{color:inherit;text-decoration:none}
    button,input,textarea{font:inherit}
    img{max-width:100%;display:block}
    .tpww-container{width:min(calc(100% - 32px),var(--tpww-container));margin:auto}
    .tpww-progress{position:fixed;top:0;left:0;width:0;height:3px;z-index:9999;background:linear-gradient(90deg,var(--tpww-primary),var(--tpww-secondary),var(--tpww-accent));box-shadow:0 0 16px rgba(25,167,255,.55)}
    .tpww-topbar{height:42px;overflow:hidden;color:#fff;background:linear-gradient(120deg,#0046aa,#0075e8,#5a4df1,#0046aa);background-size:300% 300%;animation:tpwwGradient 12s ease infinite}
    .tpww-topbar-track{display:flex;width:max-content;min-width:200%;height:100%;align-items:center;gap:42px;white-space:nowrap;animation:tpwwTicker 24s linear infinite;font-size:.88rem;font-weight:700;letter-spacing:.02em}
    .tpww-topbar:hover .tpww-topbar-track{animation-play-state:paused}
    .tpww-topbar-track span{display:inline-flex;align-items:center;gap:10px}
    .tpww-topbar-track span::before{content:"";width:7px;height:7px;border-radius:50%;background:#8be7ff;box-shadow:0 0 14px #8be7ff}
    .tpww-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.8);border-bottom:1px solid rgba(17,32,58,.08);box-shadow:0 8px 28px rgba(0,44,110,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:.28s ease}
    .tpww-header.scrolled{box-shadow:0 12px 30px rgba(0,44,110,.12)}
    .tpww-nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px;transition:.28s ease}
    .tpww-header.scrolled .tpww-nav{min-height:66px}
    .tpww-brand{display:flex;align-items:center;gap:14px;font-weight:900;letter-spacing:-.03em}
    .tpww-logo{width:72px;height:auto;display:block;flex-shrink:0}
    .tpww-logo svg{width:23px;height:23px}
    .tpww-menu{display:flex;align-items:center;gap:26px;font-weight:700;font-size:.95rem}
    .tpww-menu a{position:relative;color:#263752}
    .tpww-menu a::after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:2px;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--tpww-primary),var(--tpww-secondary));transition:.25s ease}
    .tpww-menu a:hover::after,.tpww-menu a:focus-visible::after{transform:scaleX(1)}
    .tpww-menu-toggle{display:none;border:0;background:transparent;padding:8px;border-radius:12px;cursor:pointer}
    .tpww-menu-toggle span{display:block;width:26px;height:2px;margin:5px;background:#10213c;transition:.25s ease}
    .tpww-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border:0;border-radius:15px;color:#fff;font-weight:800;cursor:pointer;overflow:hidden;background:linear-gradient(120deg,var(--tpww-primary),var(--tpww-secondary),var(--tpww-accent),var(--tpww-primary));background-size:260% 260%;box-shadow:0 14px 30px rgba(0,85,204,.25);animation:tpwwGradient 8s ease infinite;transition:transform .25s ease,box-shadow .25s ease}
    .tpww-btn::before{content:"";position:absolute;inset:-2px;transform:translateX(-120%) skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);transition:.65s ease}
    .tpww-btn:hover::before{transform:translateX(120%) skewX(-20deg)}
    .tpww-btn:hover,.tpww-btn:focus-visible{transform:translateY(-3px);box-shadow:0 18px 36px rgba(0,85,204,.32)}
    .tpww-btn-secondary{color:var(--tpww-primary);background:#fff;border:1px solid rgba(0,85,204,.16);box-shadow:0 12px 28px rgba(0,56,140,.10);animation:none}
    .tpww-hero{position:relative;isolation:isolate;padding:96px 0 72px;overflow:hidden;background:
      radial-gradient(circle at 15% 20%,rgba(25,167,255,.18),transparent 34%),
      radial-gradient(circle at 84% 18%,rgba(109,93,252,.20),transparent 32%),
      linear-gradient(145deg,#f8fbff 0%,#eef6ff 45%,#f9f8ff 100%)}
    .tpww-hero::before,.tpww-hero::after{content:"";position:absolute;border-radius:50%;filter:blur(10px);z-index:-1;opacity:.75;animation:tpwwFloat 8s ease-in-out infinite}
    .tpww-hero::before{width:320px;height:320px;left:-110px;top:80px;background:linear-gradient(135deg,rgba(0,85,204,.20),rgba(25,167,255,.05))}
    .tpww-hero::after{width:420px;height:420px;right:-180px;bottom:-120px;background:linear-gradient(135deg,rgba(109,93,252,.20),rgba(25,167,255,.05));animation-delay:-3s}
    .tpww-hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center}
    .tpww-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border-radius:999px;color:var(--tpww-primary-dark);background:rgba(255,255,255,.8);border:1px solid rgba(0,85,204,.13);font-weight:800;font-size:.9rem;box-shadow:0 10px 24px rgba(0,56,140,.08)}
    .tpww-eyebrow::before{content:"";width:9px;height:9px;border-radius:50%;background:#20bd6d;box-shadow:0 0 0 6px rgba(32,189,109,.12)}
    .tpww-hero h1{max-width:760px;margin:22px 0 20px;font-size:clamp(2.55rem,5.6vw,5.1rem);line-height:.98;letter-spacing:-.055em}
    .tpww-gradient-text{background:linear-gradient(90deg,var(--tpww-primary),var(--tpww-secondary),var(--tpww-accent),var(--tpww-primary));background-size:260% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:tpwwText 7s linear infinite}
    .tpww-lead{max-width:690px;margin:0 0 28px;color:var(--tpww-muted);font-size:clamp(1.05rem,1.8vw,1.26rem)}
    .tpww-hero-benefits{display:grid;gap:12px;margin:0 0 30px;padding:0;list-style:none}
    .tpww-hero-benefits li{display:flex;align-items:flex-start;gap:12px;font-weight:700;color:#263752}
    .tpww-check{flex:0 0 auto;display:grid;place-items:center;width:24px;height:24px;margin-top:1px;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--tpww-primary),var(--tpww-secondary));font-size:.82rem}
    .tpww-actions{display:flex;flex-wrap:wrap;gap:13px}
    .tpww-mockup-wrap{position:relative;min-height:520px;display:grid;place-items:center}
    .tpww-mockup{position:relative;width:min(100%,520px);padding:18px;border-radius:30px;background:rgba(255,255,255,.64);border:1px solid rgba(255,255,255,.8);box-shadow:0 34px 90px rgba(0,63,150,.18);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg)}
    .tpww-browser{overflow:hidden;border-radius:19px;background:#fff;border:1px solid rgba(17,32,58,.10)}
    .tpww-browser-top{height:44px;display:flex;align-items:center;gap:7px;padding:0 15px;background:#edf3fb;border-bottom:1px solid rgba(17,32,58,.08)}
    .tpww-browser-top i{width:10px;height:10px;border-radius:50%;background:#ff6b6b}.tpww-browser-top i:nth-child(2){background:#ffd166}.tpww-browser-top i:nth-child(3){background:#4cc38a}
    .tpww-browser-body{padding:34px 28px 28px;background:linear-gradient(145deg,#f7fbff,#eef5ff)}
    .tpww-mini-badge{display:inline-block;width:104px;height:12px;border-radius:999px;background:linear-gradient(90deg,#b8d8ff,#d2cfff)}
    .tpww-mini-title{width:86%;height:24px;margin:18px 0 12px;border-radius:8px;background:linear-gradient(90deg,#0b3e84,#0077df)}
    .tpww-mini-title.short{width:61%}
    .tpww-mini-text{width:92%;height:10px;margin:11px 0;border-radius:999px;background:#cbd8e8}.tpww-mini-text.short{width:70%}
    .tpww-mini-buttons{display:flex;gap:10px;margin:24px 0}.tpww-mini-buttons i{display:block;width:120px;height:34px;border-radius:10px;background:linear-gradient(90deg,var(--tpww-primary),var(--tpww-secondary))}.tpww-mini-buttons i:last-child{width:95px;background:#fff;border:1px solid #bdd0e8}
    .tpww-mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:26px}.tpww-mini-cards i{height:84px;border-radius:14px;background:#fff;border:1px solid #dbe6f2;box-shadow:0 8px 16px rgba(0,56,140,.06)}
    .tpww-float-card{position:absolute;padding:14px 17px;border-radius:16px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 38px rgba(0,56,140,.14);backdrop-filter:blur(14px);font-weight:800;animation:tpwwFloat 5.5s ease-in-out infinite}
    .tpww-float-card strong{display:block;color:var(--tpww-primary);font-size:1.18rem}.tpww-float-card small{color:var(--tpww-muted);font-weight:700}
    .tpww-float-one{left:-20px;top:74px}.tpww-float-two{right:-10px;bottom:78px;animation-delay:-2.4s}
    .tpww-trust{padding:17px 0;color:#fff;background:linear-gradient(90deg,#003e9d,#0079db,#6357ef,#003e9d);background-size:300% 100%;animation:tpwwGradient 10s ease infinite}
    .tpww-trust-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:15px 32px;text-align:center;font-weight:800}.tpww-trust-inner span{display:flex;align-items:center;gap:9px}.tpww-trust-inner b{color:#bff2ff}
    .tpww-section{padding:92px 0}
    .tpww-section-head{max-width:760px;margin:0 auto 46px;text-align:center}.tpww-kicker{display:inline-block;margin-bottom:10px;color:var(--tpww-primary);font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem}.tpww-section h2{margin:0 0 15px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08;letter-spacing:-.04em}.tpww-section-head p{margin:0;color:var(--tpww-muted);font-size:1.08rem}
    .tpww-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.tpww-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.tpww-card{position:relative;overflow:hidden;padding:26px;border-radius:var(--tpww-radius);background:#fff;border:1px solid var(--tpww-line);box-shadow:0 14px 36px rgba(0,56,140,.07);transform-style:preserve-3d;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.tpww-card::before{content:"";position:absolute;inset:0;opacity:0;pointer-events:none;background:radial-gradient(260px circle at var(--card-x,50%) var(--card-y,50%),rgba(25,167,255,.16),transparent 58%);transition:opacity .22s ease}.tpww-card:hover::before{opacity:1}.tpww-card:hover{border-color:rgba(0,85,204,.25);box-shadow:0 24px 50px rgba(0,56,140,.14)}
    .tpww-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:20px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--tpww-primary),var(--tpww-secondary));box-shadow:0 12px 24px rgba(0,85,204,.22);transition:transform .25s ease}.tpww-card:hover .tpww-icon{transform:translateY(-3px) rotate(-4deg) scale(1.05)}.tpww-icon svg{width:26px;height:26px}.tpww-card h3{margin:0 0 10px;font-size:1.18rem}.tpww-card p{margin:0;color:var(--tpww-muted)}
    .tpww-offer{background:#fff}.tpww-offer-card{min-height:100%;display:flex;flex-direction:column}.tpww-price{margin:7px 0 16px;color:var(--tpww-primary);font-size:2rem;font-weight:900;letter-spacing:-.04em}.tpww-price small{font-size:.9rem;color:var(--tpww-muted);font-weight:700}.tpww-list{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.tpww-list li{display:flex;gap:10px;color:#34445e}.tpww-offer-card .tpww-btn{margin-top:auto}
    .tpww-about-panel,.tpww-why-panel,.tpww-final-panel{position:relative;overflow:hidden;border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(232,243,255,.86),rgba(244,239,255,.88));background-size:240% 240%;animation:tpwwGradient 12s ease infinite;border:1px solid rgba(255,255,255,.9);box-shadow:var(--tpww-shadow)}
    .tpww-about-panel::after,.tpww-why-panel::after,.tpww-final-panel::after{content:"";position:absolute;top:-80%;left:-35%;width:28%;height:260%;transform:rotate(20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:tpwwShine 8s ease-in-out infinite}
    .tpww-about-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:48px}.tpww-about-copy p{color:var(--tpww-muted)}.tpww-about-points{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tpww-stat{padding:20px;border-radius:18px;background:rgba(255,255,255,.74);border:1px solid rgba(0,85,204,.10);box-shadow:0 12px 28px rgba(0,56,140,.07)}.tpww-stat strong{display:block;color:var(--tpww-primary);font-size:1.2rem;margin-bottom:5px}.tpww-stat span{color:var(--tpww-muted);font-size:.94rem}
    .tpww-why-panel{padding:48px}.tpww-why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}.tpww-highlight{padding:28px;border-radius:24px;color:#fff;background:linear-gradient(135deg,var(--tpww-primary-dark),var(--tpww-primary),var(--tpww-accent));box-shadow:0 22px 46px rgba(0,70,170,.25)}.tpww-highlight strong{display:block;font-size:clamp(2.1rem,5vw,4rem);line-height:1}.tpww-highlight span{display:block;margin-top:10px;font-weight:800}.tpww-why-list{display:grid;gap:15px}.tpww-why-item{display:flex;gap:13px;align-items:flex-start;padding:15px 0;border-bottom:1px solid rgba(17,32,58,.09)}.tpww-why-item:last-child{border-bottom:0}.tpww-why-item b{display:block;margin-bottom:3px}.tpww-why-item p{margin:0;color:var(--tpww-muted)}
    .tpww-process{background:linear-gradient(180deg,#f4f8ff,#eef5ff)}.tpww-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;counter-reset:steps}.tpww-step{counter-increment:steps}.tpww-step::after{content:"0" counter(steps);position:absolute;right:18px;top:12px;color:rgba(0,85,204,.10);font-size:3rem;font-weight:900}.tpww-step h3{padding-right:54px}
    .tpww-faq{background:#fff}.tpww-faq-list{max-width:900px;margin:auto;display:grid;gap:13px}.tpww-faq-item{border:1px solid var(--tpww-line);border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(0,56,140,.05);overflow:hidden}.tpww-faq-button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 22px;border:0;background:transparent;text-align:left;font-weight:850;color:var(--tpww-text);cursor:pointer}.tpww-plus{position:relative;flex:0 0 auto;width:28px;height:28px;border-radius:50%;background:#edf5ff}.tpww-plus::before,.tpww-plus::after{content:"";position:absolute;left:50%;top:50%;width:13px;height:2px;background:var(--tpww-primary);transform:translate(-50%,-50%);transition:.25s ease}.tpww-plus::after{transform:translate(-50%,-50%) rotate(90deg)}.tpww-faq-item.open .tpww-plus::after{transform:translate(-50%,-50%) rotate(180deg)}.tpww-faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .34s ease}.tpww-faq-answer>div{overflow:hidden}.tpww-faq-answer p{margin:0;padding:0 22px 22px;color:var(--tpww-muted)}.tpww-faq-item.open .tpww-faq-answer{grid-template-rows:1fr}
    .tpww-contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:start}.tpww-contact-copy{padding:8px 6px}.tpww-contact-copy p{color:var(--tpww-muted)}.tpww-contact-note{margin-top:24px;padding:18px;border-radius:17px;background:#eaf4ff;border:1px solid rgba(0,85,204,.11);color:#294260}.tpww-form{padding:28px;border-radius:26px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.95);box-shadow:var(--tpww-shadow);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}.tpww-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.tpww-field{display:grid;gap:8px}.tpww-field.full{grid-column:1/-1}.tpww-field label{font-weight:800;font-size:.93rem}.tpww-field input,.tpww-field textarea{width:100%;border:1px solid #ccd9e9;border-radius:13px;background:#fff;padding:14px 15px;color:var(--tpww-text);outline:0;transition:.22s ease}.tpww-field textarea{min-height:145px;resize:vertical}.tpww-field input:focus,.tpww-field textarea:focus{border-color:var(--tpww-primary);box-shadow:0 0 0 4px rgba(0,85,204,.10)}.tpww-consent{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;width:100%;max-width:none;color:var(--tpww-muted);font-size:.9rem;line-height:1.55}.tpww-consent.full{grid-column:1/-1;width:100%}.tpww-consent span{display:block;width:100%;max-width:none}.tpww-consent input{width:18px;height:18px;margin-top:3px}.tpww-form .tpww-btn{width:100%;margin-top:18px}
.tpww-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}.tpww-form .tpww-btn:disabled{opacity:.65;cursor:wait;transform:none;box-shadow:none}
    .tpww-final{padding-top:0}.tpww-final-panel{padding:52px;text-align:center;color:#fff;background:linear-gradient(135deg,#003e9d,#0078de,#6758ef,#003e9d);background-size:260% 260%}.tpww-final-panel p{max-width:760px;margin:14px auto 26px;color:rgba(255,255,255,.85);font-size:1.08rem}.tpww-final-panel .tpww-btn{background:#fff;color:var(--tpww-primary);animation:none}
    .tpww-footer{padding:34px 0;background:#0f1a2d;color:#d6dfec}.tpww-footer-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px}.tpww-footer-nav{display:flex;flex-wrap:wrap;gap:18px;color:#aebbd0;font-size:.92rem}.tpww-footer small{color:#91a0b6}
    .tpww-reveal{opacity:0;transform:translateY(26px) scale(.985);filter:blur(5px);transition:opacity .7s ease,transform .7s ease,filter .7s ease;transition-delay:var(--reveal-delay,0ms)}.tpww-reveal.visible{opacity:1;transform:none;filter:none}
    .tpww-ripple{position:absolute;border-radius:50%;transform:translate(-50%,-50%) scale(0);background:rgba(255,255,255,.4);pointer-events:none;animation:tpwwRipple .65s ease-out}
    :focus-visible{outline:3px solid rgba(25,167,255,.45);outline-offset:3px}
    @keyframes tpwwTicker{to{transform:translateX(-50%)}}
    @keyframes tpwwGradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
    @keyframes tpwwText{to{background-position:260% center}}
    @keyframes tpwwFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}
    @keyframes tpwwShine{0%,58%{transform:translateX(-160%) rotate(20deg)}78%,100%{transform:translateX(620%) rotate(20deg)}}
    @keyframes tpwwRipple{to{transform:translate(-50%,-50%) scale(5);opacity:0}}
    @media(max-width:980px){
      .tpww-menu-toggle{display:block}.tpww-header-cta{display:none}.tpww-menu{position:absolute;left:16px;right:16px;top:calc(100% + 8px);display:grid;gap:0;padding:10px;border-radius:18px;background:rgba(255,255,255,.97);box-shadow:0 20px 50px rgba(0,46,110,.18);border:1px solid var(--tpww-line);transform:translateY(-10px);opacity:0;visibility:hidden;transition:.25s ease}.tpww-menu.open{opacity:1;visibility:visible;transform:none}.tpww-menu a{padding:13px 12px}.tpww-menu a::after{display:none}
      .tpww-hero-grid,.tpww-about-panel,.tpww-why-grid,.tpww-contact-grid{grid-template-columns:1fr}.tpww-hero{padding-top:74px}.tpww-mockup-wrap{min-height:470px}.tpww-grid-4,.tpww-process-grid{grid-template-columns:repeat(2,1fr)}.tpww-grid-3{grid-template-columns:1fr 1fr}.tpww-about-panel,.tpww-why-panel{padding:34px}
    }
    @media(max-width:640px){
      body::before{display:none}.tpww-container{width:min(calc(100% - 22px),var(--tpww-container))}.tpww-topbar{height:40px}.tpww-topbar-track{font-size:.78rem;gap:28px}.tpww-nav{min-height:68px}.tpww-brand{font-size:.95rem}.tpww-logo{width:56px;height:auto}.tpww-hero{padding:60px 0 54px}.tpww-hero h1{font-size:clamp(2.3rem,12vw,3.45rem)}.tpww-actions{display:grid}.tpww-btn{width:100%}.tpww-mockup-wrap{min-height:400px}.tpww-mockup{transform:none;padding:12px;border-radius:22px}.tpww-browser-body{padding:24px 18px}.tpww-float-card{font-size:.83rem;padding:10px 12px}.tpww-float-one{left:3px;top:36px}.tpww-float-two{right:2px;bottom:40px}.tpww-section{padding:68px 0}.tpww-grid-4,.tpww-grid-3,.tpww-process-grid,.tpww-about-points,.tpww-form-grid{grid-template-columns:1fr}.tpww-card{padding:22px}.tpww-about-panel,.tpww-why-panel,.tpww-final-panel{padding:26px}.tpww-field.full{grid-column:auto}.tpww-footer-inner{display:grid;justify-content:start}.tpww-footer-nav{display:grid;gap:8px}
    }
    @media(hover:none),(pointer:coarse){.tpww-card{transform:none!important}.tpww-card::before{display:none}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.tpww-reveal{opacity:1;transform:none;filter:none}.tpww-topbar-track{transform:none}.tpww-float-card{transform:none}}
  
.tpww-pagespeed{padding:90px 0;background:linear-gradient(180deg,#eef6ff,#fff)}
.tpww-ps-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}
.tpww-score-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}
.tpww-score{background:#fff;border:1px solid #dce8f8;border-radius:20px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(0,56,140,.08)}
.tpww-score strong{display:block;font-size:2.2rem;color:#18a957}
.tpww-score span{font-weight:700;color:#55657e}

.tpww-proof{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:22px;
  background:#fff;
  border:1px solid #dce8f8;
  border-radius:24px;
  box-shadow:0 20px 50px rgba(0,56,140,.15);
}
.tpww-proof a{
  display:block;
  transition:transform .25s ease,box-shadow .25s ease;
}
.tpww-proof a:hover{
  transform:scale(1.02);
}
.tpww-proof img{
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:720px;
  border-radius:16px;
}

@media(max-width:980px){.tpww-ps-grid{grid-template-columns:1fr}.tpww-score-grid{grid-template-columns:repeat(2,1fr)}}


.tpww-ps-verified{margin:18px 0 0;color:#168a4a;font-weight:800}


.tpww-call-fixed{
position:fixed;
right:20px;
bottom:20px;
z-index:9999;
display:inline-flex;
align-items:center;
gap:10px;
padding:16px 24px;
background:#166534;
color:#ffffff;
border:2px solid #14532d;
border-radius:999px;
text-decoration:none;
font-weight:800;
font-size:16px;
line-height:1;
text-shadow:0 1px 2px rgba(0,0,0,.35);
box-shadow:0 12px 30px rgba(0,0,0,.28);
transition:background .25s ease,transform .25s ease,box-shadow .25s ease;
}
.tpww-call-fixed:hover,
.tpww-call-fixed:focus-visible{
background:#14532d;
transform:translateY(-2px);
box-shadow:0 16px 36px rgba(0,0,0,.32);
}



/* Logo premium i bezpieczny fallback */
.tpww-nav{
  min-height:120px;
  transition:min-height .35s cubic-bezier(.2,.8,.2,1);
}
.tpww-header.scrolled .tpww-nav{min-height:84px}
.tpww-brand{flex:0 1 auto;min-width:0}
.tpww-logo-animated{
  opacity:0;
  transform:translateY(-10px) scale(.97);
  filter:blur(5px);
  animation:tpwwLogoEntrance .75s cubic-bezier(.2,.75,.25,1) .12s forwards;
}
.tpww-logo{
  display:block;
  width:auto;
  height:118px;
  max-width:min(430px,48vw);
  object-fit:contain;
  transform-origin:left center;
  filter:drop-shadow(0 8px 22px rgba(0,56,140,.16));
  transition:height .35s cubic-bezier(.2,.8,.2,1),transform .35s cubic-bezier(.2,.8,.2,1),filter .35s ease;
}
.tpww-header.scrolled .tpww-logo{
  height:70px;
  transform:scale(.96);
  filter:drop-shadow(0 6px 14px rgba(0,56,140,.12));
}
@keyframes tpwwLogoEntrance{to{opacity:1;transform:none;filter:none}}

html.no-js .tpww-reveal,
html.no-js .tpww-logo-animated{
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}

/* Jasny panel pod logo w stopce */
.tpww-footer-logo-wrap{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 18px;
  margin-bottom:14px;
  border-radius:18px;
  background:rgba(255,255,255,.97);
  border:1px solid rgba(255,255,255,.35);
  box-shadow:0 14px 32px rgba(0,0,0,.20);
}
.tpww-footer-logo{
  display:block;
  width:auto;
  height:92px;
  max-width:360px;
  object-fit:contain;
  filter:none;
  transition:transform .3s ease;
}
.tpww-footer-logo-wrap:hover .tpww-footer-logo{transform:scale(1.03)}

@media(max-width:980px){
  .tpww-logo{max-width:min(390px,65vw)}
}
@media(max-width:640px){
  .tpww-nav{min-height:88px}
  .tpww-header.scrolled .tpww-nav{min-height:68px}
  .tpww-logo{height:74px;max-width:76vw}
  .tpww-header.scrolled .tpww-logo{height:56px}
  .tpww-footer-logo-wrap{margin-inline:auto;padding:12px 14px}
  .tpww-footer-logo{height:72px;max-width:82vw}
}


/* Rozbudowany Hero premium */
.tpww-hero{
  min-height:760px;
}
.tpww-hero::marker{display:none}
.tpww-hero-grid{
  position:relative;
  z-index:2;
}
.tpww-hero-grid::before{
  content:"";
  position:absolute;
  inset:-45px -80px;
  z-index:-2;
  pointer-events:none;
  opacity:.45;
  background-image:
    linear-gradient(rgba(0,85,204,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(0,85,204,.045) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 92%);
}
.tpww-hero-copy{
  position:relative;
}
.tpww-hero-copy::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  left:-90px;
  bottom:-65px;
  z-index:-1;
  border-radius:50%;
  background:radial-gradient(circle,rgba(25,167,255,.15),transparent 68%);
  filter:blur(2px);
}
.tpww-hero-proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 0;
}
.tpww-hero-proof span{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border-radius:999px;
  color:#294260;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(0,85,204,.11);
  box-shadow:0 9px 24px rgba(0,56,140,.07);
  font-size:.87rem;
  font-weight:800;
  backdrop-filter:blur(10px);
}
.tpww-hero-proof i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--tpww-primary),var(--tpww-secondary));
  box-shadow:0 0 0 5px rgba(25,167,255,.10);
}
.tpww-mockup-wrap::before{
  content:"";
  position:absolute;
  width:88%;
  height:76%;
  border-radius:40px;
  background:linear-gradient(135deg,rgba(0,85,204,.14),rgba(109,93,252,.14));
  filter:blur(36px);
  transform:translateY(32px);
  z-index:-1;
}
.tpww-mockup{
  border:1px solid rgba(255,255,255,.95);
  box-shadow:
    0 42px 100px rgba(0,63,150,.20),
    inset 0 1px 0 rgba(255,255,255,.9);
}
.tpww-browser-top{
  position:relative;
}
.tpww-browser-address{
  margin-left:12px;
  height:24px;
  flex:1;
  max-width:250px;
  border-radius:999px;
  background:#fff;
  border:1px solid rgba(17,32,58,.08);
}
.tpww-browser-status{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#26834d;
  font-size:.72rem;
  font-weight:800;
}
.tpww-browser-status::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#35bf73;
  box-shadow:0 0 0 4px rgba(53,191,115,.12);
}
.tpww-browser-body{
  position:relative;
  min-height:360px;
}
.tpww-mini-layout{
  display:grid;
  grid-template-columns:84px 1fr;
  gap:18px;
}
.tpww-mini-sidebar{
  display:grid;
  align-content:start;
  gap:11px;
  padding:15px 11px;
  border-radius:14px;
  background:linear-gradient(180deg,#0d4f9c,#167ed4);
}
.tpww-mini-sidebar i{
  display:block;
  height:8px;
  border-radius:999px;
  background:rgba(255,255,255,.72);
}
.tpww-mini-sidebar i:nth-child(2){width:72%}
.tpww-mini-sidebar i:nth-child(3){width:88%}
.tpww-mini-sidebar i:nth-child(4){width:58%}
.tpww-mini-content{min-width:0}
.tpww-mini-chart{
  height:74px;
  margin-top:18px;
  border-radius:14px;
  border:1px solid #dbe6f2;
  background:
    linear-gradient(180deg,rgba(25,167,255,.10),transparent),
    repeating-linear-gradient(to right,transparent 0 39px,#edf3fa 40px),
    repeating-linear-gradient(to bottom,transparent 0 18px,#edf3fa 19px);
  overflow:hidden;
  position:relative;
}
.tpww-mini-chart::after{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:18px;
  height:34px;
  border-bottom:4px solid #1187e8;
  border-radius:50%;
  transform:skewY(-7deg);
}
.tpww-mini-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:13px;
}
.tpww-mini-metrics div{
  padding:11px 8px;
  border-radius:12px;
  background:#fff;
  border:1px solid #dbe6f2;
  text-align:center;
}
.tpww-mini-metrics strong{
  display:block;
  color:#075db4;
  font-size:.92rem;
}
.tpww-mini-metrics small{
  color:#73839a;
  font-size:.65rem;
  font-weight:700;
}
.tpww-float-three{
  left:50%;
  bottom:-18px;
  transform:translateX(-50%);
  animation-delay:-1.1s;
}
.tpww-float-three strong{color:#18a957}
.tpww-hero-badge{
  position:absolute;
  right:24px;
  top:-22px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 14px;
  border-radius:16px;
  color:#233a5a;
  background:rgba(255,255,255,.9);
  border:1px solid rgba(255,255,255,.95);
  box-shadow:0 16px 34px rgba(0,56,140,.12);
  font-size:.84rem;
  font-weight:800;
  backdrop-filter:blur(12px);
}
.tpww-hero-badge svg{color:#18a957}
@media(max-width:640px){
  .tpww-hero{min-height:auto}
  .tpww-hero-proof{display:grid}
  .tpww-hero-proof span{justify-content:center}
  .tpww-browser-status{display:none}
  .tpww-browser-address{max-width:none}
  .tpww-mini-layout{grid-template-columns:62px 1fr;gap:12px}
  .tpww-mini-sidebar{padding:12px 8px}
  .tpww-mini-metrics{grid-template-columns:1fr}
  .tpww-mini-metrics div:nth-child(n+2){display:none}
  .tpww-hero-badge{right:8px;top:-14px;font-size:.76rem}
  .tpww-float-three{position:static;transform:none;margin-top:10px}
}


/* Korekta układu Hero – bez nachodzenia elementów */
.tpww-hero-grid{
  grid-template-columns:minmax(0,1fr) minmax(470px,.92fr);
  gap:68px;
}
.tpww-hero-copy{
  min-width:0;
}
.tpww-mockup-wrap{
  padding:34px 10px 58px;
}
.tpww-float-one{
  left:auto;
  right:calc(100% - 54px);
  top:96px;
}
.tpww-float-two{
  right:-18px;
  bottom:92px;
}
.tpww-float-three{
  left:50%;
  bottom:4px;
  transform:translateX(-50%);
  min-width:245px;
  text-align:left;
}
.tpww-hero-badge{
  right:18px;
  top:4px;
}
.tpww-hero-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  max-width:690px;
}
.tpww-hero-proof span{
  min-width:0;
  justify-content:flex-start;
  white-space:normal;
  line-height:1.3;
}
@media(max-width:1180px){
  .tpww-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(430px,.9fr);
    gap:48px;
  }
  .tpww-float-one{
    right:auto;
    left:-10px;
    top:74px;
  }
}
@media(max-width:980px){
  .tpww-hero-grid{
    grid-template-columns:1fr;
  }
  .tpww-mockup-wrap{
    max-width:760px;
    width:100%;
    margin-inline:auto;
    padding-top:54px;
  }
  .tpww-float-one{
    left:18px;
    top:10px;
  }
  .tpww-hero-badge{
    right:18px;
    top:10px;
  }
  .tpww-float-two{
    right:14px;
    bottom:82px;
  }
  .tpww-float-three{
    bottom:0;
  }
  .tpww-hero-proof{
    max-width:none;
  }
}
@media(max-width:640px){
  .tpww-mockup-wrap{
    padding:72px 0 0;
  }
  .tpww-float-one,
  .tpww-float-two,
  .tpww-float-three,
  .tpww-hero-badge{
    position:static;
    transform:none;
    margin:10px 0 0;
    width:100%;
    min-width:0;
    text-align:center;
  }
  .tpww-hero-proof{
    grid-template-columns:1fr;
  }
}


.tpww-services-extra{
  background:linear-gradient(180deg,#f7fbff,#eef5ff);
}
.tpww-services-extra .tpww-icon{
  font-size:1rem;
  font-weight:900;
}
.tpww-competition{
  background:linear-gradient(145deg,#f5f9ff,#eef4ff);
}
.tpww-competition-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr 1fr;
  gap:22px;
}
.tpww-competition-card{
  padding:28px;
  border-radius:24px;
  background:#fff;
  border:1px solid var(--tpww-line);
  box-shadow:0 16px 38px rgba(0,56,140,.08);
}
.tpww-competition-label{
  display:block;
  margin-bottom:12px;
  color:var(--tpww-primary);
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.tpww-competition-card>strong{
  display:block;
  margin-bottom:12px;
  color:var(--tpww-primary-dark);
  font-size:2rem;
}
.tpww-competition-card p{
  margin:0;
  color:var(--tpww-muted);
}
.tpww-competition-card ul{
  display:grid;
  gap:9px;
  margin:0;
  padding-left:20px;
  color:#34445e;
}
@media(max-width:980px){
  .tpww-competition-grid{grid-template-columns:1fr}
}


/* FINALNA KOREKTA HERO */
.tpww-hero{
  padding:88px 0 78px;
}
.tpww-hero-grid{
  grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);
  gap:72px;
  align-items:center;
}
.tpww-hero h1{
  max-width:720px;
  font-size:clamp(3rem,5.25vw,5.35rem);
  line-height:.97;
}
.tpww-hero-copy,
.tpww-hero-grid>div:first-child{
  min-width:0;
  position:relative;
  z-index:2;
}
.tpww-mockup-wrap{
  position:relative;
  min-height:610px;
  padding:48px 34px 82px;
  isolation:isolate;
}
.tpww-mockup{
  width:min(100%,540px);
  transform:perspective(1200px) rotateY(-2deg) rotateX(1deg);
}
.tpww-float-card{
  z-index:4;
  min-width:180px;
  padding:15px 18px;
  border-radius:18px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.98);
  box-shadow:0 18px 42px rgba(0,56,140,.16);
}
.tpww-float-card strong{
  font-size:1.12rem;
  line-height:1.15;
}
.tpww-float-card small{
  display:block;
  margin-top:6px;
  font-size:.76rem;
  line-height:1.35;
}
.tpww-float-one{
  left:0;
  top:92px;
  right:auto;
  width:190px;
}
.tpww-float-two{
  right:0;
  bottom:112px;
  width:196px;
}
.tpww-float-three{
  left:50%;
  bottom:14px;
  width:252px;
  transform:translateX(-50%);
  text-align:center;
}
.tpww-hero-badge{
  right:40px;
  top:14px;
  z-index:5;
}
.tpww-hero-proof{
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:720px;
}
.tpww-hero-proof span{
  justify-content:center;
  text-align:center;
  padding:10px 12px;
  font-size:.82rem;
}
@media(max-width:1220px){
  .tpww-hero-grid{
    grid-template-columns:minmax(0,1fr) minmax(450px,.92fr);
    gap:48px;
  }
  .tpww-mockup-wrap{padding-inline:18px}
  .tpww-float-one{left:-8px}
  .tpww-float-two{right:-8px}
}
@media(max-width:980px){
  .tpww-hero-grid{grid-template-columns:1fr}
  .tpww-mockup-wrap{
    max-width:760px;
    width:100%;
    margin-inline:auto;
    min-height:620px;
  }
  .tpww-float-one{left:22px;top:42px}
  .tpww-hero-badge{right:22px;top:42px}
  .tpww-float-two{right:22px;bottom:108px}
}
@media(max-width:640px){
  .tpww-hero{
    padding:58px 0 48px;
  }
  .tpww-hero h1{
    font-size:clamp(2.45rem,12vw,3.7rem);
  }
  .tpww-hero-proof{
    grid-template-columns:1fr;
  }
  .tpww-mockup-wrap{
    min-height:auto;
    padding:18px 0 0;
    display:grid;
    gap:10px;
  }
  .tpww-hero-badge,
  .tpww-float-one,
  .tpww-float-two,
  .tpww-float-three{
    position:static;
    width:100%;
    min-width:0;
    transform:none;
    margin:0;
    text-align:center;
  }
  .tpww-mockup{
    order:1;
  }
  .tpww-hero-badge{order:0;justify-content:center}
  .tpww-float-one{order:2}
  .tpww-float-two{order:3}
  .tpww-float-three{order:4}
}