.arch-root{--amethyst:#7c3aed;--amethyst-2:#a855f7;--amethyst-ink:#6d28d9;--teal:#0fb6c4;--dark:#0d0b14;--dark-2:#15121f;--glass:rgba(22,17,36,.5);--glass-bd:rgba(190,160,255,.22);--txt:#efeaf8;--txt-soft:#cfc6e4;--txt-mute:#9d92b8;--maxw:1280px;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;overflow:hidden;background:var(--dark);color:var(--txt);font:15.5px/1.6 Quicksand,-apple-system,Segoe UI,Inter,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.arch-root .brandfont{font-family:Righteous,Quicksand,sans-serif;font-weight:400;letter-spacing:.03em}.arch-root b{color:#fff;font-weight:600}.arch-root .mono{font-family:ui-monospace,Consolas,Menlo,monospace;font-size:.92em;color:#d8cdf2;background:#7c3aed24;border:1px solid rgba(124,58,237,.22);border-radius:6px;padding:1px 6px}.arch-bgfx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:radial-gradient(60% 50% at 80% 8%,rgba(124,92,240,.16),transparent 60%),radial-gradient(55% 50% at 12% 100%,rgba(15,182,196,.1),transparent 55%),linear-gradient(160deg,#15121f,#0d0b14 60%,#120f1c)}.arch-bgfx:after{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;opacity:.5;transform:translate(calc(var(--shift,0) * -34px));transition:transform .6s cubic-bezier(.22,.61,.36,1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64'%3E%3Cpath d='M32 6 L58 32 L32 58 L6 32 Z' fill='none' stroke='%237c3aed' stroke-opacity='0.07'/%3E%3C/svg%3E")}.arch-top{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 26px;background:linear-gradient(180deg,rgba(13,11,20,.92),transparent)}.arch-top .arch-brand{display:flex;align-items:center;gap:11px;font-size:21px}.arch-top .arch-brand svg{width:24px;height:24px;filter:drop-shadow(0 4px 14px rgba(124,58,237,.5))}.arch-top .arch-mid{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:#cdb6f7;background:#a855f71f;border:1px solid rgba(168,85,247,.28);border-radius:999px;padding:6px 14px}.arch-back{font-size:13px;font-weight:700;color:#e9d5ff;background:#ffffff0d;border:1px solid rgba(190,160,255,.3);border-radius:10px;padding:8px 14px;cursor:pointer}.arch-back:hover{background:#7c3aed4d;border-color:var(--amethyst-2)}.arch-priv{font-size:10.5px;font-weight:700;letter-spacing:.18em;color:#b9a8e8;text-transform:uppercase}.arch-stage{position:relative;z-index:5;height:100vh;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;max-width:var(--maxw);margin:0 auto;padding:70px 28px 26px}.arch-head{text-align:center}.arch-kick{display:inline-flex;align-items:center;gap:9px;font-size:11.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:#cdb6f7;background:#a855f724;border:1px solid rgba(168,85,247,.3);border-radius:999px;padding:5px 14px}.arch-kick .count{color:var(--txt-mute);letter-spacing:.1em}.arch-head h2{margin:10px 0 2px;font-size:clamp(22px,2.8vw,32px);font-weight:700;color:#fff;letter-spacing:-.5px}.arch-head p{margin:0 auto;font-size:14.5px;color:var(--txt-soft);max-width:680px}.arch-main{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0;margin-top:2px}.arch-figure{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center}.arch-figure img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border-radius:14px;background:#fbfaff;border:1px solid var(--glass-bd);padding:8px;box-shadow:0 40px 90px -38px #000000b3}.arch-detail{position:absolute;bottom:10px;right:10px;z-index:2;font-size:12px;font-weight:600;color:#cdb6f7;background:#7c3aed47;border:1px solid rgba(168,85,247,.4);border-radius:8px;padding:6px 13px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.arch-detail:hover{background:#7c3aed80;color:#fff}.arch-card{background:var(--glass);border:1px solid var(--glass-bd);border-radius:18px;padding:18px;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 30px 80px -34px #0009,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.arch-card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;background:linear-gradient(90deg,transparent 4%,rgba(255,128,128,.4) 28%,rgba(150,255,210,.35) 50%,rgba(150,165,255,.45) 72%,transparent 96%)}.arch-card.swap{animation:archSwap .5s cubic-bezier(.22,.61,.36,1)}@keyframes archSwap{0%{opacity:0;transform:translateY(var(--dir,18px))}to{opacity:1;transform:none}}.arch-card .lbl{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;margin-bottom:12px}.arch-card.que .lbl{color:#9ad8e0}.arch-card.why .lbl{color:#c9b6f5}.arch-card .it{margin-bottom:13px}.arch-card .it:last-child{margin-bottom:0}.arch-card.que .it h4{margin:0 0 4px;font-size:13px;color:#fff;display:flex;align-items:center;gap:7px}.arch-card .it .badge{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:#d8cdf2;background:#7c3aed33;border:1px solid rgba(124,58,237,.3);border-radius:6px;padding:2px 7px}.arch-card.que .it p{margin:0;font-size:12.4px;color:var(--txt-soft);line-height:1.5}.arch-card.why .it{display:grid;gap:5px}.arch-card.why .vs{font-size:12px;color:#8d83a6;text-decoration:line-through;text-decoration-color:#8d83a680}.arch-card.why .ours{font-size:12.6px;color:#f3eefd;line-height:1.5}.arch-card.why .ours:before{content:"→ ";color:var(--amethyst-2);font-weight:700}.arch-card.band{display:flex;align-items:center;gap:18px;padding:11px 20px}.arch-card.band .lbl{margin:0;flex:0 0 92px}.arch-card.band .band-items{flex:1;display:grid;gap:18px}.arch-card.que .band-items{grid-template-columns:repeat(3,1fr)}.arch-card.why .band-items{grid-template-columns:repeat(2,1fr)}.arch-card.band .it{margin-bottom:0}.arch-card.que.band .it p{font-size:12px}.arch-railwrap{position:relative;padding:14px 10px 2px}.arch-rail{position:relative;height:2px;background:#bea0ff2e;border-radius:2px;margin:0 3%}.arch-rail-fill{position:absolute;top:0;left:0;height:100%;border-radius:2px;width:0;background:linear-gradient(90deg,#c4b5fd,var(--amethyst));box-shadow:0 0 12px #a855f799;transition:width .55s cubic-bezier(.22,.61,.36,1)}.arch-gems{position:absolute;top:0;right:0;bottom:0;left:0}.arch-gem{position:absolute;top:1px;transform:translate(-50%,-50%) rotate(45deg);width:12px;height:12px;background:#2a2440;border:1px solid rgba(190,160,255,.4);cursor:pointer;transition:all .4s cubic-bezier(.22,.61,.36,1)}.arch-gem.done{background:linear-gradient(135deg,#c4b5fd,var(--amethyst));border-color:#fff}.arch-gem.on{width:18px;height:18px;background:linear-gradient(135deg,#e9d5ff,var(--amethyst-2));border-color:#fff;box-shadow:0 0 18px #c4aaffe6}.arch-gem .gl{position:absolute;top:150%;left:50%;transform:translate(-50%) rotate(-45deg);font-size:9.5px;font-weight:700;letter-spacing:.05em;color:var(--txt-mute);white-space:nowrap;text-transform:uppercase;opacity:0;transition:opacity .3s}.arch-gem.on .gl{color:#e9d5ff;opacity:1}.arch-gem:hover .gl{opacity:.8}.arch-packet{position:absolute;top:1px;left:0;width:9px;height:9px;transform:translate(-50%,-50%) rotate(45deg);background:#e9d5ff;box-shadow:0 0 14px #e9d5fff2;transition:left .55s cubic-bezier(.22,.61,.36,1);z-index:2}.arch-controls{display:flex;align-items:center;justify-content:center;gap:18px;padding-top:20px}.arch-nav{width:42px;height:42px;border-radius:50%;border:1px solid rgba(190,160,255,.3);background:#ffffff0a;color:#e9d5ff;font-size:18px;cursor:pointer;display:grid;place-items:center;transition:all .2s}.arch-nav:hover:not(:disabled){background:#7c3aed4d;border-color:var(--amethyst-2);transform:translateY(-2px)}.arch-nav:disabled{opacity:.3;cursor:default}.arch-dots{display:flex;gap:8px;flex-wrap:wrap;max-width:380px;justify-content:center}.arch-dot{width:8px;height:8px;border-radius:50%;background:#bea0ff40;cursor:pointer;transition:all .3s}.arch-dot.on{background:var(--amethyst-2);transform:scale(1.35);box-shadow:0 0 10px #a855f7b3}.arch-hint{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--txt-mute);z-index:6;pointer-events:none}.arch-deep{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;background:#08060eb3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:24px;animation:archFade .3s}@keyframes archFade{0%{opacity:0}to{opacity:1}}.arch-deep-box{max-width:780px;width:100%;max-height:84vh;overflow:auto;border-radius:20px;padding:30px 34px;background:linear-gradient(165deg,#1d1830,#13101d);border:1px solid var(--glass-bd);box-shadow:0 40px 100px -30px #000c}.arch-deep-box h3{margin:0 0 6px;font-size:23px;color:#fff;font-weight:700}.arch-deep-box .dk{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--amethyst-2)}.arch-deep-box p{color:var(--txt-soft);font-size:14.5px;line-height:1.7}.arch-deep-box .close{float:right;border:0;background:transparent;color:var(--txt-mute);font-size:26px;cursor:pointer;line-height:1}.arch-deep-box table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13.5px}.arch-deep-box th,.arch-deep-box td{text-align:left;padding:8px 10px;border-bottom:1px solid rgba(190,160,255,.14)}.arch-deep-box th{color:var(--txt-mute);font-weight:600}.arch-deep-box td b{color:var(--amethyst-2)}.arch-deep-box .note{font-size:12.5px;color:var(--txt-mute);border-left:2px solid var(--amethyst);padding-left:12px;margin-top:14px}@media (max-width:1040px){.arch-card.band{flex-direction:column;align-items:stretch;gap:10px;padding:12px 16px}.arch-card.band .lbl{flex:none}.arch-card.que .band-items,.arch-card.why .band-items{grid-template-columns:1fr}.arch-figure img{max-height:46vh}.arch-stage{overflow-y:auto;padding-top:70px}}@media (prefers-reduced-motion:reduce){.arch-card.swap{animation:none}.arch-rail-fill,.arch-packet,.arch-gem{transition:none}.arch-bgfx:after{transition:none}}:root{--bg: #f7f6f3;--panel: #ffffff;--panel-2: #f3f1f7;--border: #e9e5df;--text: #1a1726;--muted: #6b6577;--accent: #7c3aed;--accent-ink: #6d28d9;--accent-2: #0a8b5b;--danger: #b3362b;--warn: #b5791f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14.5px/1.55 Quicksand,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:var(--accent-ink)}::selection{background:#a855f747}.app{max-width:1100px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--border)}.brand{font-family:Righteous,Quicksand,sans-serif;font-weight:400;font-size:19px;letter-spacing:.03em}.brand small{color:var(--muted);font-family:Quicksand,sans-serif;font-weight:500;font-size:12.5px;margin-left:8px}.tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap}.tab{padding:8px 14px;border-radius:9px;cursor:pointer;color:var(--muted);background:transparent;border:1px solid transparent;font-weight:600}.tab.active{color:var(--accent-ink);background:#f3eefe;border-color:#e7ddfb}.panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:18px;box-shadow:0 18px 44px -32px #3c286e59}.panel h2{margin:0 0 14px;font-size:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.5px}td.mono,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}.badge{padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--border)}.badge.active{color:var(--accent-2);background:#e6f7ef;border-color:#bfe8d4}.badge.cancelled{color:var(--danger);background:#fdeeec;border-color:#f0c4be}.badge.past_due,.badge.pending{color:var(--warn);background:#fef3e2;border-color:#f0ddb8}input,select{background:var(--panel);color:var(--text);border:1px solid #ddd7ce;border-radius:9px;padding:9px 11px;font:inherit;outline:none}input:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed1f}button{background:linear-gradient(135deg,var(--accent),var(--accent-ink));color:#fff;border:0;border-radius:9px;padding:9px 15px;font:inherit;font-weight:700;cursor:pointer;box-shadow:0 8px 22px -10px #7c3aed8c}button:hover{transform:translateY(-1px)}button.ghost{background:transparent;color:var(--text);border:1px solid #ddd7ce;box-shadow:none}button.ghost:hover{border-color:var(--accent);color:var(--accent-ink)}button.danger{background:transparent;color:var(--danger);border:1px solid #e2b0aa;box-shadow:none}button:disabled{opacity:.5;cursor:default;transform:none}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.muted{color:var(--muted)}.err{color:var(--danger);margin:8px 0}.keybox{background:#e9f8f0;border:1px solid #bfe8d4;border-radius:10px;padding:14px;margin-top:12px;word-break:break-all;font-family:ui-monospace,Consolas,monospace}.login{max-width:380px;margin:12vh auto}.login .panel{padding:26px}.login input{width:100%;margin-bottom:10px}.login button{width:100%}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.plan-card .lim{display:flex;justify-content:space-between;gap:8px;margin:6px 0}.plan-card .lim input{width:110px}.techdoc h2{margin:22px 0 10px;font-size:20px}.techdoc h3{margin:18px 0 8px;font-size:15px;color:var(--accent-ink)}.techdoc p,.techdoc li{color:var(--muted);font-size:14.5px;line-height:1.65}.techdoc ul,.techdoc ol{padding-left:20px;display:grid;gap:6px}.techdoc pre{font:12px/1.5 ui-monospace,Consolas,monospace;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:14px;overflow-x:auto}.techdoc code{font:12.5px ui-monospace,Consolas,monospace;background:var(--panel-2);border-radius:5px;padding:1px 5px}.techdoc table{width:100%;border-collapse:collapse;font-size:13.5px;margin:10px 0}.techdoc th,.techdoc td{text-align:left;padding:8px;border-bottom:1px solid var(--border)}.techdoc td b{color:var(--accent-ink)}.techdoc .priv{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;color:var(--danger);border:1px solid #e2b0aa;border-radius:999px;padding:4px 10px;margin-bottom:10px}