:root{--tp-ink:#101828;--tp-muted:#65758b;--tp-blue:#246bfe;--tp-pale:#f5f8fd;--tp-line:#e7edf5;--tp-ease:cubic-bezier(.2,.8,.2,1)}
main{overflow:hidden}.tp-hero{position:relative;padding:96px 0 88px;background:linear-gradient(180deg,#f7faff 0,#fff 100%);overflow:hidden}.tp-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;right:-210px;top:-310px;background:radial-gradient(circle,rgba(36,107,254,.14),rgba(36,107,254,0) 68%)}.tp-hero-grid{position:relative;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:76px}.tp-kicker{display:inline-flex;align-items:center;gap:9px;color:#2b67d8;font-size:12px;font-weight:800;letter-spacing:1.4px;margin-bottom:22px}.tp-kicker:before{content:"";width:28px;height:2px;background:#246bfe}.tp-hero h1{font-size:50px;line-height:1.2;letter-spacing:-2px;margin:0;color:#111c2f;font-weight:800}.tp-hero h1 em{font-style:normal;color:#246bfe}.tp-hero p{max-width:660px;font-size:17px;line-height:1.9;color:var(--tp-muted);margin:24px 0 0}.tp-actions{display:flex;gap:12px;margin-top:32px}.tp-section{padding:88px 0}.tp-soft{background:#f6f9fd}.tp-heading{text-align:center;max-width:720px;margin:0 auto 46px}.tp-heading>span{font-size:13px;color:#246bfe;font-weight:800}.tp-heading h2,.tp-split h2{font-size:36px;letter-spacing:-1px;color:var(--tp-ink);margin:10px 0 12px}.tp-heading p,.tp-lead{font-size:16px;color:var(--tp-muted);line-height:1.85}.tp-values{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tp-values article,.tp-principles article{border:1px solid var(--tp-line);border-radius:20px;padding:32px;background:#fff;transition:.35s var(--tp-ease);position:relative;overflow:hidden}.tp-values article:before,.tp-principles article:before{content:"";position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#246bfe,#59b8ff);transform:scaleX(0);transform-origin:left;transition:.35s}.tp-values article:hover,.tp-principles article:hover{transform:translateY(-7px);box-shadow:0 22px 55px rgba(34,75,130,.11);border-color:#d6e2f3}.tp-values article:hover:before,.tp-principles article:hover:before{transform:scaleX(1)}.tp-values b{font-size:13px;color:#246bfe}.tp-values h3,.tp-principles h3{font-size:20px;margin:28px 0 10px;color:var(--tp-ink)}.tp-values p,.tp-principles p{color:var(--tp-muted);line-height:1.8;font-size:14px}.tp-split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.tp-checks{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.tp-checks span{font-size:14px;color:#3f5067}.tp-checks span:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:8px;border-radius:50%;background:#e9f1ff;color:#246bfe;font-weight:900}.tp-stack{position:relative;min-height:340px}.tp-stack>div{position:absolute;width:76%;padding:26px 28px;border-radius:20px;background:#fff;border:1px solid #e1e9f4;box-shadow:0 18px 50px rgba(27,66,118,.1);transition:.4s}.tp-stack>div:nth-child(1){top:0;left:0}.tp-stack>div:nth-child(2){top:105px;left:12%;z-index:2}.tp-stack>div:nth-child(3){top:210px;left:24%;z-index:3}.tp-stack>div:hover{transform:translateX(-8px)}.tp-stack small{color:#246bfe;font-weight:800}.tp-stack strong{display:block;font-size:19px;margin:6px 0}.tp-stack p{margin:0;color:#7b899b}.tp-principles{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tp-principles i{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:#eef4ff;color:#246bfe;font-style:normal;font-weight:900;font-size:18px}.tp-cta{padding:0 0 30px}.tp-cta .xx-wrap{border-radius:24px;padding:46px 50px;background:linear-gradient(120deg,#0c2143,#164a9d);display:flex;align-items:center;justify-content:space-between;color:#fff;box-shadow:0 28px 70px rgba(12,42,86,.18)}.tp-cta span{font-size:13px;color:#91baff}.tp-cta h2{margin:8px 0 0;font-size:28px}.tp-orbit{height:330px;position:relative;display:grid;place-items:center}.orbit-core{position:relative;z-index:3;width:150px;height:150px;border-radius:38px;background:linear-gradient(145deg,#fff,#edf4ff);box-shadow:0 28px 70px rgba(36,107,254,.2);display:grid;place-content:center;text-align:center;font-size:29px;font-weight:900;color:#111c2f;animation:tpCore 5s ease-in-out infinite}.orbit-core span{color:#246bfe}.orbit-core small{font-size:8px;letter-spacing:2px;color:#8493a7;margin-top:6px}.tp-orbit>i{position:absolute;border:1px solid rgba(36,107,254,.16);border-radius:50%;animation:tpSpin 15s linear infinite}.tp-orbit>i:nth-of-type(1){width:220px;height:220px}.tp-orbit>i:nth-of-type(2){width:290px;height:290px;animation-direction:reverse;animation-duration:21s}.tp-orbit>i:nth-of-type(3){width:350px;height:350px}.tp-orbit .dot{position:absolute;width:14px;height:14px;border-radius:50%;background:#246bfe;box-shadow:0 0 0 7px rgba(36,107,254,.09)}.d1{top:49px;left:48%}.d2{bottom:65px;right:7%}.d3{bottom:100px;left:7%;background:#16b777!important}.tp-contact-panel{background:#0b1d38;color:#fff;padding:36px;border-radius:24px;box-shadow:0 30px 70px rgba(14,44,87,.2);position:relative}.tp-contact-panel small{color:#7fa8e8;letter-spacing:1px}.tp-contact-panel h3{font-size:26px;margin:12px 0}.tp-contact-panel p{font-size:14px;color:#aebdd1;margin:0}.pulse{position:absolute;right:28px;top:28px;width:9px;height:9px;border-radius:50%;background:#31d394;box-shadow:0 0 0 0 rgba(49,211,148,.5);animation:tpPulse 2s infinite}.mini-status{margin-top:28px;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;color:#9eafc5;font-size:13px}.mini-status b{display:inline-block;width:7px;height:7px;border-radius:50%;background:#31d394;margin-right:7px}.tp-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.tp-contact-grid>a{position:relative;border:1px solid var(--tp-line);border-radius:20px;padding:32px;text-decoration:none!important;color:inherit!important;transition:.3s;background:#fff}.tp-contact-grid>a:hover{transform:translateY(-5px);border-color:#cadcf5;box-shadow:0 18px 48px rgba(34,75,130,.1)}.tp-contact-grid>a>span{color:#9caabd;font-size:12px}.tp-contact-grid>a>i{position:absolute;right:28px;top:25px;font-style:normal;font-size:22px;color:#9db3d1;transition:.3s}.tp-contact-grid>a:hover>i{transform:translate(4px,-4px);color:#246bfe}.tp-contact-grid h3{font-size:21px;margin:24px 0 9px}.tp-contact-grid p{color:var(--tp-muted);line-height:1.75}.tp-contact-grid a>b{display:block;color:#246bfe;margin-top:22px;font-size:13px}.tp-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.tp-timeline:before{content:"";position:absolute;left:12%;right:12%;top:25px;height:1px;background:#d8e2ef}.tp-timeline>div{text-align:center;position:relative;padding:0 18px}.tp-timeline b{position:relative;z-index:2;display:grid;place-items:center;margin:auto;width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid #d8e2ef;color:#246bfe;box-shadow:0 7px 20px rgba(28,72,131,.08)}.tp-timeline h3{font-size:17px;margin:18px 0 8px}.tp-timeline p{font-size:13px;color:var(--tp-muted)}.tp-faq{max-width:850px}.tp-accordion details{border-bottom:1px solid var(--tp-line)}.tp-accordion summary{list-style:none;cursor:pointer;padding:22px 0;font-weight:700;color:#26364c;display:flex;justify-content:space-between}.tp-accordion summary::-webkit-details-marker{display:none}.tp-accordion summary i{font-style:normal;font-size:20px;transition:.25s}.tp-accordion details[open] summary i{transform:rotate(45deg)}.tp-accordion details p{margin:0 0 22px;color:var(--tp-muted);line-height:1.8}.tp-search{margin-top:30px;max-width:620px;height:54px;display:flex;background:#fff;border:1px solid #dce6f2;border-radius:14px;padding:5px;box-shadow:0 12px 36px rgba(24,65,121,.08)}.tp-search input{flex:1;border:0;outline:0;padding:0 15px;font-size:14px;background:transparent}.tp-search button{border:0;background:#246bfe;color:#fff;border-radius:10px;padding:0 22px;cursor:pointer}.tp-codecard{border-radius:20px;background:#09192e;color:#d8e5f7;box-shadow:0 30px 70px rgba(9,34,70,.22);overflow:hidden;position:relative}.code-top{height:48px;display:flex;align-items:center;gap:7px;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08)}.code-top i{width:8px;height:8px;border-radius:50%;background:#ff6470}.code-top i:nth-child(2){background:#ffc857}.code-top i:nth-child(3){background:#45d29a}.code-top span{margin-left:8px;font-size:11px;color:#7890ad}.tp-codecard pre{padding:26px 28px 32px;margin:0;font:13px/2.35 ui-monospace,SFMono-Regular,Menlo,monospace}.tp-codecard pre em{font-style:normal;color:#3e70a9;margin-right:12px}.scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3c8cff,transparent);box-shadow:0 0 12px #3c8cff;animation:tpScan 4s linear infinite}.tp-resource-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tp-resource-nav a{border:1px solid var(--tp-line);padding:28px;border-radius:18px;text-decoration:none!important;color:inherit!important;transition:.3s}.tp-resource-nav a:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(30,70,125,.1);border-color:#cdddf2}.tp-resource-nav i{font-style:normal;font-size:11px;font-weight:900;color:#246bfe;background:#edf4ff;padding:7px 9px;border-radius:8px}.tp-resource-nav h3{margin:24px 0 9px}.tp-resource-nav p{color:var(--tp-muted);font-size:13px;line-height:1.7;min-height:44px}.tp-resource-nav span{color:#246bfe;font-size:12px}.tp-heading-row{max-width:none;text-align:left;display:flex;justify-content:space-between;align-items:end}.tp-heading-row>a{color:#246bfe;text-decoration:none}.tp-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.tp-articles>a{background:#fff;border:1px solid var(--tp-line);border-radius:20px;padding:30px;text-decoration:none!important;color:inherit!important;transition:.3s}.tp-articles>a:hover{transform:translateY(-5px);box-shadow:0 18px 45px rgba(30,70,125,.1)}.tp-articles span{color:#246bfe;font-size:12px;font-weight:800}.tp-articles h3{font-size:19px;line-height:1.55;margin:18px 0 12px}.tp-articles p{font-size:13px;color:var(--tp-muted);line-height:1.75}.tp-articles small{display:block;margin-top:24px;color:#9aa8ba}.tp-tabs{max-width:900px;margin:auto;border:1px solid var(--tp-line);border-radius:20px;overflow:hidden;background:#fff}.tab-head{display:flex;background:#f7f9fc;border-bottom:1px solid var(--tp-line)}.tab-head button{flex:1;border:0;background:none;padding:18px;cursor:pointer;color:#65758b;font-weight:700}.tab-head button.active{background:#fff;color:#246bfe;box-shadow:inset 0 -2px #246bfe}.tab-body{display:none;padding:36px}.tab-body.active{display:block;animation:tpFade .35s}.tab-body h3{margin:0 0 8px;font-size:22px}.tab-body p{color:var(--tp-muted)}.tab-body div{display:flex;gap:10px;margin-top:22px}.tab-body a{padding:9px 13px;border-radius:9px;background:#eef4ff;color:#246bfe;text-decoration:none!important;font-size:13px}.tp-search-empty{grid-column:1/-1;padding:30px;text-align:center;color:#8795a8;background:#fff;border-radius:16px}
@keyframes tpSpin{to{transform:rotate(360deg)}}@keyframes tpCore{50%{transform:translateY(-9px) rotate(1deg)}}@keyframes tpPulse{70%{box-shadow:0 0 0 10px rgba(49,211,148,0)}}@keyframes tpScan{0%{top:48px;opacity:0}15%{opacity:1}85%{opacity:1}100%{top:100%;opacity:0}}@keyframes tpFade{from{opacity:0;transform:translateY(5px)}}
@media(max-width:900px){.tp-hero{padding:70px 0}.tp-hero-grid,.tp-split{grid-template-columns:1fr;gap:44px}.tp-hero h1{font-size:40px}.tp-orbit{height:280px}.tp-principles,.tp-resource-nav{grid-template-columns:1fr 1fr}.tp-articles{grid-template-columns:1fr}.tp-section{padding:68px 0}.tp-cta .xx-wrap{align-items:flex-start;gap:25px;flex-direction:column}.tp-timeline{grid-template-columns:1fr 1fr;gap:35px}.tp-timeline:before{display:none}}
@media(max-width:600px){.tp-hero h1{font-size:32px;letter-spacing:-1px}.tp-hero p{font-size:15px}.tp-values,.tp-contact-grid,.tp-principles,.tp-resource-nav,.tp-timeline{grid-template-columns:1fr}.tp-checks{grid-template-columns:1fr}.tp-orbit{transform:scale(.85)}.tp-heading h2,.tp-split h2{font-size:29px}.tp-cta .xx-wrap{padding:34px 28px}.tp-heading-row{display:block}.tp-heading-row>a{display:inline-block;margin-top:10px}.tab-head{overflow:auto}.tab-head button{min-width:120px}.tab-body{padding:26px}.tab-body div{flex-wrap:wrap}}
