:root{color-scheme:dark;--bg:#07111f;--bg2:#0a1827;--card:#0c1d2e;--card2:#11273a;--ink:#eef6ff;--muted:#a6b8cb;--line:#294259;--accent:#83d8ff;--success:#9ce5bd;--warn:#ffd18a;--shadow:0 20px 60px #0003;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit}button{font:inherit}.progress{position:fixed;z-index:20;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,#8ab4ff,var(--accent))}.header{position:sticky;top:0;z-index:10;border-bottom:1px solid #fff2;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(16px)}.nav{max-width:var(--max);min-height:70px;margin:auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand img{display:block;width:min(174px,36vw);max-height:46px;object-fit:contain;object-position:left}.links{display:flex;gap:23px;align-items:center}.links a{text-decoration:none;color:var(--muted);font-size:.93rem}.right{display:flex;align-items:center;gap:8px}.theme,.menu{background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer}.menu{display:none}.hero{position:relative;overflow:hidden;border-bottom:1px solid #fff1;background:radial-gradient(ellipse at 78% 34%,#174b6b77,transparent 44%),radial-gradient(ellipse at 28% 4%,#303a7652,transparent 40%),linear-gradient(180deg,var(--bg),var(--bg2))}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#9bdcff09 1px,transparent 1px),linear-gradient(90deg,#9bdcff09 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#0008,transparent 82%);pointer-events:none}.hero-inner{position:relative;z-index:1;max-width:var(--max);margin:auto;padding:88px 22px 78px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:42px}.eyebrow{color:var(--accent);font-size:.75rem;font-weight:750;letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:800px;margin:18px 0 22px;font-size:clamp(3rem,7.7vw,6.4rem);line-height:.99;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#b6eaff,#84b6ff);background-clip:text}.lead{max-width:680px;margin:0;color:var(--muted);font-size:clamp(1.12rem,2vw,1.36rem)}.intro{max-width:700px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border:1px solid transparent;border-radius:10px;text-decoration:none;font-weight:700;transition:transform .18s}.btn:hover{transform:translateY(-2px)}.primary{color:white;background:linear-gradient(105deg,#176e96,#287db0);box-shadow:0 8px 30px #0874a333}.ghost{background:#0c1d2e88;border-color:#44617c}.workflow{padding:21px;border:1px solid #4b759459;border-radius:21px;background:linear-gradient(155deg,#10283cdd,#0a1726ee);box-shadow:var(--shadow);transform:rotate(1deg)}.workflow-head{display:flex;justify-content:space-between;color:var(--muted);font-size:.83rem;margin-bottom:14px}.dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#63dda1;box-shadow:0 0 0 5px #63dda11d}.node{display:grid;grid-template-columns:36px 1fr auto;gap:11px;align-items:center;margin:9px 0;padding:12px;border:1px solid #fff1;border-radius:12px;background:#ffffff05}.node-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;color:#bceaff;background:#27779b33}.node b{display:block;font-size:.91rem}.node small{display:block;color:var(--muted);font-size:.74rem}.node .state{color:var(--success);font-size:.72rem}.down{text-align:center;height:8px;line-height:.6;color:#6db9df}.section{padding:72px 22px;border-top:1px solid #ffffff0c}.container{max-width:var(--max);margin:auto}.section h2{margin:10px 0 14px;font-size:clamp(2rem,4.4vw,3.25rem);line-height:1.13;letter-spacing:-.045em}.sub{max-width:740px;margin:0;color:var(--muted);font-size:1.03rem}.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:32px}.pillar{min-height:182px;padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(140deg,var(--card2),var(--card))}.pillar span{color:var(--accent);font-weight:800;font-size:.75rem;letter-spacing:.12em}.pillar h3{margin:11px 0 7px;font-size:1.12rem}.pillar p{margin:0;color:var(--muted);font-size:.93rem}.gallery-section{background:linear-gradient(180deg,var(--bg),var(--bg2) 48%,var(--bg))}.gallery-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.count{color:var(--muted);font-size:.82rem;white-space:nowrap}.filters{position:sticky;top:70px;z-index:5;display:flex;gap:8px;overflow-x:auto;padding:12px 0;margin-bottom:17px;background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(12px);scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{flex:none;border:1px solid var(--line);border-radius:99px;padding:8px 13px;background:var(--card);color:var(--muted);cursor:pointer;font-size:.83rem}.filter[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#07111f;font-weight:750}.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card{display:flex;flex-direction:column;min-height:235px;padding:19px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,var(--card2),var(--card));transition:transform .18s,border-color .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);border-color:#5687a4;box-shadow:0 15px 32px #0002}.card[hidden]{display:none}.card-top{display:flex;align-items:center;gap:9px}.icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid #84d8ff22;border-radius:11px;background:#2c739333;color:#a6e3ff;font-weight:800}.category{flex:1;color:var(--accent);font-size:.69rem;letter-spacing:.13em;text-transform:uppercase;font-weight:750}.badge{white-space:nowrap;padding:5px 8px;border:1px solid #fff2;border-radius:99px;background:#1b533728;color:var(--success);font-size:.66rem;line-height:1.2}.limited{color:var(--warn);background:#75521d26;border-color:#ffd18a28}.pending{color:#c1c9d2;background:#ffffff08}.card h3{margin:15px 0 5px;font-size:1.06rem;line-height:1.3}.card p{margin:0 0 15px;color:var(--muted);font-size:.88rem}.card-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto;padding-top:11px;border-top:1px solid #fff1}.card-foot small{color:var(--muted);font-size:.7rem}.open{color:#bdeaff;text-decoration:none;font-size:.82rem;font-weight:700;white-space:nowrap}.open:hover{text-decoration:underline}.disabled{color:#82909e}.note{margin-top:18px;padding:13px 16px;border-left:3px solid var(--warn);border-radius:0 9px 9px 0;background:#ffd18a0d;color:var(--muted);font-size:.85rem}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:26px}.step{padding:14px 5px;border-top:2px solid #4e86a5}.step b{display:block;margin-bottom:4px}.step p{margin:0;color:var(--muted);font-size:.86rem}.final{background:radial-gradient(ellipse at 80% 20%,#174c6e55,transparent 48%),var(--bg2)}.final-box{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:clamp(24px,5vw,45px);border:1px solid var(--line);border-radius:19px;background:#0c1d2e99}.footer{padding:24px 22px calc(24px + env(safe-area-inset-bottom));border-top:1px solid var(--line);color:var(--muted);font-size:.8rem}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.to-top{position:fixed;right:20px;bottom:22px;z-index:8;width:44px;height:44px;border:1px solid #63819a;border-radius:50%;background:#10283deb;color:var(--ink);box-shadow:var(--shadow);cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}.to-top.visible{opacity:1;pointer-events:auto;transform:none}
html[data-theme="light"]{color-scheme:light;--bg:#f5f8fb;--bg2:#edf3f8;--card:#fff;--card2:#f8fbfd;--ink:#142638;--muted:#52677a;--line:#d1dde7;--accent:#14658b;--success:#247447;--warn:#9b6418;--shadow:0 18px 48px #17304918}html[data-theme="light"] .header{background:#f5f8f8e8}html[data-theme="light"] .hero{background:radial-gradient(ellipse at 78% 34%,#c4e8f877,transparent 44%),radial-gradient(ellipse at 28% 4%,#d9def752,transparent 40%),linear-gradient(180deg,var(--bg),var(--bg2))}html[data-theme="light"] .hero:after{background-image:linear-gradient(#3567810b 1px,transparent 1px),linear-gradient(90deg,#3567810b 1px,transparent 1px)}html[data-theme="light"] .workflow{background:linear-gradient(155deg,#fff,#eff6fa)}html[data-theme="light"] .node{background:#edf5f8;border-color:#dce9ef}html[data-theme="light"] .gallery-section{background:linear-gradient(180deg,#f5f8fb,#edf3f8 48%,#f5f8fb)}html[data-theme="light"] .filters{background:#edf3f8e8}html[data-theme="light"] .filter{background:white}html[data-theme="light"] .filter[aria-pressed="true"]{background:#176e96;color:white}html[data-theme="light"] .final{background:radial-gradient(ellipse at 80% 20%,#c4e8f855,transparent 48%),var(--bg2)}html[data-theme="light"] .final-box{background:#ffffffb8}html[data-theme="light"] .ghost{background:#ffffff88}html[data-theme="light"] .open{color:#145e81}
@media(max-width:900px){.hero-inner{grid-template-columns:1.05fr .95fr;gap:24px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.pillars{grid-template-columns:1fr 1fr}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){html{scroll-padding-top:66px}.nav{min-height:62px;padding:8px 15px}.brand img{width:145px;max-height:38px}.menu{display:block}.links{display:none;position:absolute;left:12px;right:12px;top:calc(100% + 8px);padding:10px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch;gap:0}.links.open{display:flex}.links a{padding:10px;border-radius:8px}.hero-inner{display:flex;flex-direction:column;align-items:stretch;padding:59px 18px 44px;gap:30px}.hero h1{font-size:clamp(3rem,13.5vw,4.25rem)}.workflow{transform:none;padding:16px}.section{padding:54px 18px}.gallery-title{display:block}.count{display:block;margin-top:9px}.filters{top:62px;margin-left:-18px;margin-right:-18px;padding:10px 18px}.gallery{grid-template-columns:1fr;gap:11px}.card{min-height:212px;padding:18px}.pillars{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr;gap:5px}.final-box{display:block}.final-box .btn{width:100%;margin-top:8px}.footer-inner{display:block}.footer-inner span{display:block;margin:4px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}