@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#061238;--deep:#050d2a;--blue:#0864f9;--cyan:#00c7ed;--green:#3edb74;--text:#17264b;--muted:#60708d;--line:#dbe9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:#fff;overflow-x:hidden}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.wrap{max-width:1220px;padding:0 30px;margin:auto}.section{position:relative;padding:112px 0;overflow:hidden;scroll-margin-top:82px}.nav{height:76px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:28px;padding:0 max(30px,calc((100vw - 1160px)/2));background:rgba(255,255,255,.92);backdrop-filter:blur(18px);border-bottom:1px solid #e7f0f8}.brand{display:flex;align-items:center;gap:9px;color:var(--navy);font-family:Manrope,sans-serif;font-size:24px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.brandmark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:white;font-size:23px;font-weight:800;font-style:italic;background:linear-gradient(145deg,#49e33f,#02b9d9 45%,#0756e9);box-shadow:0 7px 20px #0571ef4a}.nav nav{display:flex;gap:28px;margin:auto;font-size:13px;font-weight:700;color:#60708d}.nav nav a:hover{color:var(--blue)}.navcta{background:var(--navy);color:white;padding:13px 18px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.navcta span,.button span{margin-left:12px}.hero{padding:92px 0 104px;background:radial-gradient(circle at 68% 44%,#caeeff 0,transparent 37%),linear-gradient(140deg,#fff 21%,#eaf7ff 75%,#ecfff5);min-height:660px}.hero-grid,.split,.close-grid{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:60px}.hero h1{font-size:clamp(44px,5.2vw,76px);line-height:1.08;letter-spacing:-.065em;margin:25px 0 22px;max-width:720px}h1,h2,h3{font-family:Manrope,Arial,sans-serif}em{font-style:normal;background:linear-gradient(90deg,#0067ff,#00bdd5 52%,#41ca4b);-webkit-background-clip:text;background-clip:text;color:transparent}.eyebrow,.kicker{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--blue)}.eyebrow{display:inline-flex;align-items:center;gap:10px;border:1px solid #b5d8f9;background:#ffffffaa;padding:10px 14px;border-radius:50px}.pulse{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #39d78329}.lead{font-size:18px;line-height:1.75;color:#546783;max-width:570px}.actions{display:flex;gap:12px;margin:30px 0}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:17px 22px;font-weight:800;font-size:13px;letter-spacing:.05em;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px)}.primary{color:#fff;background:linear-gradient(110deg,#075cf1,#02abd8 60%,#15c894);box-shadow:0 15px 32px #006fe43b}.subtle{background:white;color:#1651a0;border:1px solid #d6e7f7}.hero-meta{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:700;color:#487092}.hero-art{filter:drop-shadow(0 28px 30px #006cbd31);animation:float 6s ease-in-out infinite}.hero-art img{width:100%}.glow{position:absolute;pointer-events:none}.glow1{width:700px;height:700px;border:1px solid #47c5ff2b;border-radius:50%;right:-240px;top:-120px;box-shadow:0 0 0 80px #36bdff0b,0 0 0 160px #35adff09}.light{background:#fff}.pale{background:linear-gradient(135deg,#f5fbff,#f0f8ff 60%,#f5fff9)}.dark,.navy{color:#fff;background:radial-gradient(circle at 75% 55%,#083b82 0,transparent 42%),#061237}.navy{background:radial-gradient(circle at 15% 80%,#063d62 0,transparent 40%),#071632}.section h2{font-size:clamp(34px,3.6vw,52px);line-height:1.17;letter-spacing:-.045em;margin:15px 0 21px}.section p{font-size:16px;line-height:1.78;color:var(--muted)}.dark p,.navy p,.close p{color:#b5cbe4}.heading{max-width:760px;margin-bottom:38px}.heading.center{text-align:center;margin:0 auto 44px}.art-frame{border-radius:32px;background:radial-gradient(circle,#e0f9ff,#f4f9ff 65%);min-height:300px;display:flex;align-items:center;justify-content:center;padding:18px;box-shadow:inset 0 0 0 1px #dceafa,0 26px 56px #0d5caa15}.art-frame img{width:100%;height:auto;object-fit:contain}.dark-art{background:radial-gradient(circle,#114c86,#0b1b49 75%);box-shadow:inset 0 0 0 1px #26629d}.clear{background:transparent;box-shadow:none}.reverse>div:first-child{order:2}.tag-row,.chip-list{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.tag-row span,.tag-row strong,.chip-list span{font-size:12px;border:1px solid #cde2f4;background:#f5faff;color:#41617b;border-radius:40px;padding:10px 14px}.tag-row strong{background:#e2f8ec;color:#159954}.steps,.feature-grid,.strategy-grid,.audience{display:grid;gap:16px}.steps.four,.feature-grid,.audience{grid-template-columns:repeat(4,1fr)}.steps article,.feature-grid article,.audience article{border:1px solid #dceaf6;background:#fff;padding:28px;border-radius:18px;box-shadow:0 12px 25px #0c65b20a}.steps b,.flow b{font-size:12px;color:var(--blue);letter-spacing:.1em}.steps h3,.feature-grid h3,.audience h3{font-size:17px;margin:18px 0 5px}.steps p,.feature-grid p,.audience p{font-size:14px;line-height:1.65;margin:0}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.mini-grid span{border:1px solid #315681;border-radius:10px;padding:13px;color:#d8efff;font-size:13px}.line-list{margin-top:27px;border-top:1px solid #dbe9f6}.line-list div{display:flex;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid #dbe9f6;font-size:14px;font-weight:600}.line-list b{color:var(--blue)}.light-lines{border-color:#315075}.light-lines div{border-color:#315075}.light-lines b{color:var(--green)}.visual-orb{border-radius:50%;background:radial-gradient(circle,#a6e9ff,transparent 66%);padding:15px}.visual-orb img{filter:drop-shadow(0 15px 28px #0066cd36)}.feature-grid article{background:#0e254e;border-color:#21446f;box-shadow:none}.feature-grid i{font-size:28px;font-style:normal;color:#58e49a}.feature-grid p{color:#b3c7e2}.robot-art{height:500px;display:flex;justify-content:center;background:radial-gradient(circle,#caf6ff,transparent 65%)}.robot-art img{height:100%;width:auto;object-fit:contain;mix-blend-mode:multiply}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:35px 0}.flow>div{border:1px solid #d4e8f6;border-radius:14px;background:white;padding:20px;min-width:0}.flow h3{font-size:15px;margin:12px 0 5px}.flow p{font-size:12px;line-height:1.55;margin:0}.wide-asset{max-width:890px;width:100%;margin:35px auto 0;filter:drop-shadow(0 18px 27px #0958bd26)}.layers{display:grid;gap:12px}.layers div{display:grid;grid-template-columns:38px 170px 1fr;gap:14px;align-items:center;border:1px solid #2e5686;background:#0b2854;border-radius:14px;padding:20px}.layers b{color:#44dcca}.layers strong{font-size:15px}.layers span{font-size:13px;color:#adcae4}.strategy-grid{grid-template-columns:repeat(3,1fr)}.strategy-grid article{min-height:250px;padding:28px;border:1px solid #dceafa;border-radius:20px;background:linear-gradient(140deg,#f8fcff,#fff);box-shadow:0 18px 40px #1260b010}.strategy-grid article>span{font-size:11px;letter-spacing:.15em;font-weight:800;color:#0c8ac2}.strategy-grid h3{font-size:24px;margin:26px 0 8px}.strategy-grid p{font-size:14px}.strategy-grid strong{font-size:13px;color:var(--blue)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:30px}.metrics div{border:1px solid #d5e7f7;border-radius:14px;padding:16px;background:#f8fcff}.metrics strong{display:block;font-size:24px;color:#075fdc}.metrics span{font-size:11px;color:#60708d}.plans{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.plans article{display:flex;flex-direction:column;padding:22px 19px;background:#fff;border:1px solid #d6e7f7;border-radius:20px;box-shadow:0 12px 32px #0a59ad11;min-width:0}.plans .highlight{background:linear-gradient(150deg,#08265d,#0669c7 65%,#0eaf98);color:#fff;box-shadow:0 18px 38px #006ee247}.plan-name{color:#007ac6;font-size:12px;font-weight:800;letter-spacing:.14em}.highlight .plan-name{color:#7af3b5}.plans h3{font-size:34px;margin:24px 0 10px;letter-spacing:-.04em}.plans h3 small{font-size:15px;font-weight:600}.plans b{font-size:19px;white-space:nowrap;color:#0871da}.plans .highlight b{color:#8dfba9}.plans article>span:not(.plan-name){font-size:11px;color:#7b92ab;margin:4px 0 14px}.plans .highlight article>span,.plans .highlight>span:not(.plan-name){color:#b3e6f3}.plans p{font-size:12px;line-height:1.6;margin:auto 0 0}.plans .highlight p{color:#d4eafb}.note{font-size:12px!important;color:#667b96!important;margin-top:20px}.bonus-list{display:grid;gap:12px;margin-top:25px}.bonus-list div{border-left:3px solid #20c5bc;padding:3px 0 3px 16px}.bonus-list strong{display:block;font-size:15px}.bonus-list span{display:block;color:#63758d;font-size:13px;line-height:1.6;margin-top:5px}.risk-list{display:grid;gap:10px;margin-top:28px}.risk-list div{display:flex;gap:16px;border:1px solid #295476;border-radius:12px;padding:15px;background:#0b2c4b}.risk-list b{color:#40debd}.risk-list span{color:#c9deec;font-size:13px;line-height:1.6}.audience article>span{color:var(--blue);font-size:30px}.close{background:radial-gradient(circle at 70% 50%,#0a69ae 0,transparent 45%),linear-gradient(130deg,#04102f,#092758);color:white}.close h2{font-size:clamp(42px,4.3vw,62px)}.close-grid>img{filter:drop-shadow(0 25px 35px #00beff33)}.close .eyebrow{background:#0b3d66;color:#8ceaca;border-color:#2b7389}.web3-guide{margin-top:24px;padding:18px 20px;border:1px solid #386992;border-radius:14px;background:#ffffff0d;max-width:650px}.web3-guide strong{font-size:14px}.web3-guide ol{padding-left:21px;color:#bbd1e6;font-size:12px;line-height:1.75;margin:10px 0 0}footer{background:#030b21;color:#95aac5}.footer-row{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:100px;font-size:12px}.footer-row .brand{color:#fff;font-size:20px}@keyframes float{50%{transform:translateY(-15px)}}
@media(max-width:1000px){.plans{grid-template-columns:repeat(3,1fr)}.steps.four,.feature-grid,.audience{grid-template-columns:repeat(2,1fr)}.flow{grid-template-columns:repeat(3,1fr)}.nav nav{gap:12px}.split,.hero-grid{gap:24px}}
@media(max-width:720px){.nav{height:64px;padding:0 18px}.nav nav{display:none}.navcta{margin-left:auto;font-size:10px;padding:11px 12px}.brand{font-size:20px}.brandmark{width:30px;height:30px;font-size:20px}.wrap{padding:0 20px}.section{padding:75px 0;scroll-margin-top:63px}.hero{padding:64px 0 65px;min-height:0}.hero-grid,.split,.close-grid{grid-template-columns:1fr;gap:30px}.hero h1{font-size:clamp(42px,10vw,60px);line-height:1.08;margin:20px 0}.lead{font-size:16px}.hero-art{max-width:530px;margin:auto}.actions{flex-direction:column}.actions .button,.wide-button{width:100%}.hero-meta{gap:10px 16px}.reverse>div:first-child{order:0}.section h2{font-size:clamp(32px,8vw,44px)}.section p{font-size:15px}.heading.center{text-align:left}.steps.four,.feature-grid,.strategy-grid,.audience{grid-template-columns:1fr 1fr;gap:10px}.steps article,.feature-grid article,.audience article{padding:18px}.strategy-grid article{padding:18px;min-height:220px}.strategy-grid h3{font-size:19px}.flow{grid-template-columns:1fr 1fr}.layers div{grid-template-columns:32px 1fr;gap:5px 10px}.layers span{grid-column:2}.plans{grid-template-columns:1fr 1fr}.plans article{padding:17px 14px}.plans h3{font-size:29px;margin:17px 0 9px}.plans b{font-size:16px}.robot-art{height:390px}.art-frame{min-height:220px}.close-grid>img{max-width:460px;margin:auto}.footer-row{flex-wrap:wrap;padding-top:22px;padding-bottom:25px}.footer-row span{order:3;width:100%}}
@media(max-width:420px){.navcta{font-size:0;padding:9px 11px}.navcta span{font-size:16px;margin:0}.hero h1{font-size:40px}.eyebrow{font-size:9px;letter-spacing:.11em}.plans{grid-template-columns:1fr}.plans article{min-height:0}.plans p{margin:12px 0 0}.steps.four,.feature-grid,.audience,.strategy-grid,.flow{grid-template-columns:1fr}.metrics{grid-template-columns:1fr 1fr}.metrics div:last-child{grid-column:1/-1}.mini-grid{grid-template-columns:1fr}.section{padding:65px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.button{transition:none}}
@media(prefers-reduced-motion:no-preference){.section:not(.hero):not(.visible) .wrap{opacity:.7;transform:translateY(12px)}.section .wrap{transition:opacity .65s ease,transform .65s ease}}
/* V2: blend the opaque illustration edges into each section. */
.art-frame{isolation:isolate;overflow:hidden}
.art-frame img[src*="120642"],.art-frame img[src*="120645"],.art-frame img[src*="120651"]{width:112%;max-width:none;margin:-3%;-webkit-mask-image:radial-gradient(ellipse 69% 66% at 50% 50%,#000 65%,transparent 100%);mask-image:radial-gradient(ellipse 69% 66% at 50% 50%,#000 65%,transparent 100%)}
.art-frame img[src*="120642"],.art-frame img[src*="120651"]{mix-blend-mode:multiply}
.dark-art img[src*="120645"]{mix-blend-mode:screen;opacity:.9}
.close-grid>img[src*="image-gen-5"]{border-radius:26px;-webkit-mask-image:radial-gradient(ellipse 75% 72% at 50% 50%,#000 64%,transparent 100%);mask-image:radial-gradient(ellipse 75% 72% at 50% 50%,#000 64%,transparent 100%)}
.section h2 em{background-image:linear-gradient(95deg,#0a58ee 0%,#00b8d8 55%,#25cc89 100%)}
.dark h2 em,.navy h2 em,.close h2 em{background-image:linear-gradient(95deg,#4c99ff,#5fe0ee 55%,#79e9a5)}
.whatsapp-button{display:flex;max-width:650px;margin-top:13px;border:1px solid #65d6ae;background:#0b463f;color:#d9ffed;box-shadow:0 12px 28px #001a1c35}
.whatsapp-button:hover{box-shadow:0 16px 32px #08c78555}
@media(max-width:720px){.whatsapp-button{width:100%}.art-frame img[src*="120642"],.art-frame img[src*="120645"],.art-frame img[src*="120651"]{width:120%;margin:-8%}}

.link-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;max-width:650px}.link-button{font-family:inherit;cursor:pointer;border:1px solid #4f87ae;background:#ffffff16;color:#efffff;min-height:52px;text-align:center}.link-button:hover{background:#ffffff27}.wide-button{max-width:650px}
@media(max-width:470px){.link-actions{grid-template-columns:1fr}.link-button{width:100%}}

/* v5: proportional desktop CTA and true transparent mascot */
.robot-art{background:radial-gradient(circle at 50% 52%,#c9f5ff 0%,#eaf9ff 42%,transparent 73%);overflow:visible}
.robot-art img{mix-blend-mode:normal;filter:drop-shadow(0 22px 28px #1482cc25)}
.visual-orb img[src*="axis-mascot-cutout"]{mix-blend-mode:normal;filter:drop-shadow(0 16px 25px #0b72d833)}
.close-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,64px)}
.close-grid>div:first-child{min-width:0;max-width:690px}
.close .wide-button,.close .link-actions,.close .whatsapp-button,.close .web3-guide{width:100%;max-width:100%}
.close .wide-button{min-height:62px}
.close .link-actions{grid-template-columns:repeat(2,minmax(0,1fr))}
.close .link-button,.close .whatsapp-button{min-height:58px}
.matching-scale{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:6px 0 10px!important;padding:0!important;border:0!important}
.matching-scale span{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:10px 6px;border:1px solid #d6e9f6;border-radius:10px;background:#f4fbff;text-align:center}
.matching-scale b{font-size:12px;color:#385b79}.matching-scale strong{font-size:20px;color:#0a9f73;margin-top:2px}
@media(max-width:720px){.close-grid{grid-template-columns:1fr}.close-grid>div:first-child{max-width:none}.matching-scale{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:470px){.close .link-actions{grid-template-columns:1fr}.matching-scale{grid-template-columns:repeat(2,minmax(0,1fr))}}