:root{--tk-red: #e11a2c;--tk-red-dark: #e11a2c;--tk-ink: #1f2630;--tk-slate: #3d4853;--tk-steel: #6b7785;--tk-line: #e3e7ec;--tk-paper: #ffffff;--tk-cloud: #f4f6f9;--tk-bg-1: #0d1722;--tk-bg-2: #16263a;--tk-gold: #f0b429;--shadow-sm: 0 2px 8px rgba(15, 25, 40, .08);--shadow-md: 0 12px 32px rgba(15, 25, 40, .16);--shadow-lg: 0 28px 70px rgba(8, 16, 28, .45);--font-display: "Gotham SSm A", "Gotham SSm B", Verdana, Geneva, Tahoma, sans-serif;--font-body: "Gotham SSm A", "Gotham SSm B", Verdana, Geneva, Tahoma, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-body);color:var(--tk-ink);background:var(--tk-bg-1);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.app{min-height:100%;display:flex;flex-direction:column}.brandbar{display:flex;align-items:center;justify-content:space-between;padding:14px 28px;background:var(--tk-paper);border-bottom:3px solid var(--tk-red);position:relative;z-index:20}.wordmark{display:flex;align-items:center;gap:12px;font-family:var(--font-display);letter-spacing:.04em}.wordmark .mark{width:38px;height:38px}.wordmark .name{font-size:26px;font-weight:700;color:var(--tk-ink);line-height:1}.wordmark .name b{color:var(--tk-red)}.wordmark .tag{font-size:10px;letter-spacing:.16em;color:var(--tk-steel);font-family:var(--font-body);font-weight:600;text-transform:uppercase}.brandbar .since{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tk-steel);font-weight:600}.landing{flex:1;position:relative;overflow:hidden;background:radial-gradient(1100px 600px at 78% -10%,rgba(225,26,44,.22),transparent 60%),linear-gradient(180deg,var(--tk-bg-2) 0%,var(--tk-bg-1) 100%)}.landing-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;max-width:1180px;margin:0 auto;padding:56px 28px 32px}.landing-copy .eyebrow{display:inline-block;font-family:var(--font-body);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--tk-red);background:#e11a2c1f;border:1px solid rgba(225,26,44,.4);padding:7px 14px;border-radius:999px;margin-bottom:18px}.landing-copy h1{font-family:var(--font-display);font-weight:700;font-size:clamp(26px,3.4vw,42px);line-height:1.04;color:#fff;letter-spacing:.005em}.landing-copy h1 .accent{color:var(--tk-red)}.landing-copy .lead{margin-top:18px;font-size:17px;line-height:1.6;color:#c4cedb;max-width:33em}.landing-copy .sub{margin-top:14px;font-size:14.5px;line-height:1.6;color:#93a1b3;max-width:33em}.start-btn{margin-top:30px;display:inline-flex;align-items:center;gap:10px;background:var(--tk-red);color:#fff;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.05em;text-transform:uppercase;padding:12px 22px;border-radius:8px;box-shadow:none;transition:transform .16s ease,background .16s ease}.start-btn:hover{background:var(--tk-red-dark);transform:translateY(-2px);box-shadow:none}.start-btn svg{width:20px;height:20px}.start-hint{margin-top:14px;font-size:12.5px;color:#7d8a9a;letter-spacing:.02em}.landing-visual{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid rgba(255,255,255,.08);background:#0b1420;aspect-ratio:4 / 3.4}.landing-visual img{width:100%;height:100%;object-fit:cover}.landing-visual .visual-fallback{position:absolute;top:0;right:0;bottom:0;left:0}.landing-visual .visual-cap{position:absolute;left:0;right:0;bottom:0;padding:22px 22px 18px;background:linear-gradient(0deg,rgba(8,14,22,.92),transparent);color:#fff}.landing-visual .visual-cap b{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:.03em}.landing-visual .visual-cap span{display:block;font-size:12.5px;color:#b8c2d0;margin-top:3px}.three-ps{max-width:1180px;margin:0 auto;padding:8px 28px 64px}.three-ps .ps-head{text-align:center;margin-bottom:26px}.three-ps .ps-head h2{font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;letter-spacing:.03em}.three-ps .ps-head p{margin-top:8px;font-size:14px;color:#93a1b3}.ps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.ps-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:26px 24px;position:relative;overflow:hidden}.ps-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tk-red)}.ps-card .ps-icon{width:44px;height:44px;border-radius:10px;background:#e11a2c29;display:flex;align-items:center;justify-content:center;color:var(--tk-red);margin-bottom:16px}.ps-card .ps-icon svg{width:24px;height:24px}.ps-card h3{font-family:var(--font-display);font-weight:700;font-size:24px;color:#fff;letter-spacing:.04em}.ps-card .ps-sub{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--tk-red);font-weight:700;margin:6px 0 10px}.ps-card p{font-size:13.5px;line-height:1.62;color:#aab4c2}.flow{flex:1;display:flex;flex-direction:column;background:radial-gradient(900px 480px at 12% -5%,rgba(225,26,44,.16),transparent 60%),linear-gradient(180deg,var(--tk-bg-2) 0%,var(--tk-bg-1) 100%)}.flow-body{flex:1;display:grid;grid-template-columns:1.25fr .95fr;gap:0;max-width:1320px;width:100%;margin:0 auto;padding:22px 26px 12px;align-items:stretch}.stage{position:relative;border-radius:16px 0 0 16px;background:linear-gradient(180deg,#1a2638,#0d1722);overflow:hidden;display:flex;flex-direction:column}.stage-svg-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:8px;min-height:0;overflow:hidden}.layers{position:relative;width:100%;height:100%;max-width:760px;display:flex;align-items:center;justify-content:center}.layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;-webkit-user-select:none;user-select:none;pointer-events:none;will-change:opacity,transform}.layer.base{position:relative}.value-glow{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background:radial-gradient(50% 50% at 50% 45%,#ffd86b8c,#f0b42938 45%,#f0b42900 75%);mix-blend-mode:screen;pointer-events:none}.value-seal{position:absolute;left:4%;bottom:5%;width:clamp(118px,24%,200px);aspect-ratio:1;border-radius:50%;background:var(--tk-red);box-shadow:0 14px 36px #00000073,inset 0 0 0 3px #fffffff2,inset 0 0 0 5px var(--tk-red),inset 0 0 0 7px #ffffff73;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-display);text-align:center;font-size:clamp(11px,1.35vw,16px)}.seal-inner{display:flex;flex-direction:column;gap:.15em;line-height:1.04;padding:.6em 0}.seal-top{font-size:1.45em;font-weight:700;letter-spacing:.04em}.seal-mid{font-size:1.18em;font-weight:700;letter-spacing:.02em;color:#ffd45e}.seal-sub{font-size:.62em;letter-spacing:.18em;font-family:var(--font-body);font-weight:600;margin-top:.18em}.seal-bot{font-size:.55em;letter-spacing:.22em;font-family:var(--font-body);font-weight:600;opacity:.92;margin-top:.55em}.sparkles{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sparkle{position:absolute;width:22px;height:22px;background:radial-gradient(50% 50% at 50% 50%,#fff3a8,#ffd45e 32%,#ffd45e00 72%);border-radius:50%;filter:blur(.4px);transform:translate(-50%,-50%)}.stage-tag{position:absolute;top:16px;left:16px;z-index:10;background:#0f1620d1;color:#fff;font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:7px 14px;border-radius:6px}.stage-tag b{color:var(--tk-gold)}.callout{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:5;display:flex;align-items:center;gap:8px;background:var(--tk-red);color:#fff;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.04em;padding:8px 16px 8px 8px;border-radius:999px;box-shadow:0 10px 24px #e11a2c66;white-space:nowrap;max-width:calc(100% - 32px)}.callout:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:12px;height:12px;background:var(--tk-red)}.callout-num{width:24px;height:24px;border-radius:50%;background:#fff;color:var(--tk-red);font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.xsection{position:absolute;right:16px;bottom:16px;width:188px;background:#0f1620e6;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 12px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.xsection h4{font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#aeb9c7;margin-bottom:8px}.xsection .xrow{display:flex;align-items:center;gap:8px;padding:3px 0}.xsection .xswatch{width:26px;height:12px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.25)}.xsection .xlabel{font-size:10.5px;color:#d4dbe4;line-height:1.2}.xsection .xrow.pending .xlabel{color:#5d6b7c}.xsection .xrow.pending .xswatch{opacity:.25}.xsection .xcomplete{margin-top:8px;display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:#46d18a;letter-spacing:.04em}.panel{background:var(--tk-paper);border-radius:0 16px 16px 0;box-shadow:var(--shadow-md);display:flex;flex-direction:column;overflow:hidden}.panel-scroll{flex:1;overflow-y:auto;padding:30px 32px 26px}.panel .step-kicker{display:flex;align-items:center;gap:10px;margin-bottom:14px}.panel .step-num{width:38px;height:38px;border-radius:9px;background:var(--tk-red);color:#fff;font-family:var(--font-display);font-weight:700;font-size:20px;display:flex;align-items:center;justify-content:center}.panel .step-phase{font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--tk-red)}.panel .step-phase span{display:block;color:var(--tk-steel);font-size:10px;letter-spacing:.1em;margin-top:2px}.panel h2{font-family:var(--font-display);font-weight:700;font-size:32px;line-height:1.06;color:var(--tk-ink);letter-spacing:.01em}.panel .headline{margin-top:6px;font-size:14px;font-weight:600;color:var(--tk-red)}.panel .tagline{margin-top:16px;font-size:15px;line-height:1.62;color:var(--tk-slate)}.panel .detail{margin-top:12px;font-size:14px;line-height:1.62;color:var(--tk-steel)}.panel .products{margin-top:20px;display:flex;flex-direction:column;gap:12px}.product-card{border:1px solid var(--tk-line);border-left:4px solid var(--tk-red);border-radius:8px;padding:14px 16px;background:var(--tk-cloud)}.product-card h5{font-family:var(--font-display);font-weight:600;font-size:16px;color:var(--tk-ink);letter-spacing:.02em}.product-card p{margin-top:5px;font-size:12.8px;line-height:1.55;color:var(--tk-steel)}.panel .footnote{margin-top:20px;padding-top:14px;border-top:1px dashed var(--tk-line);font-size:10.5px;line-height:1.5;color:#97a2b0}.value-badges{margin-top:20px;display:flex;flex-direction:column;gap:12px}.value-badge{display:flex;gap:13px;align-items:flex-start;border:1px solid var(--tk-line);border-radius:10px;padding:14px 15px;background:linear-gradient(180deg,#fff,#fff7f8)}.value-badge .vb-icon{width:40px;height:40px;flex-shrink:0;border-radius:9px;background:var(--tk-red);color:#fff;display:flex;align-items:center;justify-content:center}.value-badge .vb-icon svg{width:21px;height:21px}.value-badge h5{font-family:var(--font-display);font-weight:600;font-size:15px;color:var(--tk-ink);line-height:1.18}.value-badge p{margin-top:5px;font-size:12.5px;line-height:1.55;color:var(--tk-steel)}.value-meter{margin-top:18px;background:var(--tk-ink);border-radius:12px;padding:16px 18px;color:#fff}.value-meter .vm-top{display:flex;justify-content:space-between;align-items:baseline}.value-meter .vm-label{font-family:var(--font-display);font-weight:600;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#aeb9c7}.value-meter .vm-num{font-family:var(--font-display);font-weight:700;font-size:26px;color:var(--tk-gold)}.value-meter .vm-track{margin-top:10px;height:9px;border-radius:999px;background:#ffffff1f;overflow:hidden}.value-meter .vm-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--tk-red),var(--tk-gold))}.flow-foot{position:fixed;bottom:0;left:0;right:0;z-index:50;background:#080e16f0;-webkit-backdrop-filter:saturate(150%) blur(12px);backdrop-filter:saturate(150%) blur(12px);border-top:3px solid var(--tk-red);box-shadow:0 -2px #ffffff0a inset,0 -14px 38px #0000008c;padding:16px 26px 18px}.flow-body{padding-bottom:108px}.flow-foot-inner{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:22px}.progress{flex:1;display:flex;align-items:center;gap:0}.progress .node{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;flex-shrink:0}.progress .dot{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:14px;background:#ffffff1a;color:#8b97a6;border:2px solid transparent;transition:all .25s ease}.progress .node.done .dot{background:var(--tk-red);color:#fff}.progress .node.active .dot{background:#fff;color:var(--tk-red);border-color:var(--tk-red);transform:scale(1.18);animation:pulse-active 2s ease-in-out infinite}@keyframes pulse-active{0%,to{box-shadow:0 0 0 4px #e11a2c57,0 0 22px #e11a2c8c}50%{box-shadow:0 0 0 8px #e11a2c2e,0 0 30px #e11a2ccc}}.progress .node .nlabel{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#6b7785;white-space:nowrap;font-weight:600}.progress .node.active .nlabel{color:#fff}.progress .seg{flex:1;height:4px;background:#ffffff1a;margin:0 -1px 16px;border-radius:3px;min-width:8px}.progress .seg.filled{background:var(--tk-red)}.progress .start-pill{font-family:var(--font-display);font-weight:700;font-size:11px;letter-spacing:.1em;color:#8b97a6;margin-right:4px;margin-bottom:16px;text-transform:uppercase}.nav-btns{display:flex;gap:10px;flex-shrink:0}.nav-btn{display:inline-flex;align-items:center;gap:8px;padding:11px 20px;border-radius:8px;font-family:var(--font-display);font-weight:600;font-size:14px;letter-spacing:.06em;text-transform:uppercase;transition:transform .14s ease,background .14s ease,opacity .14s ease}.nav-btn svg{width:16px;height:16px}.nav-btn.prev{background:#ffffff1a;color:#d4dbe4}.nav-btn.prev:hover{background:#ffffff2e}.nav-btn.next{background:var(--tk-red);color:#fff;padding:13px 26px;font-size:15px;box-shadow:none}.nav-btn.next:hover{background:var(--tk-red-dark);transform:translateY(-1px)}.nav-btn.restart{background:var(--tk-gold);color:var(--tk-ink)}.nav-btn:disabled{opacity:.35;pointer-events:none}.nav-btn.ghost{background:transparent;color:#8b97a6;padding:11px 12px}.nav-btn.ghost:hover{color:#fff}@media (max-width: 1080px){.flow-body{grid-template-columns:1fr;padding:16px 16px 8px;gap:14px}.stage{border-radius:16px;min-height:380px}.panel{border-radius:16px}.landing-hero{grid-template-columns:1fr;padding:36px 20px 20px;gap:28px}.landing-visual{aspect-ratio:16 / 10}}@media (max-width: 760px){.brandbar{padding:12px 16px}.brandbar .since{display:none}.wordmark .name{font-size:21px}.ps-grid{grid-template-columns:1fr}.three-ps{padding:0 16px 44px}.panel-scroll{padding:22px 20px 20px}.panel h2{font-size:26px}.xsection{width:150px;right:10px;bottom:10px}.flow-foot{padding:12px 14px 14px}.flow-body{padding-bottom:168px}.flow-foot-inner{flex-direction:column;gap:12px;align-items:stretch}.progress .node .nlabel{display:none}.progress .seg,.progress .start-pill,.progress .node{margin-bottom:0}.nav-btns{justify-content:space-between}.nav-btn{flex:1;justify-content:center}.stage{min-height:320px}.layers{max-width:100%}.value-seal{width:clamp(96px,26%,150px);font-size:clamp(10px,2.8vw,14px)}}.panel-scroll::-webkit-scrollbar{width:7px}.panel-scroll::-webkit-scrollbar-thumb{background:var(--tk-line);border-radius:4px}:root{--tk-bg-1: #f4f7fb;--tk-bg-2: #ffffff}body{background:var(--tk-bg-1)}.landing{background:radial-gradient(1100px 600px at 78% -10%,rgba(225,26,44,.1),transparent 60%),linear-gradient(180deg,#fff,#eef2f8)}.landing-copy h1{color:var(--tk-ink)}.landing-copy .lead{color:var(--tk-slate)}.landing-copy .sub,.start-hint{color:var(--tk-steel)}.three-ps .ps-head h2{color:var(--tk-ink)}.three-ps .ps-head p{color:var(--tk-steel)}.ps-card{background:#fff;border:1px solid var(--tk-line);box-shadow:0 4px 14px #0f19280d}.ps-card h3{color:var(--tk-ink)}.ps-card p{color:var(--tk-steel)}.flow{background:radial-gradient(900px 480px at 12% -5%,rgba(225,26,44,.08),transparent 60%),linear-gradient(180deg,#fff,#eef2f8)}.stage{background:linear-gradient(180deg,#eef2f7,#dde4ec)}.flow-foot{background:#ffffffeb;box-shadow:0 -1px #0000000f inset,0 -10px 32px #0f192829}.progress .dot{background:#e9eef5;color:var(--tk-steel)}.progress .node .nlabel{color:var(--tk-steel)}.progress .node.active .nlabel{color:var(--tk-red)}.progress .seg{background:#dee3eb}.progress .start-pill{color:var(--tk-steel)}.nav-btn.prev{background:#e9eef5;color:var(--tk-slate)}.nav-btn.prev:hover{background:#dde3eb}.nav-btn.ghost{color:var(--tk-steel)}.nav-btn.ghost:hover{color:var(--tk-ink)}