:root{--navy-950: #08131f;--navy-900: #0d1d2e;--navy-800: #142a40;--navy-700: #1d3956;--blue: #2f6fb6;--blue-600: #255d9c;--blue-50: #eaf2fb;--sky: #63aed6;--green: #74b043;--green-600: #5e9433;--green-50: #eef6e7;--bg: #f3f5f8;--card: #ffffff;--text: #17222e;--muted: #5d6b79;--faint: #8794a1;--border: #e0e5eb;--red: #c4402f;--red-50: #fbecea;--amber: #b97a0c;--amber-50: #fbf3e2;--radius: 12px;--shadow: 0 1px 2px rgba(13, 29, 46, .06), 0 4px 16px rgba(13, 29, 46, .06);--font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--mono: ui-monospace, "SF Mono", Consolas, monospace}*{box-sizing:border-box}html,body{margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{line-height:1.2;margin:0;letter-spacing:-.01em}img{max-width:100%}code,.mono{font-family:var(--mono);font-size:.92em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.62rem 1.1rem;border-radius:9px;border:1px solid var(--border);background:#fff;color:var(--text);font:600 .94rem var(--font);cursor:pointer;white-space:nowrap}.btn:hover{text-decoration:none;border-color:#c7d0da;background:#fafbfc}.btn:disabled{opacity:.55;cursor:default}.btn-primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-600);border-color:var(--blue-600)}.btn-green{background:var(--green);border-color:var(--green);color:#0d1d10}.btn-green:hover{background:#82be50;border-color:#82be50}.btn-ghost-light{background:transparent;border-color:#ffffff47;color:#fff}.btn-ghost-light:hover{background:#ffffff14;border-color:#ffffff73}.btn-danger{color:var(--red)}.btn-danger:hover{background:var(--red-50);border-color:#efc3bc}.btn-sm{padding:.38rem .75rem;font-size:.86rem;border-radius:8px}.btn-lg{padding:.85rem 1.4rem;font-size:1.02rem;border-radius:10px}label.field{display:block;margin-bottom:.9rem}label.field>span{display:block;font-size:.84rem;font-weight:600;color:var(--muted);margin-bottom:.3rem}input[type=text],input[type=email],input[type=password],input[type=url],select,textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:8px;font:.95rem var(--font);color:var(--text);background:#fff}input:focus,select:focus,textarea:focus{outline:2px solid rgba(47,111,182,.25);border-color:var(--blue)}.check{display:flex;align-items:flex-start;gap:.55rem;margin:.5rem 0;font-size:.94rem;cursor:pointer}.check input{margin-top:.25rem;width:16px;height:16px;accent-color:var(--blue)}.check small{display:block;color:var(--muted)}.hint{color:var(--muted);font-size:.86rem}.error-box{background:var(--red-50);color:#8f2a1d;border:1px solid #efc3bc;padding:.65rem .85rem;border-radius:8px;font-size:.92rem;margin:.5rem 0 1rem}.ok-box{background:var(--green-50);color:#3c6420;border:1px solid #cfe3bd;padding:.65rem .85rem;border-radius:8px;font-size:.92rem;margin:.5rem 0 1rem}.warn-box{background:var(--amber-50);color:#7a5208;border:1px solid #ecd9ac;padding:.65rem .85rem;border-radius:8px;font-size:.92rem;margin:.5rem 0 1rem}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.16rem .6rem;border-radius:999px;font-size:.78rem;font-weight:600;border:1px solid transparent;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge.plain:before{display:none}.tone-good{background:var(--green-50);color:#3f7a1d;border-color:#d3e7c1}.tone-warn{background:var(--amber-50);color:var(--amber);border-color:#efdcae}.tone-bad{background:var(--red-50);color:var(--red);border-color:#f0c9c2}.tone-info{background:var(--blue-50);color:var(--blue);border-color:#cfe0f3}.tone-muted{background:#eef1f4;color:var(--muted);border-color:#e1e6eb}.tone-good.pulse:before{animation:pulse 1.8s infinite}@keyframes pulse{0%{box-shadow:0 0 #74b04399}70%{box-shadow:0 0 0 6px #74b04300}to{box-shadow:0 0 #74b04300}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem 1.35rem}.card h2{font-size:1.08rem}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.card-head>:first-child{min-width:0;overflow-wrap:anywhere}.card-head>.badge{flex-shrink:0}.grid{display:grid;gap:1rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(min(100%,430px),1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.grid-tiles{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.section-label{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:1.6rem 0 .7rem}.tile{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;box-shadow:var(--shadow)}.tile .v{font-size:1.55rem;font-weight:700;letter-spacing:-.02em}.tile .l{font-size:.8rem;color:var(--muted)}.tile.good .v{color:var(--green-600)}.tile.warn .v{color:var(--amber)}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--border);border-radius:10px;overflow:hidden}.stats>div{padding:.65rem .8rem;border-left:1px solid var(--border);min-width:0}.stats>div:first-child{border-left:0}.stats b{display:block;font-size:1.02rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats span{font-size:.76rem;color:var(--muted)}.meta{display:flex;flex-wrap:wrap;gap:.25rem 1rem;color:var(--muted);font-size:.88rem}.meta b{color:var(--text);font-weight:600}.actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}table.streams{width:100%;border-collapse:collapse;font-size:.9rem}table.streams th{text-align:left;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);font-weight:700;padding:.4rem .5rem;border-bottom:1px solid var(--border)}table.streams td{padding:.55rem .5rem;border-bottom:1px solid #eef1f4;vertical-align:middle}table.streams tr:last-child td{border-bottom:0}.num{font-variant-numeric:tabular-nums}.scroll-x{overflow-x:auto}.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}.wrap{max-width:1160px;margin:0 auto;padding:0 1.25rem}.site-header .wrap{display:flex;align-items:center;gap:1.5rem;height:68px}.site-header .logo img{height:34px;display:block}.site-nav{display:flex;gap:1.4rem;margin-left:auto;align-items:center}.site-nav a{color:var(--text);font-weight:600;font-size:.94rem}.site-nav a.btn-primary{color:#fff}.menu-btn{display:none;margin-left:auto}.hero{background:radial-gradient(1200px 500px at 85% 20%,rgba(99,174,214,.22),transparent 60%),linear-gradient(160deg,var(--navy-800),var(--navy-950));color:#fff;padding:4.5rem 0 4rem;overflow:hidden}.hero .wrap{display:grid;grid-template-columns:1.05fr 1fr;gap:3rem;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#cfe2f2}.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #74b04340}.hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-weight:800;letter-spacing:-.03em;margin:1rem 0 1.1rem}.hero h1 em{font-style:normal;color:var(--sky)}.hero p.lead{font-size:1.12rem;color:#c8d6e3;max-width:560px;margin:0 0 1.8rem}.hero .ctas{display:flex;flex-wrap:wrap;gap:.75rem}.hero .facts{display:flex;flex-wrap:wrap;gap:1.5rem;margin-top:1.8rem;font-size:.9rem;color:#aebfd0}.hero .facts b{color:#fff}.mock{background:#fff;color:var(--text);border-radius:16px;box-shadow:0 30px 60px #00000059;padding:1.1rem;transform:rotate(-1.2deg)}.mock-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:.8rem}.mock-top b{font-size:1rem}.mock-row{display:grid;grid-template-columns:1fr auto auto;gap:.9rem;align-items:center;padding:.6rem .2rem;border-top:1px solid #eef1f4;font-size:.88rem}.mock-chart{margin-top:.6rem;background:#f7f9fb;border-radius:10px;padding:.6rem}.float-card{position:relative}.float-tag{position:absolute;background:#fff;color:var(--text);border-radius:12px;padding:.55rem .8rem;box-shadow:0 12px 30px #0000004d;font-size:.84rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.float-tag.t1{left:-26px;bottom:-22px}.float-tag.t2{right:-12px;bottom:40px}.band{padding:4.5rem 0}.band.alt{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.band-head{text-align:center;max-width:720px;margin:0 auto 2.6rem}.kicker{font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--green-600)}.band-head h2{font-size:clamp(1.7rem,3.4vw,2.4rem);font-weight:800;letter-spacing:-.02em;margin:.5rem 0 .8rem;color:var(--navy-900)}.band-head p{color:var(--muted);font-size:1.05rem;margin:0}.feature{padding:1.5rem}.feature .ico{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--blue-50);color:var(--blue);margin-bottom:.9rem}.feature .ico.g{background:var(--green-50);color:var(--green-600)}.feature h3{font-size:1.12rem;margin-bottom:.4rem;color:var(--navy-900)}.feature p{color:var(--muted);margin:0;font-size:.96rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;counter-reset:step}.step{position:relative;padding:1.4rem 1.3rem;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.step:before{counter-increment:step;content:counter(step);display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--navy-900);color:#fff;font-weight:700;margin-bottom:.8rem}.step h3{font-size:1.02rem;margin-bottom:.3rem}.step p{color:var(--muted);font-size:.93rem;margin:0}.plans{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;max-width:860px;margin:0 auto}.plan{padding:1.7rem}.plan.pro{border:2px solid var(--blue)}.plan h3{font-size:1.3rem}.plan .sub{color:var(--muted);margin:.3rem 0 1rem}.plan ul{list-style:none;padding:0;margin:0}.plan li{padding:.38rem 0 .38rem 1.6rem;position:relative}.plan li:before{content:"\2713";position:absolute;left:0;color:var(--green-600);font-weight:800}.cta-band{background:linear-gradient(140deg,var(--navy-800),var(--navy-950));color:#fff;border-radius:18px;padding:2.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.cta-band h2{font-size:1.7rem}.cta-band p{color:#c3d2e0;margin:.4rem 0 0}.site-footer{background:var(--navy-950);color:#a8b8c8;padding:2.2rem 0;font-size:.9rem}.site-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem}.site-footer a{color:#d6e3ee}.site-footer .pc{display:flex;align-items:center;gap:.7rem}.site-footer .pc img{height:44px;background:#fff;border-radius:8px;padding:3px}.auth-page{min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(160deg,var(--navy-800),var(--navy-950))}.auth-main{flex:1;display:grid;place-items:center;padding:2rem 1rem}.auth-card{width:100%;max-width:410px;background:#fff;border-radius:14px;padding:2rem;box-shadow:0 30px 60px #0000004d}.auth-card .logo{height:34px;margin-bottom:.4rem}.auth-card .sub{color:var(--muted);margin:0 0 1.4rem}.auth-foot{text-align:center;color:#9fb1c2;font-size:.86rem;padding:1.2rem}.auth-foot a{color:#d6e3ee}.app{display:grid;grid-template-columns:236px 1fr;min-height:100vh}.sidebar{background:var(--navy-900);color:#c9d6e2;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{padding:1.1rem 1rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.07)}.sidebar .brand img{height:30px;background:#fff;border-radius:6px;padding:3px 6px;display:block}.sidebar .brand small{display:block;margin-top:.45rem;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#8197ab}.sidebar nav{padding:.8rem .6rem;display:flex;flex-direction:column;gap:2px;flex:1}.sidebar nav a{color:#c9d6e2;padding:.6rem .8rem;border-radius:8px;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.65rem}.sidebar nav a:hover{background:#ffffff0f;text-decoration:none;color:#fff}.sidebar nav a.active{background:var(--navy-700);color:#fff}.sidebar nav .sep{height:1px;background:#ffffff12;margin:.6rem .4rem}.sidebar .who{padding:.9rem 1rem;border-top:1px solid rgba(255,255,255,.07);font-size:.84rem}.sidebar .who b{display:block;color:#fff;font-weight:600;overflow:hidden;text-overflow:ellipsis}.sidebar .who button{margin-top:.5rem;background:none;border:0;color:#9fb4c7;padding:0;cursor:pointer;font:inherit}.sidebar .who button:hover{color:#fff}.main{min-width:0}.topbar{background:#fff;border-bottom:1px solid var(--border);padding:.95rem 1.6rem;display:flex;align-items:center;gap:1rem;position:sticky;top:0;z-index:10}.topbar h1{font-size:1.12rem;font-weight:600}.topbar .right{margin-left:auto;display:flex;gap:.5rem;align-items:center}.page{padding:1.5rem 1.6rem 3rem;max-width:1280px}.mobile-bar{display:none}.unit-card .name{font-size:1.12rem;font-weight:700;color:var(--text)}.unit-card .name:hover{color:var(--blue)}.stream-mini{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem 0;border-top:1px solid #eef1f4;font-size:.9rem}.stream-mini:first-of-type{border-top:0}.empty{text-align:center;padding:3rem 1rem;color:var(--muted)}.empty h2{color:var(--text);margin-bottom:.5rem}.chart{width:100%;height:auto;display:block}.chart text{font-size:10px;fill:var(--faint);font-family:var(--font)}.range{display:inline-flex;border:1px solid var(--border);border-radius:8px;overflow:hidden}.range button{border:0;background:#fff;padding:.35rem .7rem;font:600 .82rem var(--font);color:var(--muted);cursor:pointer}.range button.on{background:var(--navy-900);color:#fff}.editor-block{border:1px solid var(--border);border-radius:10px;padding:1rem;margin-bottom:.9rem;background:#fbfcfd}.editor-block .row{display:grid;grid-template-columns:1fr 1fr;gap:.8rem}.dest{display:grid;grid-template-columns:150px 1.4fr 1fr auto;gap:.6rem;align-items:end;padding:.7rem 0;border-top:1px dashed var(--border)}.dest:first-of-type{border-top:0}.secret{position:relative}.secret input{padding-right:3.6rem}.secret button{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--blue);font:600 .8rem var(--font);cursor:pointer;padding:.3rem .5rem}.sticky-save{position:sticky;bottom:0;background:#f3f5f8f2;backdrop-filter:blur(6px);padding:.9rem 0;border-top:1px solid var(--border);display:flex;gap:.7rem;align-items:center;margin-top:1rem}@media (max-width: 960px){.hero .wrap{grid-template-columns:1fr}.float-tag{display:none}.steps{grid-template-columns:1fr 1fr}}@media (max-width: 780px){.site-nav{display:none}.site-nav.open{display:flex;position:absolute;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;padding:1rem 1.25rem;border-bottom:1px solid var(--border);gap:.9rem}.menu-btn{display:inline-flex}.plans,.steps,.app{grid-template-columns:1fr}.sidebar{display:none;position:fixed;inset:0 30% 0 0;z-index:40;height:100vh}.sidebar.open{display:flex}.mobile-bar{display:flex;align-items:center;gap:.8rem;background:var(--navy-900);padding:.6rem 1rem}.mobile-bar img{height:26px;background:#fff;border-radius:5px;padding:2px 5px}.mobile-bar button{background:none;border:0;color:#fff;font-size:1.5rem;cursor:pointer}.topbar{position:static;padding:.8rem 1rem}.page{padding:1rem 1rem 3rem}.editor-block .row{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.stats>div:nth-child(3){border-left:0}.stats>div:nth-child(n+3){border-top:1px solid var(--border)}.topbar{flex-wrap:wrap}.topbar h1{word-break:break-word}.meta{word-break:break-all}.grid-2{grid-template-columns:minmax(0,1fr)}.dest{grid-template-columns:1fr}}@media (max-width: 520px){.mock-row{grid-template-columns:1fr auto}.mock-row>:last-child{display:none}}.snap{position:relative;margin:0 0 .9rem;aspect-ratio:16 / 9;background:#0d1d2e;border-radius:10px;overflow:hidden;cursor:zoom-in}.snap img{width:100%;height:100%;object-fit:cover;display:block}.snap figcaption{position:absolute;left:8px;bottom:8px;background:#08131fb8;color:#fff;font-size:.76rem;padding:.15rem .55rem;border-radius:6px}.snap figcaption.old{background:#b97a0ce6}.snap-empty{height:100%;display:grid;place-items:center;color:#8197ab;font-size:.86rem}.snap.small{width:96px;margin:0;border-radius:6px;flex-shrink:0}.snap.small .snap-empty{font-size:.66rem;text-align:center;padding:0 4px}.snap-row{display:flex;gap:.5rem;margin:.2rem 0 .8rem;overflow-x:auto}.snap-row .snap{flex:1 1 0;min-width:140px;margin:0}.lightbox{position:fixed;inset:0;z-index:100;background:#050c14e0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;padding:1rem;cursor:zoom-out}.lightbox img{max-width:100%;max-height:85vh;border-radius:8px}