
:root{--tkse-navy:#031535;--tkse-navy2:#06245a;--tkse-green:#08b968;--tkse-green2:#34ef91;--tkse-ink:#071a3f;--tkse-muted:#5b6a82;--tkse-line:#e5edf5;--tkse-soft:#f5f9fc;--shadow:0 22px 60px rgba(7,26,63,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--tkse-ink);background:#fff;padding-top:76px;overflow-x:hidden}.wrap{width:min(100% - 56px,1360px);margin:0 auto}.skip{position:absolute;left:-999px}.site-header{position:fixed!important;top:0;left:0;right:0;height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:9999!important;border-bottom:1px solid rgba(7,26,63,.08);box-shadow:0 8px 24px rgba(7,26,63,.06)}.nav-bar{height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;text-decoration:none}.brand img{width:86px;height:auto;display:block}.main-menu{display:flex;align-items:center;gap:24px;margin-left:auto}.main-menu a{position:relative;text-decoration:none;color:var(--tkse-ink);font-size:15px;font-weight:900;white-space:nowrap}.main-menu a.active{color:var(--tkse-green)}.main-menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:-17px;height:3px;border-radius:999px;background:var(--tkse-green)}.main-menu i{font-style:normal;color:var(--tkse-green);font-size:12px}.header-actions{display:flex;align-items:center;gap:12px;margin-left:12px}.hotline-pill,.flag-lang>button,.nav-cta{height:44px;border-radius:13px;border:1px solid var(--tkse-line);background:#fff;display:inline-flex;align-items:center;gap:8px;padding:0 16px;text-decoration:none;color:var(--tkse-ink);font-weight:900;white-space:nowrap}.flag-lang{position:relative}.flag-icon{width:25px;height:18px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(0,0,0,.08)}.flag-lang>button{cursor:pointer}.flag-lang .chev{color:var(--tkse-green);font-weight:950}.lang-list{position:absolute;right:0;top:calc(100% + 10px);width:220px;background:#fff;border:1px solid var(--tkse-line);border-radius:18px;box-shadow:0 20px 55px rgba(7,26,63,.16);padding:10px;display:none;z-index:10000}.flag-lang.is-open .lang-list,.flag-lang:hover .lang-list{display:block}.lang-list a{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:12px;border-radius:12px;color:var(--tkse-ink);text-decoration:none;font-weight:800}.lang-list a:hover{background:#f3f8fb}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 22px;border-radius:14px;text-decoration:none;font-weight:950;border:1px solid transparent}.btn.primary{background:linear-gradient(135deg,#10c874,#049956);color:#fff;box-shadow:0 14px 32px rgba(8,185,104,.26)}.btn.secondary{background:#fff;color:var(--tkse-ink);border-color:#dfe8f1}.nav-cta{background:linear-gradient(135deg,#10c874,#049956);color:#fff;border-color:transparent;padding:0 22px}.mobile-toggle{display:none}
/* Landing hero */
.tkse-landing-hero{position:relative;overflow:hidden;background:#031535;color:#fff;min-height:650px}.tkse-landing-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(1,11,31,.84) 0%,rgba(1,11,31,.64) 45%,rgba(1,11,31,.18) 100%),url('/assets/images/hero/tkse-hero-master-bg-008d2a.png');background-size:cover;background-position:center right}.tkse-landing-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(0deg,rgba(3,21,53,.82),transparent)}.landing-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(480px,.94fr) minmax(580px,1.06fr);gap:52px;align-items:center;min-height:650px;padding:64px 0}.landing-eyebrow{display:inline-flex;align-items:center;gap:14px;border:1px solid rgba(52,239,145,.28);background:rgba(8,185,104,.07);border-radius:999px;color:var(--tkse-green2);font-size:13px;text-transform:uppercase;letter-spacing:.12em;font-weight:950;padding:11px 22px;margin-bottom:28px}.landing-eyebrow:before{content:"";width:38px;height:4px;background:var(--tkse-green);border-radius:999px}.landing-copy h1{margin:0;max-width:710px;font-size:clamp(48px,4.2vw,72px);line-height:1.08;letter-spacing:-.055em;color:#fff}.landing-copy h1 strong{color:var(--tkse-green);font-weight:950}.landing-copy p{max-width:650px;margin:24px 0 0;font-size:18px;line-height:1.7;color:#d8e4f7}.landing-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.landing-actions .btn{height:58px;padding:0 28px}.landing-chips{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.landing-chips span{display:inline-flex;align-items:center;gap:9px;border:1px solid rgba(255,255,255,.15);background:rgba(6,21,54,.58);color:#f3fbff;border-radius:999px;height:40px;padding:0 16px;font-weight:900;font-size:14px}.landing-chips span:before{content:"✓";color:var(--tkse-green2);font-weight:950}.landing-card-cluster{position:relative;min-height:500px}.lcard{position:absolute;border-radius:20px;border:1px solid rgba(255,255,255,.18);box-shadow:0 28px 70px rgba(0,0,0,.23);padding:24px;background:linear-gradient(145deg,rgba(11,33,74,.88),rgba(5,22,52,.78));backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);color:#fff}.lcard.light{background:rgba(255,255,255,.95);color:var(--tkse-ink)}.lcard:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:2px;background:linear-gradient(90deg,transparent,var(--tkse-green2),transparent)}.licon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#7effb8,#08a55c);box-shadow:0 0 25px rgba(52,239,145,.42);font-size:24px;margin-bottom:10px}.lcard h3{margin:0 0 8px;font-size:20px;color:inherit}.lcard b{display:block;color:var(--tkse-green2);font-size:40px;letter-spacing:-.04em;line-height:1}.lcard.light b{color:#079b55}.lcard p,.lcard li{margin:9px 0 0;color:rgba(255,255,255,.82);font-size:14px;line-height:1.55}.lcard.light p{color:#334660}.lcard ul{padding:0;margin:10px 0 0;list-style:none}.lcard li:before{content:"✓";color:var(--tkse-green2);margin-right:8px}.card-a{left:4%;top:0;width:350px}.card-b{right:0;top:55px;width:320px}.card-c{left:10%;top:225px;width:310px}.card-d{right:36px;top:240px;width:320px}.card-wide{left:2%;right:0;bottom:0;display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;min-height:132px}.mini-chart{width:86px;height:64px;border:2px solid rgba(52,239,145,.65);border-top:0;border-radius:0 0 8px 8px;position:relative}.mini-chart:before{content:"";position:absolute;left:8px;right:8px;top:28px;height:3px;background:linear-gradient(90deg,#24e277,#31d6ff);transform:skewY(-18deg);box-shadow:20px -12px 0 -1px #24e277,45px -5px 0 -1px #24e277,62px -23px 0 -1px #24e277}
/* Sections */
.landing-section{padding:74px 0;background:#fff}.landing-section.alt{background:linear-gradient(180deg,#f7fbfe,#fff)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.kicker{display:block;color:var(--tkse-green);font-weight:950;text-transform:uppercase;letter-spacing:.12em;font-size:13px;margin-bottom:10px}.landing-section h2{font-size:36px;line-height:1.15;margin:0;color:var(--tkse-ink);letter-spacing:-.04em}.landing-section p{color:var(--tkse-muted);line-height:1.65}.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.value-card,.info-card,.step-card,.risk-card,.audience-card,.doc-card{background:#fff;border:1px solid var(--tkse-line);border-radius:20px;padding:26px;box-shadow:0 16px 42px rgba(7,26,63,.07)}.value-card i,.info-card i,.step-card i{font-style:normal;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#e8fbf2;color:var(--tkse-green);font-weight:950;margin-bottom:18px}.value-card h3,.info-card h3,.step-card h3,.risk-card h3{margin:0 0 10px;color:var(--tkse-ink);font-size:20px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card i{border-radius:999px;background:var(--tkse-green);color:#fff}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:start}.navy-panel{background:linear-gradient(135deg,#031535,#0a3676);color:#fff;border-radius:24px;padding:36px;border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 60px rgba(7,26,63,.18)}.navy-panel h2,.navy-panel h3{color:#fff;margin-top:0}.navy-panel p{color:#cfdbef}.navy-list{display:grid;gap:12px;margin-top:20px}.navy-list span{display:flex;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:14px 16px;background:rgba(255,255,255,.04);font-weight:800}.navy-list span:before{content:"✓";color:var(--tkse-green2)}.compare-box{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}.compare-col{background:#fff;border:1px solid var(--tkse-line);border-radius:20px;padding:28px}.compare-col.good{background:linear-gradient(180deg,#eefcf4,#fff)}.vs{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#06245a;color:#34ef91;font-weight:950}.mini-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--tkse-line);border-radius:20px;overflow:hidden;box-shadow:0 16px 42px rgba(7,26,63,.07)}.mini-table th{background:#06183b;color:#fff;padding:16px;text-align:left}.mini-table td{border-top:1px solid var(--tkse-line);padding:16px;color:#34465f}.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.final-landing-cta{background:linear-gradient(135deg,#031535,#0a3676);color:#fff;border-radius:26px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:28px;box-shadow:0 24px 60px rgba(7,26,63,.18)}.final-landing-cta h2{color:#fff;margin:0 0 8px}.final-landing-cta p{color:#cfdbef;margin:0}.footer{background:#031535;color:#cbd9ef;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer a{display:block;color:#dbe7f8;text-decoration:none;margin:10px 0}.footer h3{color:#fff}.footer-logo img{width:88px;vertical-align:middle;margin-right:10px}.copy{border-top:1px solid rgba(255,255,255,.12);margin-top:30px;padding-top:22px;display:flex;justify-content:space-between}.floating{position:fixed;right:28px;top:50%;display:grid;gap:14px;z-index:80}.floating a,.scroll-top{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--tkse-green);text-decoration:none;box-shadow:0 12px 30px rgba(7,26,63,.15);font-weight:900}.scroll-top{position:fixed;right:28px;bottom:78px}.mobile-cta{display:none}
@media (max-width:1200px){.wrap{width:min(100% - 42px,1120px)}.main-menu{gap:17px}.main-menu a{font-size:13px}.landing-hero-grid{grid-template-columns:1fr;gap:34px}.landing-card-cluster{min-height:470px}.value-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:820px){html{scroll-padding-top:96px}body{padding-top:88px}.site-header,.nav-bar{height:88px}.wrap{width:min(100% - 32px,760px)}.brand img{width:88px}.main-menu,.hotline-pill,.nav-cta{display:none}.header-actions{margin-left:auto}.flag-lang>button{height:54px;border-radius:18px;padding:0 16px}.mobile-toggle{display:grid;width:58px;height:58px;border:1px solid #dfe8f1;border-radius:18px;background:#fff;place-items:center;padding:12px;gap:5px}.mobile-toggle span{display:block;width:27px;height:4px;background:#06183b;border-radius:999px}.main-menu.is-open{position:fixed;left:16px;right:16px;top:96px;display:grid;background:#fff;border:1px solid var(--tkse-line);border-radius:22px;box-shadow:0 22px 70px rgba(7,26,63,.18);padding:16px;z-index:9998}.main-menu.is-open a{padding:14px;border-radius:12px}.main-menu.is-open a.active:after{display:none}.tkse-landing-hero{min-height:auto}.tkse-landing-hero:before{background-image:linear-gradient(180deg,rgba(1,11,31,.9),rgba(1,11,31,.82)),url('/assets/images/hero/tkse-hero-master-bg-008d2a.png');background-position:center right}.landing-hero-grid{display:block;min-height:auto;padding:42px 0 46px}.landing-eyebrow{font-size:12px;margin-bottom:22px;max-width:100%}.landing-copy h1{font-size:clamp(40px,10.2vw,54px);line-height:1.08;letter-spacing:-.045em}.landing-copy p{font-size:18px;line-height:1.62}.landing-actions{display:grid;gap:14px}.landing-actions .btn{width:100%;height:58px}.landing-chips{display:grid;grid-template-columns:1fr;gap:12px}.landing-chips span{justify-content:center;height:54px;border-radius:18px}.landing-card-cluster{display:none}.landing-section{padding:52px 0}.section-head{display:block}.landing-section h2{font-size:30px}.value-grid,.steps-grid,.split-grid,.doc-grid,.footer-grid{grid-template-columns:1fr}.compare-box{grid-template-columns:1fr}.vs{margin:auto}.final-landing-cta{display:block;padding:28px}.final-landing-cta .landing-actions{margin-top:18px}.floating{display:none}.mobile-cta{position:fixed;left:12px;right:12px;bottom:12px;background:#fff;border-radius:24px;display:none;grid-template-columns:1fr 1.2fr 1fr;gap:10px;padding:10px;z-index:9000;box-shadow:0 12px 40px rgba(7,26,63,.2)}body.tkse-mobile-cta-visible .mobile-cta{display:grid}body.tkse-mobile-cta-visible{padding-bottom:92px}.mobile-cta a{height:52px;border-radius:17px;display:grid;place-items:center;background:#f4f8fb;text-decoration:none;color:#06183b;font-weight:900}.mobile-cta a.main{background:var(--tkse-green);color:#fff}.copy{display:block}.footer{padding-bottom:90px}}

/* =========================================================
   TKSE 008D4A - Landing Hero Card Polish
   Purpose: turn stacked/overlapping landing hero cards into a clear
   2x2 + wide-card layout for desktop, while keeping mobile clean.
   ========================================================= */
@media (min-width: 821px){
  .tkse-landing-hero{min-height:640px;}
  .landing-hero-grid{
    grid-template-columns:minmax(460px,.92fr) minmax(540px,1.08fr);
    gap:58px;
    min-height:640px;
    padding:64px 0 58px;
  }
  .landing-copy h1{
    max-width:720px;
    font-size:clamp(48px,4vw,68px);
    line-height:1.08;
  }
  .landing-copy p{max-width:650px;}
  .landing-card-cluster{
    position:relative;
    min-height:auto;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:16px;
    align-items:stretch;
    align-content:center;
    width:min(100%,660px);
    margin-left:auto;
    padding:8px 0;
  }
  .lcard,
  .lcard.card-a,
  .lcard.card-b,
  .lcard.card-c,
  .lcard.card-d,
  .lcard.card-wide{
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    bottom:auto;
    width:auto;
    min-width:0;
    box-sizing:border-box;
    padding:18px 20px;
    overflow:hidden;
  }
  .lcard{min-height:150px;border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.22)}
  .lcard.card-wide{
    grid-column:1/-1;
    min-height:118px;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
    gap:18px;
    margin-top:2px;
  }
  .licon{
    width:44px;
    height:44px;
    font-size:19px;
    margin-bottom:8px;
  }
  .lcard h3{font-size:16px;line-height:1.2;margin-bottom:6px;}
  .lcard b{font-size:28px;line-height:1.02;letter-spacing:-.035em;word-break:normal;}
  .lcard p,.lcard li{font-size:13px;line-height:1.48;margin-top:8px;}
  .mini-chart{width:72px;height:52px;opacity:.92;}
  .lcard.light{background:rgba(255,255,255,.94)}
  .lcard:after{left:20px;right:20px;height:1px;opacity:.9;}
}

@media (min-width: 821px) and (max-width: 1180px){
  .landing-hero-grid{grid-template-columns:1fr;gap:36px;}
  .landing-card-cluster{margin:0;max-width:720px;width:100%;}
}

@media (max-width: 820px){
  .landing-copy h1{font-size:clamp(36px,9.4vw,50px);line-height:1.08;}
  .landing-copy p{font-size:17px;line-height:1.58;}
  .landing-actions .btn{height:56px;}
  .landing-chips span{height:52px;}
  .tkse-landing-hero{overflow:hidden;}
  .landing-card-cluster{display:none !important;}
}
