.ts-hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 88% 16%,#3045c0 0,transparent 37%),linear-gradient(115deg,#0c1539 0%,#101d57 62%,#0808a9 100%);color:#fff;padding:132px 0 114px}
.ts-hero__inner{position:relative;z-index:1}.ts-eyebrow{color:#0808a9;font-size:12px;letter-spacing:.17em;font-weight:800;line-height:1.6}.ts-eyebrow--light{color:#c5d4ff}.ts-eyebrow span{margin:0 9px;color:#97adff}
.ts-hero h1{max-width:1120px;font-size:clamp(44px,6.3vw,104px);line-height:1.1;letter-spacing:-.065em;font-weight:800;margin:28px 0 25px}.ts-hero h1 em,.ts-cta h2 em{font-style:normal;color:#adbeff}.ts-hero p{max-width:680px;color:#e0e8ff;font-size:clamp(15px,1.45vw,19px);line-height:1.9;position:relative;z-index:2}
.ts-hero__actions{display:flex;gap:25px;flex-wrap:wrap;margin-top:40px}.ts-hero__actions a{display:inline-flex;align-items:center;gap:14px;padding-bottom:12px;border-bottom:1px solid #afc4ff;color:#fff;font-size:13px;font-weight:700}.ts-hero__actions a:hover{color:#b2c8ff}
.ts-hero__decoration{position:absolute;right:0;bottom:-74px;opacity:.045;font-size:clamp(80px,12vw,180px);font-weight:800;line-height:1;letter-spacing:-.09em;text-align:right;pointer-events:none}.ts-hero__decoration span{display:block}
.ts-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:start}.ts-heading{color:#17243a;font-weight:800;line-height:1.18;letter-spacing:-.05em;font-size:clamp(36px,4.2vw,66px);margin:20px 0 0}.ts-heading em{font-style:normal;color:#2827ba}.ts-prose,.ts-how__lead{color:#59667d;font-size:16px;line-height:2}.ts-prose{padding-top:12px}.ts-prose p:last-child{margin-bottom:0}
.ts-benefits{background:#f4f6fb}.ts-benefits__head{display:flex;gap:40px;justify-content:space-between;align-items:end;margin-bottom:38px}.ts-benefits__head .ts-heading{max-width:690px}.ts-benefits__head p{max-width:380px;font-size:15px;line-height:1.9;color:#65728a;margin:0}.ts-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ts-benefit{position:relative;background:#fff;border:1px solid #e0e7f7;border-radius:20px;padding:clamp(24px,3vw,42px);box-shadow:0 15px 40px #101d4610;min-width:0}.ts-benefit__number{position:absolute;right:28px;top:30px;color:#b7c5e4;font-size:12px;font-weight:800;letter-spacing:.15em}.ts-benefit__icon{display:grid;place-items:center;width:64px;height:64px;background:#edf2ff;color:#0808a9;border-radius:17px;margin-bottom:28px}.ts-benefit__icon svg{width:33px;height:33px}.ts-benefit h3{color:#18263d;font-size:22px;margin:0 0 13px}.ts-benefit p{color:#65728a;font-size:14px;line-height:1.85;margin:0}
.ts-how__lead{max-width:510px;margin-top:22px}.ts-steps{list-style:none;margin:0;padding:0}.ts-steps li{display:flex;gap:25px;align-items:start;padding:23px 0;border-bottom:1px solid #e0e6f0}.ts-steps li:first-child{border-top:1px solid #e0e6f0}.ts-steps li>span{font-weight:800;color:#0808a9;font-size:14px;padding-top:3px}.ts-steps h3{font-size:21px;color:#17243a;margin:0 0 8px}.ts-steps p{color:#63718a;font-size:14px;line-height:1.8;margin:0}
.ts-cta{background:#f4f6fb}.ts-cta__panel{background:radial-gradient(circle at right top,#283eba 0,transparent 48%),linear-gradient(135deg,#0b1538,#101f60 70%,#1014a5);border-radius:24px;padding:clamp(32px,6vw,90px);color:#fff}.ts-cta h2{font-size:clamp(38px,5.2vw,78px);font-weight:800;letter-spacing:-.06em;line-height:1.13;margin:24px 0}.ts-cta p{font-size:16px;color:#e0e8ff;line-height:1.9;max-width:680px;margin-bottom:30px}.ts-cta small{display:block;color:#c4d0ec;margin-top:13px;font-size:12px}
.ts-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:99px;padding:17px 24px;font-size:13px;font-weight:800;text-align:center;transition:transform .2s ease,background .2s ease}.ts-button:hover{transform:translateY(-2px)}.ts-button--white{background:#fff;color:#0808a9}.ts-button--blue{background:#0808a9;color:#fff}.ts-button--outline{border:1px solid #acb8d1;color:#0808a9}.ts-button--disabled{background:#d5def5;color:#45537b;cursor:default}.ts-button--disabled:hover{transform:none}
.ts-outro__inner{display:flex;justify-content:space-between;align-items:end;gap:40px}.ts-outro__links{display:flex;gap:12px;flex-wrap:wrap}.ts-outro .ts-heading{max-width:700px}
#tentang-tracer,#kuesioner{scroll-margin-top:110px}
@media(max-width:900px){.ts-split{grid-template-columns:1fr;gap:30px}.ts-benefits__head,.ts-outro__inner{flex-direction:column;align-items:start}.ts-benefits__head p{max-width:680px}.ts-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ts-hero{padding:105px 0 90px}}
@media(max-width:620px){.ts-hero{padding:85px 0 70px}.ts-hero h1{font-size:clamp(37px,10.3vw,58px)}.ts-hero__actions{gap:14px}.ts-hero__decoration{display:none}.ts-heading{font-size:clamp(32px,8.5vw,44px)}.ts-benefits__grid{grid-template-columns:1fr}.ts-benefit{padding:28px}.ts-cta__panel{padding:32px 25px;border-radius:18px}.ts-cta h2{font-size:clamp(32px,8.4vw,46px)}.ts-button{width:100%;min-height:52px}.ts-outro__links{width:100%;flex-direction:column}.ts-steps li{gap:17px}}
@media(prefers-reduced-motion:reduce){.ts-button{transition:none}}