.tphome{--bg:#050706;--panel:#0d110e;--g:#7df42e;--r:#ff3b30;--text:#f7f8f6;--muted:#aeb6ae;--line:#ffffff1f;background:var(--bg);color:var(--text);overflow:hidden}.tphome *{box-sizing:border-box}.tphome h1,.tphome h2,.tphome h3,.tphome p{margin-top:0}.tpkicker{color:var(--g);font:900 12px/1.2 sans-serif;letter-spacing:.18em}.tphero{position:relative;min-height:min(76vh,820px);display:flex;align-items:flex-end;background:#090b09;overflow:hidden}.tphero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.tphero-fallback{object-fit:contain;background:#f7f7f7;filter:brightness(.76)}.tphero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#000e,#0006 55%,#0001),linear-gradient(0deg,#050706e6,transparent 45%)}.tphero-copy{position:relative;z-index:2;width:min(1240px,100%);padding:80px 24px;margin:auto auto 0}.tphero-copy h1{font-size:clamp(48px,7vw,92px);line-height:.92;letter-spacing:-.055em;max-width:850px;margin-bottom:22px}.tphero-copy>p:not(.tpkicker){font-size:20px;line-height:1.55;color:#dbe0db;max-width:650px}.tp-editor-note{position:absolute;z-index:3;top:18px;right:18px;background:#000c;border:1px solid #fff3;border-radius:999px;padding:8px 12px;font-size:11px}.tpsection{width:min(1240px,calc(100% - 40px));margin:auto;padding:88px 0}.capabilities,.demogrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.tphome h2{font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.045em;margin-bottom:22px}.capabilities ul{list-style:none;margin:0;padding:0}.capabilities li{padding:14px 0 14px 30px;border-bottom:1px solid var(--line);position:relative;color:#d8ded8;line-height:1.5}.capabilities li:before{content:'✓';position:absolute;left:0;color:var(--g);font-weight:900}.software{background:var(--panel);border:1px solid var(--line);border-radius:28px;padding:18px}.software>img{width:100%;height:auto;border-radius:18px}.softmock{min-height:430px;border:1px solid #7df42e44;border-radius:18px;display:grid;grid-template-rows:auto 1fr auto;padding:20px;color:var(--g);background:#080b09}.softmock b{font-size:20px}.softmock svg{width:92%;margin:auto}.softmock span{color:#dce3dc;padding:12px 0}.demo{border-top:1px solid var(--line)}.demohead{text-align:center;max-width:820px;margin:0 auto 42px}.demohead>p:last-child{color:var(--muted);font-size:17px;line-height:1.6}.penstage{min-height:660px;background:#f7f7f7;border-radius:30px;display:flex;align-items:center;justify-content:center;overflow:hidden}.penimage{width:100%;height:100%;max-height:740px;object-fit:contain;transform:none!important}.device{min-height:660px;background:#111512;border:1px solid #7df42e44;border-radius:30px;padding:20px;display:grid;grid-template-rows:auto auto 1fr auto}.device header{display:flex;justify-content:space-between;padding:4px 2px 16px}.device header b{font-size:22px;color:var(--g)}.device header b span{color:#fff}.device nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.device button{border:1px solid var(--line);background:#1b211c;color:#e1e6e1;border-radius:10px;padding:10px 13px;font-weight:800;cursor:pointer}.device nav .active{color:var(--g);border-color:var(--g)}.workspace{position:relative;min-height:410px;background:#070a08;border:1px solid var(--line);border-radius:18px;overflow:hidden;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:28px 28px;cursor:crosshair}.workspace canvas{position:absolute;inset:0;width:100%;height:100%}.workspace span{position:absolute;inset:0;display:grid;place-items:center;color:#6e766f;pointer-events:none}.device footer{display:flex;justify-content:flex-end;gap:8px;padding-top:12px}.device footer button:last-child{background:var(--g);color:#071003;border-color:var(--g)}.preorder{border-top:1px solid var(--line);padding-bottom:110px}.precard{display:grid;grid-template-columns:1.05fr .95fr;border:1px solid #ff3b3066;border-radius:32px;overflow:hidden;background:linear-gradient(135deg,#111,#090b09)}.precopy{padding:clamp(28px,5vw,58px)}.precopy>p:not(.tpkicker):not(.alert):not(.price):not(.remaining){color:var(--muted);line-height:1.6}.alert{display:inline-block;background:var(--r);color:#fff;border-radius:999px;padding:8px 12px;font-weight:950;font-size:12px;letter-spacing:.12em}.precopy h2 em{font-style:normal;color:var(--r)}.price{display:flex;align-items:baseline;gap:14px}.price s{font-size:24px;color:#7e857e}.price strong{font-size:clamp(42px,6vw,68px);letter-spacing:-.04em}.remaining{font-size:19px;font-weight:850}.remaining b{color:var(--r);font-size:28px}.meter{height:8px;border-radius:999px;background:#2b2d2b;overflow:hidden;margin:8px 0 20px}.meter span{display:block;height:100%;background:var(--r)}.precopy small{display:block;color:#747c75;margin-top:14px}.preimage{background:#f7f7f7;display:flex;align-items:center;justify-content:center;padding:20px}.preimage img{width:100%;height:100%;max-height:640px;object-fit:contain;transform:none!important}.tpbtn{display:inline-flex;justify-content:center;align-items:center;border:0;border-radius:14px;padding:16px 22px;font-weight:900;text-decoration:none;cursor:pointer}.tpbtn.green{background:var(--g);color:#071003}.tpbtn.red{background:var(--r);color:#fff}.tpmodal{width:min(560px,calc(100% - 28px));background:#0b0f0c;color:#fff;border:1px solid var(--line);border-radius:24px;padding:34px;box-shadow:0 30px 110px #000c}.tpmodal::backdrop{background:#000c;backdrop-filter:blur(6px)}.tpmodal h3{font-size:30px;letter-spacing:-.03em}.tpmodal>p:not(.tpkicker){color:var(--muted);line-height:1.6}.tpmodal label{display:flex;gap:10px;border:1px solid var(--line);border-radius:14px;padding:14px;margin:20px 0}.tpmodal .tpbtn{width:100%}.tpmodal .x{position:absolute;top:12px;right:15px;background:transparent;border:0;color:#fff;font-size:28px;cursor:pointer}@media(max-width:900px){.tpsection{width:min(100% - 28px,720px);padding:62px 0}.capabilities,.demogrid,.precard{grid-template-columns:1fr}.tphero{min-height:680px}.tphero-copy{padding:60px 20px}.penstage,.device{min-height:540px}.preimage{min-height:450px}}@media(max-width:560px){.tphero{min-height:610px}.tphero-copy h1{font-size:48px}.softmock{min-height:320px}.penstage{min-height:470px}.device{min-height:540px;padding:14px}.workspace{min-height:320px}.precopy{padding:26px}.tpbtn{width:100%}}