/* pages/home.php — generated from The Zam Ecosystem.dc.html; 1501 elements, 427 shared + 76 per-item classes. */
/*  */
.h1{background:#0B1220;color:#C9D3E3;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
.h2{display:none}
/* NAV */
.h3{position:sticky;top:0;z-index:50;background:rgba(11,18,32,.96);border-bottom:1px solid #22314D}
.h4{max-width:1280px;margin:0 auto;padding:12px clamp(16px,4.5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;column-gap:24px;row-gap:6px}
.h5{order:0;display:flex;align-items:center;min-height:44px;color:#FFFFFF;font-weight:700;font-size:clamp(12px,1.1vw,14px);letter-spacing:.18em;text-decoration:none;white-space:nowrap}
.h6{order:1;flex-basis:auto;display:block;min-width:0;overflow-x:auto;scrollbar-width:none;padding-bottom:0}
.h7{display:flex;flex-direction:row;gap:2px;width:max-content;margin:0 auto}
.h8{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:999px;color:#C9D3E3;font-size:14px;white-space:nowrap;text-decoration:none}
.h8:hover{color:#FFFFFF;background:#111B2E}
.h9{order:1;margin-left:auto;flex:none;width:44px;height:44px;border-radius:12px;border:1px solid #22314D;background:#111B2E;display:none;align-items:center;justify-content:center;cursor:pointer}
.h10{width:20px;height:20px;fill:none;stroke:#FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h11{order:2;flex-basis:auto;display:flex;gap:8px}
.h12{flex:0 0 auto;justify-content:center;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#F0B35B;color:#0B1220;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .15s}
.h12:hover{background:#E0A34B;text-decoration:none}
.h13{flex:0 0 auto;justify-content:center;display:flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;background:#0027E7;color:#FFFFFF;font-weight:700;font-size:13px;text-decoration:none;white-space:nowrap;transition:background .15s}
.h13:hover{background:#0020C4;text-decoration:none}
/* 1 HERO */
.h14{max-width:1280px;margin:0 auto;padding:32px clamp(20px,4.5vw,64px) 0}
.h15{text-align:center;max-width:980px;margin:0 auto}
.h16{margin:0 auto;max-width:980px;font-size:clamp(44px,6.4vw,72px);line-height:1.02;letter-spacing:-.025em;color:#FFFFFF;font-weight:700;text-wrap:balance}
.h17{margin:14px auto 0;max-width:980px;font-size:clamp(26px,3.1vw,40px);line-height:1.15;letter-spacing:-.01em;color:#FFFFFF;font-weight:700;text-wrap:balance}
.h18{color:#F0B35B}
.h19{margin:14px auto 0;max-width:820px;font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#C9D3E3;text-wrap:pretty}
/* hero flow: choice */
.h20{position:relative;margin-top:28px;padding:0 32px 56px}
.h21{display:grid;grid-template-columns:minmax(0,1fr) 84px minmax(0,1fr);align-items:center;gap:0}
.h22{position:relative;display:flex;flex-direction:column;gap:16px;padding:clamp(20px,2.4vw,28px);border-radius:18px;background:#111B2E;border:1.5px solid #F0B35B;color:#C9D3E3;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;min-width:0;align-self:stretch}
.h22:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35);text-decoration:none}
.h23{display:flex;align-items:center;gap:14px}
.h24{flex:none;width:52px;height:52px;border-radius:14px;background:rgba(240,179,91,.14);display:flex;align-items:center;justify-content:center}
.h25{width:26px;height:26px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h26{font-size:12px;font-weight:700;letter-spacing:.22em;color:#F0B35B;white-space:nowrap}
.h27{font-size:clamp(22px,2.3vw,30px);line-height:1.12;font-weight:700;letter-spacing:.01em;color:#FFFFFF}
.h28{align-self:flex-start;margin-top:-6px;padding:5px 12px;border-radius:999px;background:#F0B35B;color:#0B1220;font-size:11px;font-weight:700;letter-spacing:.16em}
.h29{font-size:15px;line-height:1.5;color:#C9D3E3}
.h30{flex:1;display:flex;flex-direction:column;justify-content:center;background:#0B1220;border:1px solid #22314D;border-radius:14px;padding:14px}
.h31{display:flex;align-items:center;gap:4px;margin-bottom:12px}
.h32{flex:1;min-width:0;text-align:center;padding:6px 4px;border-radius:999px;background:rgba(240,179,91,.12);font-size:10px;font-weight:700;letter-spacing:.06em;color:#F0B35B;white-space:nowrap}
.h33{width:10px;height:10px;flex:none;fill:none;stroke:#8A97AE;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h34{position:relative;height:38px;border-radius:8px;background:#111B2E;border:1px solid #22314D;display:flex;align-items:center;gap:2px;padding:0 6px;overflow:hidden}
.h35{flex:1;background:#2E4266;border-radius:1px}
.h36{position:absolute;top:3px;bottom:3px;width:9%;border-radius:5px;background:rgba(240,179,91,.28);border:1.5px solid #F0B35B}
.h37{position:absolute;inset:0;animation:zscan 5s linear infinite var(--ps,running)}
.h38{position:absolute;top:0;bottom:0;left:0;width:2px;background:#4FD1E0}
.h39{display:flex;justify-content:space-between;margin-top:6px;font-size:10px;color:#8A97AE}
.h40{color:#F0B35B;font-weight:700}
.h41{display:block;width:100%;height:30px}
.h42{fill:none;stroke:#F0B35B;stroke-width:1.5;opacity:.7}
.h43{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;align-items:end}
.h44{display:flex;flex-direction:column;align-items:center;gap:6px;animation:zpop 5s ease-out infinite var(--ps,running)}
.h45{border-radius:6px;background:#16223A;border:1px solid #F0B35B;display:flex;align-items:center;justify-content:center}
.h46{width:11px;height:11px;fill:#FFFFFF}
.h47{font-size:10px;color:#C9D3E3;white-space:nowrap}
.h48{margin-top:auto;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#F0B35B}
.h49{width:16px;height:16px;fill:none;stroke:#F0B35B;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.h50{justify-self:center;display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:#0B1220;border:2px solid #F0B35B;color:#FFFFFF;font-size:24px;font-weight:700;letter-spacing:.06em;z-index:1}
.h51{background:#0B1220;border:1px solid #22314D;border-radius:14px;padding:14px}
.h52{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.h53{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 2px;border-radius:8px;background:#111B2E;min-width:0}
.h54{width:15px;height:15px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h55{font-size:10px;color:#FFFFFF}
.h56{fill:none;stroke:#F0B35B;stroke-width:1.5;opacity:.7;stroke-dasharray:4 4;animation:zdash 1.6s linear infinite var(--ps,running)}
.h57{display:grid;grid-template-columns:minmax(0,1fr) 22px 64px;align-items:center;gap:8px}
.h58{border:1px dashed rgba(240,179,91,.6);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:7px}
.h59{display:flex;justify-content:space-between;align-items:center;gap:6px}
.h60{font-size:9px;font-weight:700;letter-spacing:.14em;color:#F0B35B}
.h61{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:#FFFFFF;font-variant-numeric:tabular-nums}
.h62{width:12px;height:12px;fill:none;stroke:#4FD1E0;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.h63{display:flex;align-items:center;gap:8px;transition:opacity .3s ease}
.h64{flex:none;width:16px;height:16px;border-radius:50%;background:#F0B35B;border:1.5px solid #F0B35B;display:flex;align-items:center;justify-content:center;transition:background .3s ease}
.h65{width:10px;height:10px;fill:none;stroke:#0B1220;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.h66{font-size:11px;font-weight:700;letter-spacing:.12em;color:#FFFFFF}
.h67{width:20px;height:20px;fill:none;stroke:#4FD1E0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h68{position:relative;width:100%;aspect-ratio:9/16;border-radius:8px;background:#16223A;border:1px solid #F0B35B;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease}
.h69{width:26px;height:26px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h70{width:10px;height:10px;fill:#0B1220;margin-left:2px}
.h71{position:absolute;left:-6px;right:-6px;bottom:-18px;text-align:center;font-size:9px;font-weight:700;letter-spacing:.08em;color:#F0B35B;white-space:nowrap}
.h72{display:block;width:100%;height:56px}
.h73{fill:none;stroke:#F0B35B;stroke-width:2.5;stroke-dasharray:6 6;animation:zdash 1.6s linear infinite var(--ps,running)}
.h74{margin:0 auto;width:2.5px;height:40px;position:relative;overflow:hidden;background:rgba(240,179,91,.35);display:none}
.h75{position:absolute;top:0;left:0;width:100%;height:30%;background:#F0B35B;animation:zpy 1.6s linear infinite var(--ps,running)}
.h76{display:flex;flex-direction:row;align-items:flex-start}
.h77{flex:1 1 0;min-width:0;background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:20px 20px 16px;display:flex;flex-direction:column;gap:10px}
.h78{display:flex;align-items:flex-start;gap:8px}
.h79{width:22px;height:22px;flex:none;border-radius:50%}
.h80{font-size:12px;font-weight:700;letter-spacing:.14em;line-height:1.5;color:#F0B35B}
.h81{color:#FFFFFF}
.h82{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.h83{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background:#0B1220;border:1px solid #22314D;min-width:0}
.h84{display:flex;align-items:center;gap:7px}
.h85{width:16px;height:16px;flex:none;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h86{min-width:0;overflow-wrap:anywhere;font-size:14px;font-weight:700;color:#FFFFFF;line-height:1.25}
.h87{font-size:12px;line-height:1.4;color:#C9D3E3}
.h88{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background:#0B1220;border:1px solid #7ED4A8;min-width:0}
.h89{width:16px;height:16px;flex:none;fill:none;stroke:#7ED4A8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h90{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:10px;background:#0B1220;border:1px solid #4FD1E0;min-width:0}
.h91{width:16px;height:16px;flex:none;fill:none;stroke:#4FD1E0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h92{flex:0 0 36px;width:auto;height:2px;align-self:flex-start;position:relative;overflow:hidden;background:rgba(126,212,168,.35)}
.h93{position:absolute;top:0;left:0;width:30%;height:100%;background:#7ED4A8;animation:zpx 1.8s linear infinite var(--ps,running);animation-delay:0s}
.h94{display:flex;align-items:center;gap:8px}
.h95{width:22px;height:22px;flex:none}
.h96{font-size:12px;font-weight:700;letter-spacing:.14em;color:#7ED4A8}
.h97{font-size:18px;line-height:1.3;font-weight:700;color:#FFFFFF;text-wrap:pretty}
.h98{display:grid;grid-template-columns:repeat(4,34px);gap:8px}
.h99{position:relative;width:34px;height:34px;border-radius:10px;background:#0B1220;border:1px solid #22314D;display:flex;align-items:center;justify-content:center}
.h100{width:20px;height:20px;object-fit:contain}
.h101{position:absolute;top:-3px;right:-3px;width:9px;height:9px;border-radius:50%;background:#7ED4A8;border:2px solid #111B2E}
.h102{display:flex;flex-direction:column;gap:10px}
.h103{display:flex;gap:8px;align-items:flex-start;font-size:14px;line-height:1.45;color:#C9D3E3}
.h104{width:14px;height:14px;flex:none;margin-top:2px;fill:none;stroke:#7ED4A8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h105{flex:0 0 36px;width:auto;height:2px;align-self:center;position:relative;overflow:hidden;background:rgba(79,209,224,.28)}
.h106{position:absolute;top:0;left:0;width:30%;height:100%;background:#4FD1E0;animation:zpx 1.8s linear infinite var(--ps,running);animation-delay:.4s}
.h107{position:relative;flex:1 1 0;min-width:0;background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:20px 20px 16px;display:flex;flex-direction:column;gap:10px}
.h108{font-size:12px;font-weight:700;letter-spacing:.14em;color:#4FD1E0}
.h109{display:flex;align-items:center;gap:12px}
.h110{width:64px;height:64px;flex:none}
.h111{display:flex;align-items:center;gap:7px;font-size:10px;font-weight:700;letter-spacing:.16em;color:#F0B35B}
.h112{width:8px;height:8px;border-radius:50%;background:#F0B35B;animation:zdot 1.6s ease-in-out infinite var(--ps,running)}
.h113{width:14px;height:14px;flex:none;margin-top:2px;fill:none;stroke:#4FD1E0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h114{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.h115{fill:none;stroke:#4FD1E0;stroke-width:2;stroke-dasharray:6 6;opacity:.75;animation:zdash 1.6s linear infinite var(--ps,running)}
.h116{fill:#4FD1E0}
.h117{position:absolute;left:50%;top:100%;transform:translate(-50%,-50%);background:#0B1220;padding:0 12px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#4FD1E0;white-space:nowrap;pointer-events:none}
/* proof strip */
.h118{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,40px)}
.h119{border-top:1px solid #22314D;padding-top:24px}
.h120{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;color:#FFFFFF}
.h121{font-size:clamp(20px,2vw,24px);font-weight:700}
.h122{font-size:clamp(52px,5.2vw,72px);font-weight:700;line-height:1;letter-spacing:-.03em}
.h123{margin:14px 0 0;font-size:16px;line-height:1.55;color:#C9D3E3;max-width:300px}
/* 2 ECOSYSTEM */
.h124{scroll-margin-top:124px;max-width:1280px;margin:0 auto;padding:40px clamp(20px,4.5vw,64px) clamp(20px,3.9vw,28px)}
/* ecosystem diagram */
.h125{background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:28px}
.h126{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 24px}
.h127{font-size:13px;font-weight:700;letter-spacing:.24em;color:#FFFFFF}
.h128{font-size:14px;color:#8A97AE}
.h129{display:block;width:100%;max-width:1040px;height:auto;margin:20px auto 0}
.h130{fill:#0B1220;stroke:#F0B35B;stroke-width:2}
.h131{fill:none;stroke:#F0B35B;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.h132{font:700 13px Arial;letter-spacing:.2em;fill:#F0B35B}
.h133{font:700 24px Arial;fill:#FFFFFF}
.h134{font:400 14px Arial;fill:#C9D3E3}
.h135{font:700 14px Arial;fill:#F0B35B}
.h136{fill:#F0B35B}
.h137{fill:#111B2E;stroke:#F0B35B;stroke-width:2}
.h138{font:700 16px Arial;letter-spacing:.24em;fill:#F0B35B;text-anchor:middle}
.h139{fill:#0B1220;stroke:#22314D;stroke-width:1.5}
.h140{font:700 12px Arial;letter-spacing:.18em;fill:#F0B35B;text-anchor:middle}
.h141{font:700 15px Arial;fill:#FFFFFF;text-anchor:middle}
.h142{font:400 13px Arial;fill:#C9D3E3;text-anchor:middle}
.h143{fill:none;stroke:#4FD1E0;stroke-width:2.5;stroke-dasharray:6 6;animation:zdash 1.6s linear infinite var(--ps,running)}
.h144{fill:#0B1220;stroke:#FFFFFF;stroke-width:1.5}
.h145{font:700 12px Arial;letter-spacing:.2em;fill:#FFFFFF;text-anchor:middle}
.h146{fill:#FFFFFF}
.h147{fill:#0B1220}
.h148{font:700 14px Arial;fill:#FFFFFF;text-anchor:middle}
.h149{font:400 12px Arial;fill:#8A97AE;text-anchor:middle}
.h150{fill:none;stroke:#7ED4A8;stroke-width:2;stroke-dasharray:3 6}
.h151{fill:#7ED4A8}
.h152{fill:#0B1220;stroke:#7ED4A8;stroke-width:1.5;stroke-dasharray:7 5}
.h153{font:700 14px Arial;letter-spacing:.22em;fill:#7ED4A8;text-anchor:middle}
.h154{font:700 21px Arial;fill:#FFFFFF;text-anchor:middle}
.h155{fill:none;stroke:#F0B35B;stroke-width:2.5;stroke-dasharray:6 6;animation:zdash 1.6s linear infinite reverse var(--ps,running)}
.h156{font:700 13px Arial;fill:#F0B35B}
.h157{fill:none;stroke:#7ED4A8;stroke-width:2.5;stroke-dasharray:6 6;animation:zdash 1.6s linear infinite reverse var(--ps,running)}
.h158{font:700 13px Arial;fill:#7ED4A8;text-anchor:end}
.h159{fill:#0B1220;stroke:#4FD1E0;stroke-width:1.5}
.h160{font:700 15px Arial;letter-spacing:.3em;fill:#4FD1E0;text-anchor:middle}
.h161{fill:none;stroke:#8A97AE;stroke-width:1.5;stroke-dasharray:2 5}
.h162{font:400 11px Arial;fill:#8A97AE}
.h163{fill:#111B2E;stroke:#C9D3E3;stroke-width:1.5}
.h164{font:700 16px Arial;letter-spacing:.4em;fill:#FFFFFF;text-anchor:middle}
.h165{font:400 14px Arial;fill:#C9D3E3;text-anchor:middle}
.h166{display:none;width:100%;max-width:460px;height:auto;margin:20px auto 0}
.h167{font:700 21px Arial;fill:#FFFFFF}
.h168{font:700 15px Arial;letter-spacing:.24em;fill:#F0B35B;text-anchor:middle}
.h169{font:700 11px Arial;letter-spacing:.14em;fill:#F0B35B;text-anchor:middle}
.h170{font:700 13px Arial;letter-spacing:.22em;fill:#7ED4A8;text-anchor:middle}
.h171{font:700 17px Arial;fill:#FFFFFF;text-anchor:middle}
.h172{font:700 14px Arial;letter-spacing:.3em;fill:#4FD1E0;text-anchor:middle}
.h173{font:700 13px Arial;fill:#F0B35B;text-anchor:middle}
.h174{font:700 13px Arial;fill:#7ED4A8;text-anchor:middle}
.h175{font:700 15px Arial;letter-spacing:.4em;fill:#FFFFFF;text-anchor:middle}
/* 3 PROMOZAM */
.h176{scroll-margin-top:124px;max-width:1280px;margin:0 auto;padding:clamp(20px,3.9vw,28px) clamp(20px,4.5vw,64px)}
.h177{width:44px;height:44px;border-radius:50%}
.h178{font-size:14px;font-weight:700;letter-spacing:.24em;color:#F0B35B}
.h179{margin:12px 0 0;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.02em;color:#FFFFFF;font-weight:700;max-width:980px;text-wrap:balance}
.h180{margin:14px 0 0;max-width:720px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#C9D3E3}
.h181{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:14px}
/* CARD A */
.h182{height:100%;background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:14px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.h182:hover{transform:translateY(-4px);border-color:#2E4266;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h183{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px}
.h184{width:30px;height:30px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h185{font-size:12px;font-weight:700;letter-spacing:.22em;color:#F0B35B}
.h186{margin:0;font-size:clamp(24px,2.4vw,30px);line-height:1.15;color:#FFFFFF;font-weight:700}
.h187{margin:0;font-size:16px;line-height:1.6;color:#C9D3E3;max-width:460px;text-wrap:pretty}
.h188{background:#0B1220;border:1px solid #22314D;border-radius:14px;padding:18px}
.h189{position:relative;height:40px;border-radius:8px;background:#111B2E;border:1px solid #22314D;display:flex;align-items:center;gap:2px;padding:0 6px;overflow:hidden}
.h190{display:block;width:100%;height:34px}
.h191{display:flex;flex-direction:column;align-items:center;gap:6px}
.h192{position:relative;border-radius:6px;background:#16223A;border:1px solid #F0B35B;display:flex;align-items:center;justify-content:center}
.h193{width:12px;height:12px;fill:#FFFFFF}
.h194{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px 20px}
.h195{display:flex;gap:12px;align-items:flex-start}
.h196{flex:none;width:32px;height:32px;border-radius:8px;background:rgba(240,179,91,.12);display:flex;align-items:center;justify-content:center}
.h197{width:16px;height:16px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h198{font-size:15px;line-height:1.45;color:#C9D3E3;padding-top:6px}
/* CARD B */
.h199{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.h200{width:40px;height:40px;border-radius:10px;background:#111B2E;border:1px solid #22314D;display:flex;align-items:center;justify-content:center}
.h201{width:18px;height:18px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h202{font-size:10px;color:#C9D3E3}
.h203{display:grid;grid-template-columns:minmax(0,1fr) 28px minmax(0,.62fr);align-items:center;gap:8px}
.h204{border:1px dashed rgba(240,179,91,.6);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:8px}
.h205{font-size:9px;font-weight:700;letter-spacing:.16em;color:#F0B35B}
.h206{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px}
.h207{aspect-ratio:16/10;border-radius:3px;background:#16223A}
.h208{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:6px}
.h209{font-size:9px;color:#8A97AE}
.h210{height:4px;border-radius:2px;background:#22314D;overflow:hidden;display:block}
.h211{display:block;height:100%;background:#F0B35B;transform-origin:left;animation:zbar 4s ease-out infinite var(--ps,running)}
.h212{width:22px;height:22px;fill:none;stroke:#4FD1E0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h213{position:relative;aspect-ratio:9/16;max-height:150px;border-radius:10px;background:#16223A;border:1px solid #F0B35B;display:flex;align-items:center;justify-content:center;justify-self:center;width:100%;max-width:86px}
.h214{width:30px;height:30px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h215{width:12px;height:12px;fill:#0B1220;margin-left:2px}
.h216{position:absolute;right:5px;bottom:5px;font-size:9px;font-weight:700;color:#FFFFFF;background:#0B1220;padding:2px 4px;border-radius:4px}
/* upload system */
.h217{margin-top:24px}
.h218{margin:0;font-size:clamp(30px,3.8vw,46px);line-height:1.08;letter-spacing:-.015em;color:#FFFFFF;font-weight:700;text-wrap:balance}
.h219{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}
.h220{display:flex;flex-direction:column;gap:8px;width:100%;height:100%;min-height:150px;text-align:left;padding:18px 20px;border-radius:18px;background:#111B2E;border:1px solid #22314D;color:#C9D3E3;cursor:pointer;transition:border-color .2s ease}
.h221{width:28px;height:28px;flex:none;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h222{font-size:18px;font-weight:700;color:#FFFFFF}
.h223{display:grid}
.h224{grid-area:1/1;font-size:14px;line-height:1.45;color:#C9D3E3;opacity:1;transition:opacity .2s ease}
.h225{grid-area:1/1;font-size:14px;line-height:1.45;color:#F0B35B;opacity:0;transition:opacity .2s ease}
.h226{margin:20px 0 0;font-size:14px;color:#8A97AE}
.h227{margin-top:24px;display:flex;flex-wrap:wrap;gap:20px;align-items:center;padding:28px;border-radius:18px;background:#111B2E;border:1px solid #F0B35B}
.h228{flex:1;min-width:min(100%,280px)}
.h229{font-size:clamp(20px,2vw,26px);font-weight:700;color:#FFFFFF;line-height:1.2}
.h230{margin:8px 0 0;font-size:16px;line-height:1.55;color:#C9D3E3;text-wrap:pretty}
.h231{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#F0B35B;color:#0B1220;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}
.h231:hover{background:#E0A34B;text-decoration:none}
.h232{width:18px;height:18px;fill:none;stroke:#0B1220;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* 4 POSTZAM */
.h233{width:44px;height:44px}
.h234{font-size:14px;font-weight:700;letter-spacing:.24em;color:#7ED4A8}
.h235{margin:14px 0 0;max-width:760px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#C9D3E3;text-wrap:pretty}
.h236{margin-top:28px;background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:28px;display:grid;grid-template-columns:minmax(0,1fr) 140px minmax(0,1.1fr);align-items:center;gap:0}
.h237{background:#0B1220;border:1px solid #22314D;border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px;max-width:420px;width:100%;justify-self:center}
.h238{position:relative;aspect-ratio:16/9;border-radius:10px;background:#16223A;border:1px solid #2E4266;display:flex;align-items:center;justify-content:center}
.h239{width:48px;height:48px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h240{width:18px;height:18px;fill:#0B1220;margin-left:3px}
.h241{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:700;color:#FFFFFF;background:#0B1220;padding:3px 6px;border-radius:4px}
.h242{display:flex;justify-content:space-between;gap:8px;font-size:13px}
.h243{color:#FFFFFF;font-weight:700}
.h244{color:#8A97AE;text-align:right}
.h245{height:44px;border-radius:999px;background:#0027E7;color:#FFFFFF;font-size:15px;font-weight:700;display:flex;align-items:center;justify-content:center}
.h246{display:block;width:140px;height:520px}
.h247{fill:none;stroke:#7ED4A8;stroke-width:2;stroke-dasharray:5 6;opacity:.8;animation:zdash 1.4s linear infinite var(--ps,running)}
.h248{justify-self:center;width:2px;height:32px;position:relative;overflow:hidden;background:rgba(126,212,168,.35);display:none}
.h249{position:absolute;top:0;left:0;width:100%;height:30%;background:#7ED4A8;animation:zpy 1.4s linear infinite var(--ps,running)}
.h250{display:flex;flex-direction:column;gap:12px}
.h251{height:64px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;background:#0B1220;border:1px solid rgba(126,212,168,.45);transition:border-color .3s ease}
.h252{width:32px;height:32px;flex:none;object-fit:contain}
.h253{flex:1;min-width:0;font-size:15px;font-weight:700;color:#FFFFFF;line-height:1.2}
.h254{display:none;align-items:center;gap:8px;font-size:13px;color:#8A97AE}
.h255{width:14px;height:14px;border-radius:50%;border:2px solid #22314D;border-top-color:#7ED4A8;animation:zspin .8s linear infinite}
.h256{display:flex;flex-direction:column;align-items:flex-end;gap:2px;text-align:right}
.h257{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#7ED4A8}
.h258{width:14px;height:14px;fill:none;stroke:#7ED4A8;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h259{font-size:12px;color:#8A97AE;white-space:nowrap}
.h260{margin-top:28px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.h261{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 20px;border-radius:999px;background:#111B2E;border:1px solid rgba(126,212,168,.5);color:#FFFFFF;font-size:15px;font-weight:700;white-space:nowrap}
.h262{width:18px;height:18px;flex:none;fill:none;stroke:#7ED4A8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h263{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding-bottom:12px;border-bottom:1px solid #22314D}
.h264{font-size:13px;font-weight:700;letter-spacing:.2em;color:#7ED4A8}
.h265{margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:700;letter-spacing:.06em;color:#FFFFFF}
.h266{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));grid-auto-rows:1fr;gap:14px}
.h267{height:100%;display:flex;gap:16px;align-items:flex-start;padding:16px 20px;border-radius:18px;background:#111B2E;border:1px solid #22314D;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.h267:hover{transform:translateY(-4px);border-color:#2E4266;box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h268{flex:none;width:44px;height:44px;border-radius:12px;background:rgba(126,212,168,.12);display:flex;align-items:center;justify-content:center}
.h269{width:20px;height:20px;fill:none;stroke:#7ED4A8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h270{min-width:0}
.h271{font-size:18px;font-weight:700;color:#FFFFFF;line-height:1.3}
.h272{margin-top:6px;font-size:15px;line-height:1.55;color:#C9D3E3;text-wrap:pretty}
.h273{padding:5px 12px;border-radius:999px;border:1px solid #7ED4A8;color:#7ED4A8;font-size:11px;font-weight:700;letter-spacing:.14em;white-space:nowrap}
.h274{margin-top:14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.h275{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:14px}
/* DROPZAM */
.h276{margin-top:24px;margin-bottom:24px}
.h277{border:1px solid rgba(126,212,168,.6);border-radius:24px;background:#111B2E;box-shadow:0 0 0 6px rgba(126,212,168,.06),0 0 64px rgba(126,212,168,.14);padding:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:28px;align-items:center}
.h278{margin:12px 0 0;font-size:clamp(28px,3.4vw,42px);line-height:1.1;letter-spacing:-.015em;color:#FFFFFF;font-weight:700;text-wrap:balance}
.h279{margin:14px 0 0;font-size:17px;line-height:1.6;color:#C9D3E3;text-wrap:pretty}
.h280{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.h281{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(126,212,168,.5);color:#FFFFFF;font-size:14px;font-weight:700;white-space:nowrap}
.h282{width:16px;height:16px;fill:none;stroke:#7ED4A8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h283{position:relative;width:100%;aspect-ratio:560/320}
.h284{position:absolute;inset:0;width:100%;height:100%}
.h285{fill:none;stroke:#7ED4A8;stroke-width:2;stroke-dasharray:6 8;opacity:.75;animation:zdash 2.4s linear infinite var(--ps,running)}
.h286{position:absolute;left:4%;top:22%;width:17%;aspect-ratio:9/18;border-radius:14%/7%;background:#0B1220;border:2px solid #2E4266;padding:6% 1.6%;display:flex;align-items:center}
.h287{width:100%;aspect-ratio:9/12;border-radius:6px;background:#16223A;border:1px solid #7ED4A8;display:flex;align-items:center;justify-content:center}
.h288{width:38%;aspect-ratio:1;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h289{width:45%;height:45%;fill:#0B1220;margin-left:8%}
.h290{position:absolute;left:27%;top:10%;width:46%}
.h291{aspect-ratio:16/10;border-radius:10px 10px 0 0;background:#0B1220;border:2px solid #2E4266;padding:4%;display:flex;align-items:center;justify-content:center}
.h292{width:62%;aspect-ratio:16/9;border-radius:6px;background:#16223A;border:1px solid #7ED4A8;display:flex;align-items:center;justify-content:center}
.h293{width:22%;aspect-ratio:1;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h294{height:10px;margin:0 -7%;border-radius:0 0 10px 10px;background:#2E4266}
.h295{position:absolute;right:3%;top:20%;width:21%;aspect-ratio:3/4;border-radius:10px;background:#0B1220;border:2px solid #2E4266;padding:7%;display:flex;align-items:center;justify-content:center}
.h296{width:100%;aspect-ratio:16/9;border-radius:5px;background:#16223A;border:1px solid #7ED4A8;display:flex;align-items:center;justify-content:center}
.h297{width:30%;aspect-ratio:1;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h298{display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#0027E7;color:#FFFFFF;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}
.h298:hover{background:#0020C4;text-decoration:none}
.h299{width:18px;height:18px;fill:none;stroke:#FFFFFF;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
/* 5 TRACKZAM */
.h300{margin:0;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.02em;color:#FFFFFF;font-weight:700;max-width:980px;text-wrap:balance}
.h301{margin:14px 0 0;max-width:780px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#C9D3E3;text-wrap:pretty}
.h302{margin-top:28px}
.h303{display:flex;justify-content:center}
.h304{position:relative;width:min(100%,320px);padding:28px 24px;border-radius:18px;background:#111B2E;border:1.5px solid #4FD1E0;text-align:center}
.h305{position:absolute;inset:-1px;border-radius:18px;border:1.5px solid #4FD1E0;animation:zring 2.6s ease-out infinite var(--ps,running)}
.h306{position:absolute;inset:-1px;border-radius:18px;border:1.5px solid #4FD1E0;animation:zring 2.6s ease-out 1.3s infinite var(--ps,running)}
.h307{font-size:clamp(22px,2.4vw,28px);font-weight:700;letter-spacing:.32em;color:#4FD1E0;padding-left:.32em}
.h308{margin-top:8px;font-size:14px;color:#C9D3E3}
.h309{display:block;width:100%;height:110px}
.h310{fill:none;stroke:#7ED4A8;stroke-width:2.5;stroke-dasharray:6 6;animation:zdash 1.6s linear infinite var(--ps,running)}
.h311{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.h312{height:100%;background:#111B2E;border:1px solid #F0B35B;border-radius:18px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}
.h312:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h313{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:700;letter-spacing:.18em;color:#F0B35B}
.h314{width:20px;height:20px;border-radius:50%}
.h315{margin:16px 0 0;font-size:19px;font-weight:700;line-height:1.35;color:#FFFFFF}
.h316{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}
.h317{display:flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(240,179,91,.12);color:#FFFFFF;font-size:14px}
.h318{margin-top:20px;padding-top:16px;border-top:1px solid #22314D;display:flex;gap:10px;align-items:center;font-size:15px;color:#C9D3E3}
.h319{width:32px;height:32px;flex:none;border-radius:8px}
.h320{margin:0 auto;width:2.5px;height:40px;position:relative;overflow:hidden;background:rgba(126,212,168,.35);display:none}
.h321{position:absolute;top:0;left:0;width:100%;height:30%;background:#7ED4A8;animation:zpy 1.6s linear infinite var(--ps,running)}
.h322{height:100%;background:#111B2E;border:1px solid #7ED4A8;border-radius:18px;padding:24px;transition:transform .2s ease,box-shadow .2s ease}
.h322:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h323{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;font-weight:700;letter-spacing:.18em;color:#7ED4A8}
.h324{width:16px;height:16px;fill:none;stroke:#7ED4A8;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.h325{width:20px;height:20px}
.h326{display:flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:rgba(126,212,168,.12);color:#FFFFFF;font-size:14px}
.h327{margin-top:28px;display:flex;gap:16px;align-items:flex-start;max-width:900px}
.h328{flex:none;width:48px;height:48px;border-radius:12px;background:rgba(79,209,224,.12);display:flex;align-items:center;justify-content:center}
.h329{margin:0;font-size:clamp(18px,1.7vw,22px);line-height:1.5;color:#FFFFFF;font-weight:700;text-wrap:pretty}
.h330{margin:14px 0 0;font-size:13px;line-height:1.6;color:#8A97AE}
/* 6 IMPROVE */
.h331{font-size:13px;font-weight:700;letter-spacing:.24em;color:#F0B35B}
.h332{margin:12px 0 0;font-size:clamp(34px,4.6vw,56px);line-height:1.05;letter-spacing:-.02em;color:#FFFFFF;font-weight:700;max-width:1000px;text-wrap:balance}
.h333{margin-top:28px;background:#111B2E;border:1px solid #22314D;border-radius:18px;padding:28px}
.h334{position:relative;padding-bottom:56px}
.h335{position:relative;height:110px}
.h336{position:absolute;top:0;left:10%;transform:translateX(-50%);transition:left .9s cubic-bezier(.5,0,.2,1),opacity .4s ease;width:58px;border-radius:10px;background:#16223A;border:1.5px solid #F0B35B;padding:6px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.h337{width:100%;aspect-ratio:9/12;border-radius:6px;background:#0B1220;display:flex;align-items:center;justify-content:center}
.h338{width:22px;height:22px;border-radius:50%;background:#FFFFFF;display:flex;align-items:center;justify-content:center}
.h339{width:9px;height:9px;fill:#0B1220;margin-left:2px}
.h340{font-size:10px;font-weight:700;letter-spacing:.08em;color:#F0B35B;white-space:nowrap}
.h341{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.h342{position:absolute;top:27px;left:10%;right:10%;height:2px;background:rgba(240,179,91,.3)}
.h343{position:relative;z-index:1;flex:none;width:56px;height:56px;border-radius:50%;background:#0B1220;border:2px solid #F0B35B;display:flex;align-items:center;justify-content:center;transition:background .3s ease,border-color .3s ease}
.h344{width:24px;height:24px;fill:none;stroke:#F0B35B;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .3s ease}
.h345{display:flex;align-items:center;justify-content:center;gap:10px;font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:.1em;color:#F0B35B}
.h346{width:36px;height:36px;flex:none;border-radius:9px}
.h347{margin-top:6px;font-size:15px;font-weight:700;color:#FFFFFF}
.h348{margin:6px 0 0;font-size:14px;line-height:1.5;color:#C9D3E3;text-wrap:pretty}
.h349{font-size:clamp(17px,1.5vw,20px);font-weight:700;letter-spacing:.1em;color:#F0B35B}
.h350{position:absolute;left:10%;right:10%;bottom:8px;height:40px;border:2px solid rgba(240,179,91,.32);border-top:none;border-radius:0 0 20px 20px}
.h351{position:absolute;left:0;right:0;bottom:-2px;height:2px;overflow:hidden}
.h352{position:absolute;top:0;left:0;width:20%;height:100%;background:#F0B35B;animation:zpxr 3.4s linear infinite var(--ps,running)}
.h353{position:absolute;left:-8px;top:-10px;width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:10px solid #F0B35B}
.h354{position:absolute;left:50%;bottom:-9px;transform:translateX(-50%);background:#111B2E;padding:0 14px;font-size:11px;font-weight:700;letter-spacing:.18em;color:#F0B35B;white-space:nowrap}
.h355{display:none;align-items:center;gap:16px;margin-bottom:28px}
.h356{flex:none;width:58px;border-radius:10px;background:#16223A;border:1.5px solid #F0B35B;padding:6px;display:flex;flex-direction:column;align-items:center;gap:6px;box-shadow:0 10px 24px rgba(0,0,0,.4)}
.h357{font-size:14px;line-height:1.5;color:#C9D3E3}
.h358{position:relative;display:none;flex-direction:column;gap:28px}
.h359{position:absolute;top:28px;bottom:28px;left:27px;width:2px;overflow:hidden;background:rgba(240,179,91,.3)}
.h360{position:absolute;top:0;left:0;width:100%;height:20%;background:#F0B35B;animation:zpy 3.4s linear infinite var(--ps,running)}
.h361{display:flex;gap:18px;align-items:flex-start}
.h362{margin-top:22px;font-size:11px;font-weight:700;letter-spacing:.16em;color:#F0B35B;display:none}
.h363{margin-top:24px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.h364{display:flex;gap:12px;align-items:flex-start;padding-top:20px;border-top:1px solid #22314D}
.h365{width:22px;height:22px;flex:none;fill:none;stroke:#F0B35B;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h366{font-size:clamp(19px,1.7vw,22px);line-height:1.3;font-weight:700;color:#FFFFFF}
.h367{margin-top:24px;background:#111B2E;border:1px solid #4FD1E0;border-radius:18px;padding:28px}
.h368{font-size:13px;font-weight:700;letter-spacing:.24em;color:#4FD1E0}
.h369{margin:12px 0 0;font-size:clamp(26px,3vw,38px);line-height:1.12;letter-spacing:-.01em;color:#FFFFFF;font-weight:700;max-width:900px;text-wrap:balance}
.h370{margin:14px 0 0;max-width:820px;font-size:17px;line-height:1.6;color:#C9D3E3;text-wrap:pretty}
.h371{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.h372{display:flex;flex-direction:column;gap:20px;padding:24px;border-radius:16px;background:#0B1220;border:1px solid #22314D}
.h373{display:flex;align-items:center;gap:10px}
.h374{width:10px;height:10px;border-radius:50%;background:#7ED4A8;animation:zdot 1.6s ease-in-out infinite var(--ps,running)}
.h375{font-size:11px;font-weight:700;letter-spacing:.18em;color:#8A97AE}
.h376{font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.15;color:#FFFFFF}
.h377{display:flex;gap:12px}
.h378{flex:1 1 0;min-width:0;max-width:140px;display:flex;align-items:center;justify-content:center;height:56px;padding:0 12px;border-radius:999px;background:#7ED4A8;color:#0B1220;font-size:22px;font-weight:700;letter-spacing:.08em;animation:zyes 8s ease-in-out infinite var(--ps,running)}
.h379{flex:1 1 0;min-width:0;max-width:140px;display:flex;align-items:center;justify-content:center;height:56px;padding:0 12px;border-radius:999px;background:#F0B35B;color:#0B1220;font-size:22px;font-weight:700;letter-spacing:.08em;opacity:.22;animation:zno 8s ease-in-out infinite var(--ps,running)}
.h380{width:28px;height:28px}
.h381{display:flex;align-items:center;gap:14px;min-height:56px}
.h382{flex:none;width:44px;height:44px;border-radius:50%;background:rgba(79,209,224,.14);display:flex;align-items:center;justify-content:center}
.h383{width:22px;height:22px;fill:none;stroke:#4FD1E0;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.h384{font-size:clamp(17px,1.6vw,20px);line-height:1.35;font-weight:700;color:#4FD1E0}
.h385{margin:24px 0 0;font-size:13px;line-height:1.6;color:#8A97AE}
/* 7 GHOST */
.h386{margin:14px 0 0;max-width:820px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#C9D3E3;text-wrap:pretty}
.h387{margin-top:28px;display:grid;grid-template-columns:200px 100px minmax(0,1fr) 100px 200px;align-items:center;gap:0}
.h388{padding:32px 24px;border-radius:18px;background:#111B2E;border:1.5px solid #C9D3E3;text-align:center}
.h389{font-size:clamp(24px,2.4vw,30px);font-weight:700;letter-spacing:.4em;padding-left:.4em;color:#FFFFFF}
.h390{margin-top:10px;font-size:13px;color:#C9D3E3}
.h391{margin-top:4px;font-size:12px;color:#8A97AE}
.h392{display:block;width:100px;height:486px}
.h393{fill:none;stroke:#C9D3E3;stroke-width:1.5;stroke-dasharray:4 6;opacity:.45;animation:zdash 2s linear infinite var(--ps,running)}
.h394{justify-self:center;width:2px;height:32px;background:rgba(201,211,227,.35);display:none}
.h395{display:grid;grid-template-columns:1fr;gap:10px}
.h396{height:52px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:12px;background:#111B2E;border:1px solid #22314D}
.h397{width:18px;height:18px;flex:none;fill:none;stroke:#4FD1E0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h398{flex:none;width:96px;font-size:14px;line-height:1.15;font-weight:700;color:#FFFFFF}
.h399{flex:1;height:4px;border-radius:2px;background:#22314D;position:relative;overflow:hidden;display:block}
.h400{position:absolute;top:0;left:0;height:100%;width:30%;border-radius:2px;background:#4FD1E0;opacity:.85}
.h401{padding:28px 20px;border-radius:18px;background:#111B2E;border:1.5px solid #4FD1E0;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.h402{width:52px;height:52px;border-radius:50%;background:rgba(79,209,224,.12);display:flex;align-items:center;justify-content:center}
.h403{width:24px;height:24px;fill:none;stroke:#4FD1E0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h404{font-size:13px;font-weight:700;letter-spacing:.2em;color:#FFFFFF}
.h405{font-size:14px;line-height:1.45;color:#C9D3E3}
/* 8 CHOOSE */
.h406{text-align:center}
.h407{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.04;letter-spacing:-.02em;color:#FFFFFF;font-weight:700}
.h408{margin:14px auto 0;max-width:640px;font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:#C9D3E3}
.h409{margin-top:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:14px}
.h410{height:100%;background:#111B2E;border:1px solid #22314D;border-top:3px solid #F0B35B;border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:transform .2s ease,box-shadow .2s ease}
.h410:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h411{width:64px;height:64px;border-radius:50%}
.h412{font-size:13px;font-weight:700;letter-spacing:.22em;color:#F0B35B}
.h413{font-size:clamp(34px,3.6vw,44px);font-weight:700;color:#FFFFFF;line-height:1.05}
.h414{margin:0;font-size:17px;line-height:1.55;color:#C9D3E3}
.h415{margin-top:auto;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#F0B35B;color:#0B1220;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}
.h415:hover{background:#E0A34B;text-decoration:none}
.h416{height:100%;background:#111B2E;border:1px solid #22314D;border-top:3px solid #7ED4A8;border-radius:18px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;transition:transform .2s ease,box-shadow .2s ease}
.h416:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.35)}
.h417{width:64px;height:64px}
.h418{font-size:13px;font-weight:700;letter-spacing:.22em;color:#7ED4A8}
.h419{margin-top:auto;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:0 28px;border-radius:999px;background:#0027E7;color:#FFFFFF;font-size:16px;font-weight:700;text-decoration:none;transition:background .15s}
.h419:hover{background:#0020C4;text-decoration:none}
/* FOOTER */
.h420{border-top:1px solid #22314D}
.h421{max-width:1280px;margin:0 auto;padding:32px clamp(20px,4.5vw,64px) 40px;display:flex;flex-direction:column;gap:14px}
.h422{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}
.h423{font-size:13px;letter-spacing:.06em;color:#C9D3E3}
.h424{display:flex;gap:4px;font-size:13px}
.h425{display:flex;align-items:center;min-height:44px;padding:0 10px;color:#C9D3E3}
.h426{font-size:13px;color:#8A97AE}
.h427{font-size:12px;color:#8A97AE}
/* hero flow: choice */
.hr1{height:22%}
.hr2{height:75%}
.hr3{height:83%}
.hr4{height:45%}
.hr5{height:41%}
.hr6{height:50%}
.hr7{height:32%}
.hr8{height:37%}
.hr9{height:55%}
.hr10{height:48%}
.hr11{height:86%}
.hr12{height:24%}
.hr13{height:76%}
.hr14{height:80%}
.hr15{height:42%}
.hr16{height:40%}
.hr17{height:28%}
.hr18{height:59%}
.hr19{height:51%}
.hr20{height:88%}
.hr21{height:74%}
.hr22{height:27%}
.hr23{height:77%}
.hr24{height:39%}
.hr25{height:23%}
.hr26{height:46%}
.hr27{height:63%}
.hr28{height:54%}
.hr29{height:90%}
.hr30{height:72%}
.hr31{height:29%}
.hr32{height:73%}
.hr33{height:36%}
.hr34{height:35%}
.hr35{height:66%}
.hr36{height:57%}
.hr37{height:91%}
.hr38{height:70%}
.hr39{height:31%}
.hr40{height:69%}
.hr41{height:33%}
.hr42{height:26%}
.hr43{height:60%}
.hr44{height:92%}
.hr45{height:68%}
.hr46{left:6%}
.hr47{left:24%}
.hr48{left:43%}
.hr49{left:61%}
.hr50{left:80%}
.hr51{animation-delay:.2s}
.hr52{width:100%;aspect-ratio:16/9}
.hr53{animation-delay:.5s}
.hr54{width:52%;aspect-ratio:9/16}
.hr55{animation-delay:.8s}
.hr56{animation-delay:1.1s}
.hr57{animation-delay:1.4s}
.hr58{border:1px solid #F0B35B}
.hr59{border:1px solid #22314D}
/* CARD B */
.hr60{animation-delay:0s}
.hr61{animation-delay:.6s}
.hr62{animation-delay:1.2s}
/* 7 GHOST */
.hr69{animation:zlane 2.4s linear infinite var(--ps,running)}
.hr70{animation:zlane 3.1s linear infinite var(--ps,running)}
.hr71{animation:zlane 2.7s linear infinite var(--ps,running)}
.hr72{animation:zlane 3.4s linear infinite var(--ps,running)}
.hr73{animation:zlane 2.9s linear infinite var(--ps,running)}
.hr74{animation:zlane 2.2s linear infinite var(--ps,running)}
.hr75{animation:zlane 3.6s linear infinite var(--ps,running)}
.hr76{animation:zlane 3.2s linear infinite var(--ps,running)}
.h220.is-on .hr63{border:1px solid #F0B35B}
.h220.is-on .hr64{opacity:0}
.h220.is-on .hr65{opacity:1}
.h251.is-posting .hr66{border:1px solid #22314D}
.h251.is-posting .hr67{display:flex}
.h251.is-posting .hr68{display:none}
@media (max-width: 1099px){
  .h82{grid-template-columns:1fr}
  .h118{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h219{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h275{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
  .h334{display:none}
  .h345{justify-content:flex-start}
  .h355{display:flex}
  .h358{display:flex}
  .h362{display:revert}
  .h387{grid-template-columns:1fr;gap:16px}
  .h392{display:none}
  .h394{display:revert}
  .h395{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width: 979px){
  .h6{order:3;flex-basis:100%;display:none;padding-bottom:8px}
  .h7{flex-direction:column;width:100%}
  .h9{display:flex}
  body.menu-open .h6{display:block}
}
@media (max-width: 859px){
  .h20{padding:0 28px 56px 0}
  .h21{grid-template-columns:1fr;gap:14px}
  .h50{width:64px;height:64px;font-size:20px}
  .h72{display:none}
  .h74{display:revert}
  .h76{flex-direction:column;align-items:stretch}
  .h77{flex:0 0 auto}
  .h82{grid-template-columns:repeat(2,minmax(0,1fr))}
  .h92{width:2px;height:36px}
  .h93{width:100%;height:30%;animation:zpy 1.8s linear infinite var(--ps,running)}
  .h105{width:2px;height:36px}
  .h106{width:100%;height:30%;animation:zpy 1.8s linear infinite var(--ps,running)}
  .h107{flex:0 0 auto}
  .h129{display:none}
  .h166{display:block}
  .h236{grid-template-columns:1fr;gap:16px}
  .h246{display:none}
  .h248{display:revert}
  .h309{display:none}
  .h311{grid-template-columns:1fr}
  .h320{display:revert}
  .h395{grid-template-columns:1fr}
}
@media (max-width: 599px){
  .h11{flex-basis:100%}
  .h12{flex:1 1 0}
  .h13{flex:1 1 0}
  .h118{grid-template-columns:1fr}
  .h219{grid-template-columns:1fr}
  .h275{grid-template-columns:1fr}
  .h363{grid-template-columns:1fr}
}