:root{color-scheme:light;--bg:#eaf2ed;--panel:#ffffff80;--text:#18382b;--muted:#486557;--green:#277354;--line:#8fae9c55;--amber:#76572b}
html{background:#eaf2ed}
body.crystal{position:relative;isolation:isolate;background:radial-gradient(ellipse 850px 750px at 6% 3%,#b3d9c9a0,transparent 75%),radial-gradient(ellipse 750px 780px at 95% 15%,#c3d9f2b0,transparent 75%),radial-gradient(ellipse 960px 800px at 7% 41%,#b7d9c98c,transparent 74%),radial-gradient(ellipse 900px 900px at 100% 65%,#dce1f5b0,transparent 75%),linear-gradient(145deg,#edf3ec,#e5eee8 35%,#eef1e9 65%,#e6f0ec);overflow-x:clip}
.crystal-ambient{position:absolute;z-index:-1;inset:0 0 auto;height:1700px;overflow:hidden;pointer-events:none}
.crystal-orb{position:absolute;display:block;border:1px solid #ffffffb3;border-radius:48% 52% 61% 39% / 41% 49% 51% 59%;background:radial-gradient(ellipse at 30% 16%,#ffffffd9 0,transparent 38%),linear-gradient(140deg,#ffffff61,#75baa34d 45%,#568f8833 65%,#ffffff8c);box-shadow:inset 9px 10px 26px #ffffffb3,inset -12px -18px 35px #749e9430,0 30px 70px #688a7914;opacity:.75}
.orb-a{width:520px;height:570px;left:-290px;top:150px;transform:rotate(-30deg)}
.orb-b{width:570px;height:540px;right:-260px;top:120px;transform:rotate(38deg);background:radial-gradient(ellipse at 30% 14%,#ffffffcf,transparent 40%),linear-gradient(140deg,#ffffff80,#b7cfe38f 43%,#93c4ac61 70%,#ffffffa8)}
.orb-c{width:670px;height:580px;left:25%;top:890px;transform:rotate(-24deg);opacity:.45}
.header{position:relative;z-index:3;margin-top:22px;min-height:82px;padding:15px 24px;border:1px solid #ffffffd9;border-radius:28px;background:linear-gradient(140deg,#ffffffb3,#ffffff59);box-shadow:inset 0 1px 0 #fff,0 12px 40px #2d594c0d;backdrop-filter:blur(22px) saturate(150%);-webkit-backdrop-filter:blur(22px) saturate(150%)}
.header .brand,.footer .brand{color:#173e2d}
.header .brand img,.footer .brand img{filter:brightness(.55) saturate(1.5)}
.header nav{gap:27px;color:#3c5d4c}
.header-link{border:1px solid #ffffffd9;border-radius:100px;padding:10px 18px;background:linear-gradient(145deg,#ffffffbf,#d1e9dba1);box-shadow:inset 0 1px 0 #fff,0 3px 10px #204f3620;color:#214932}
.hero{padding-top:86px;padding-bottom:66px}
.hero>.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border:1px solid #ffffffdf;border-radius:100px;background:#ffffff61;backdrop-filter:blur(10px);color:#335b46;letter-spacing:1.6px}
.hero .windows{margin:0;font-size:20px}
h1{font-weight:500;text-shadow:0 1px 0 #ffffffa8}
h1 em{color:#387f60}
.hero-copy{color:#4d6859}
.hero-actions{gap:24px}
.button{border-radius:100px;border:1px solid #ffffffcf;box-shadow:inset 0 1px 0 #ffffffc7,inset 0 -1px 0 #2c71521a,0 8px 22px #2b654023;transition:background .2s,transform .2s,box-shadow .2s}
.primary{background:linear-gradient(145deg,#eafff4c7,#b5e4cdbd);color:#193f2d;backdrop-filter:blur(14px)}
.primary:hover{background:linear-gradient(145deg,#f7fffb,#c6f0dc);box-shadow:inset 0 1px 0 #fff,0 12px 25px #2b65402b}
.text-link{border-color:#668e7570;color:#315b42}
.showcase-heading{padding-inline:10px;color:#315441}
.showcase-heading>span{color:#527060}
.screen-shell{padding:11px;border-color:#ffffffe6;border-radius:28px;background:linear-gradient(145deg,#ffffff94,#d8e8df61);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 32px 85px #30584726,0 7px 17px #2b584211;backdrop-filter:blur(18px) saturate(130%)}
.screen-toolbar{padding:3px 6px 13px}
.tabs{background:#bed4c652;border:1px solid #ffffff96;border-radius:100px;padding:4px;gap:3px}
.tabs button{border-radius:100px;color:#42624e;padding:7px 18px}
.tabs button[aria-selected=true]{background:linear-gradient(145deg,#ffffffed,#eff7efd4);color:#1b442e;box-shadow:inset 0 1px 0 #fff,0 2px 7px #2d54481a}
.tabs button:hover{background:#ffffff70;color:#153d27}
.expand{color:#325b43;border-radius:100px;padding-inline:13px}
.expand:hover{background:#ffffff94;color:#1b492f}
#screen-panel{border-radius:17px;box-shadow:0 1px 0 #fff}
.screen-caption{color:#506b5c}
.spec-strip{border:1px solid #ffffffa6;border-radius:22px;background:#ffffff47;margin-top:30px;padding:25px 20px;box-shadow:inset 0 1px 0 #fff;color:#496954}
.spec-strip strong{color:#264d36}
.features{gap:56px;grid-template-columns:.74fr 1.4fr;align-items:start}
.feature-grid{gap:18px}
:is(.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li){border:1px solid #ffffffcf;background:linear-gradient(140deg,#ffffffb0,#ffffff52);border-radius:24px;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 #ffffff80,0 10px 30px #3157400b;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.feature{padding:25px 23px}
.feature p,.release p,.release li{color:#486452}
.feature-no{color:#3c7755}
.feature h3{font-size:22px;margin-top:18px;color:#224930}
.tags{gap:6px}
.tags span{border:1px solid #ffffffc9;border-radius:100px;background:#ddebe370;color:#45664f;padding:4px 9px;font-size:11px}
.routing-section{background:linear-gradient(145deg,#d9e7dc70,#f9ffff75);border-block:1px solid #ffffffb8}
.route{gap:22px}
.route li{padding:27px}
.step{width:50px;height:50px;display:grid;place-items:center;background:linear-gradient(145deg,#fff9,#badac591);box-shadow:inset 0 1px 0 #fff,0 4px 12px #33573814;border:1px solid #fff;border-radius:16px;color:#33744e;font-size:27px}
.route h3{color:#23492f}
.route p{color:#4c6b55;margin-bottom:0}
.setup-details{padding-inline:26px;background:#ffffff75}
summary{color:#264b34}summary::after{color:#426e4b}
.details-body{color:#4a6853}
.release-list{display:grid;gap:15px}
.release,.release:first-child{padding:26px;grid-template-columns:80px 1fr;gap:24px}
.release.current{border-color:#a3c2abd6;box-shadow:inset 0 1px 0 #fff,0 16px 35px #3157400e;background:linear-gradient(130deg,#ffffffd6,#dbefdfa3)}
.release details{background:none;box-shadow:none;border:0;border-radius:0}
.release time{color:#5c7464}
.version{color:#397751}
.small-label{font-size:10px;letter-spacing:1.2px;color:#426f4f}
.launch{position:relative;border:1px solid #ffffffeb;border-radius:32px;background:linear-gradient(125deg,#e6faecb0,#a5d0b294 55%,#dbe8edb0);box-shadow:inset 0 2px 0 #ffffffc7,inset 0 -2px 0 #e4ffee9e,0 22px 60px #315f4021;backdrop-filter:blur(18px);color:#24442e}
.launch:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(125deg,#ffffff75,transparent 45%,transparent 70%,#ffffff80)}
.launch>*{position:relative}.launch .eyebrow{color:#4a7355}.launch p{color:#42654b}.launch-mark{filter:brightness(.5) saturate(1.3);opacity:.6}
.dark{background:linear-gradient(135deg,#315d3cf2,#183e29e8);color:#f3fff5;border-color:#94bfa180;box-shadow:inset 0 1px 0 #ffffff50,0 9px 24px #1a4b302d}
.dark:hover{background:linear-gradient(135deg,#40734cf2,#25563ce8)}
.support-card{padding:36px;background:linear-gradient(135deg,#ffffffc2,#eef8f280)}
.support-card h3{color:#284e36}
.pix-qr{border-radius:19px;box-shadow:0 7px 24px #27583a12}
.pix-recipient strong{color:#294a34}
.pix-status{color:#31734b}
#pix-code{background:#f6faf7c7;border-color:#a2bcae;color:#254431}
.faq-list{display:grid;gap:12px;align-content:start}
.faq-list details,.faq-list details:first-child{border:1px solid #ffffffcf;padding-inline:23px;border-radius:19px}
.faq-list p{color:#4d6856}
.contact{border-top-color:#b4cbbc70}
.contact-grid{gap:18px}
.contact-card{padding:29px;transition:background .2s,border-color .2s,box-shadow .2s}
.contact-card:hover{background:linear-gradient(135deg,#ffffffdf,#e1f3e7a6);border-color:#fff;box-shadow:inset 0 1px 0 #fff,0 15px 38px #335a441c}
.contact-platform{color:#397650}.contact-card strong{color:#234a32}.contact-description,.contact-help{color:#4b6955}
.footer{border-top-color:#b0c6b675;padding-bottom:110px}
.footer p,.footer>a:last-of-type,.footer small{color:#57715e}
dialog{background:#f3faf5e8;color:#244a33;border-color:#fff;border-radius:23px;backdrop-filter:blur(20px)}
dialog::backdrop{background:#193d30b8;backdrop-filter:blur(7px)}
dialog button{background:#d0e6d8;color:#274e38;border-radius:100px}
.skip{background:#173e2c;color:#fff}
.preview-controls{border-color:#ffffffeb;border-radius:18px;background:#f0f8f1dc;box-shadow:inset 0 1px 0 #fff,0 8px 28px #315b4526;color:#244b35;backdrop-filter:blur(20px)}
.preview-controls small{color:#587260}
.preview-controls button,.compare-preview{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffffd9;border-radius:100px;background:#d6e9dcc7;color:#2c5339;padding:7px 12px;font-size:12px;white-space:nowrap}
.preview-controls button:hover,.compare-preview:hover{background:#bfdcc8}
.compare-preview{background:#ffffffa6}
@supports not (backdrop-filter:blur(1px)){.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.preview-controls{background:#edf5ef}}
@media(min-width:1600px){.hero{padding-top:95px}}
@media(max-width:1100px){.header nav{gap:17px}.header{padding-inline:20px}.features{gap:32px}}
@media(max-width:1000px){.features{grid-template-columns:1fr}.feature-grid{gap:20px}.hero{padding-top:65px}.route{gap:16px}.route li{padding:22px}.release-list{gap:14px}}
@media(max-width:650px){.header{margin-top:12px;padding:14px 16px 0;border-radius:23px;min-height:88px}.header nav{gap:10px;padding:14px 0;font-size:11px}.header-link{font-size:11px;padding:8px 11px}.hero{padding-top:52px;padding-bottom:44px}.hero>.eyebrow{font-size:9px;letter-spacing:1px;padding:6px 11px}.hero h1{font-size:72px}.orb-a{width:290px;height:350px;left:-240px;top:180px}.orb-b{width:290px;height:310px;right:-215px;top:160px}.orb-c{left:15%;width:350px;height:370px;top:760px}.screen-shell{padding:7px;border-radius:19px}.screen-toolbar{gap:5px;padding:0 0 9px;flex-wrap:wrap}.tabs{padding:3px;gap:1px}.tabs button{padding:7px 10px;font-size:11px}.expand{font-size:11px;padding:5px 9px}#screen-panel{border-radius:11px}.showcase-heading{padding-inline:3px}.spec-strip{padding:19px 10px;gap:10px;border-radius:17px}.spec-strip strong{font-size:16px}.feature{padding:24px;border-radius:22px}.feature h3{font-size:23px}.tags span{font-size:12px}.route{gap:15px}.route li{padding:23px 22px 23px 83px;border-radius:21px}.step{position:absolute;left:20px;top:24px;width:44px;height:44px;border-radius:14px;font-size:23px}.route h3{font-size:20px}.release,.release:first-child{grid-template-columns:58px 1fr;gap:14px;padding:23px 19px}.release time{font-size:9px}.release h3{font-size:20px}.launch{padding:38px 27px;border-radius:25px}.support-card{padding:27px 22px}.faq-list details{padding-inline:20px}.contact-card{padding:25px}.preview-controls{padding:9px 11px}.preview-buttons{gap:5px}.preview-controls button,.compare-preview{font-size:11px;padding:7px 8px;flex:1}.footer{padding-bottom:140px}}
@media(prefers-contrast:more){:is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.preview-controls){background:#f5faf6;border-color:#779985;backdrop-filter:none}}

.theme-switch{display:flex;flex-shrink:0;gap:3px;padding:4px;border:1px solid #ffffffc9;border-radius:100px;background:#bbd2c552;box-shadow:inset 0 1px 3px #3357400b}
.theme-switch button{display:flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:100px;padding:7px 10px;color:#42624e;background:transparent;font-size:12px;line-height:1.4;white-space:nowrap}
.theme-switch button[aria-pressed=true]{color:#183f2a;background:linear-gradient(145deg,#fffffff0,#f0f8f1bf);border-color:#ffffffd9;box-shadow:0 2px 7px #2d54481a,inset 0 1px 0 #fff}
.theme-switch button:hover{background:#ffffff66}
.theme-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.header{gap:20px}.header nav{gap:22px}

html[data-theme=dark]{color-scheme:dark;--bg:#141a17;--panel:#1c2420;--text:#f0f1e9;--muted:#acb7ae;--green:#98d5bc;--line:#354239;--amber:#ddb487;background:#141a17}
html[data-theme=dark] body.crystal{background:radial-gradient(ellipse 850px 750px at 6% 3%,#365c4b45,transparent 75%),radial-gradient(ellipse 750px 780px at 95% 15%,#2b544947,transparent 75%),radial-gradient(ellipse 960px 800px at 7% 41%,#274a3b45,transparent 74%),radial-gradient(ellipse 900px 900px at 100% 65%,#344b4147,transparent 75%),linear-gradient(145deg,#141a17,#162019 35%,#171e19 65%,#141a17)}
html[data-theme=dark] .crystal-orb{border-color:#c4ffe32b;background:radial-gradient(ellipse at 30% 16%,#e2fff528,transparent 38%),linear-gradient(140deg,#b4e1c812,#48776238 45%,#294f3d4d 65%,#c4ffe325);box-shadow:inset 9px 10px 26px #ceffe71a,inset -12px -18px 35px #06110e38,0 30px 70px #00000024;opacity:.7}
html[data-theme=dark] .orb-b{background:radial-gradient(ellipse at 30% 14%,#d3ffea2b,transparent 40%),linear-gradient(140deg,#ddfff612,#5175643d 43%,#48745e38 70%,#e1ffed1f)}
html[data-theme=dark] .orb-c{opacity:.4}
html[data-theme=dark] .header{border-color:#d0ffe133;background:linear-gradient(140deg,#ffffff0f,#adc7b507);box-shadow:inset 0 1px 0 #e5ffef21,0 12px 40px #00000024}
html[data-theme=dark] :is(.header .brand,.footer .brand){color:var(--text)}
html[data-theme=dark] :is(.header .brand img,.footer .brand img){filter:none}
html[data-theme=dark] .header nav{color:#bdcbbf}
html[data-theme=dark] .header-link{border-color:#c8ffe333;background:linear-gradient(145deg,#ffffff12,#94b59d0d);box-shadow:inset 0 1px 0 #dcffe821,0 3px 10px #0002;color:#d5e9da}
html[data-theme=dark] .theme-switch{border-color:#d6ffe42b;background:#070d0933;box-shadow:inset 0 1px 3px #0002}
html[data-theme=dark] .theme-switch button{color:#b6c8bd}
html[data-theme=dark] .theme-switch button:hover{background:#daffe814}
html[data-theme=dark] .theme-switch button[aria-pressed=true]{background:linear-gradient(145deg,#d6ffe624,#98d5bc12);border-color:#c5f8da3b;color:#e4f8ed;box-shadow:inset 0 1px 0 #eafff526,0 2px 7px #0003}
html[data-theme=dark] .hero>.eyebrow{border-color:#d4ffe22b;background:#d3f1df09;color:#abd9bc}
html[data-theme=dark] h1{text-shadow:0 1px 0 #ffffff0a}
html[data-theme=dark] h1 em{color:#98d5bc}
html[data-theme=dark] .hero-copy{color:#acb7ae}
html[data-theme=dark] .button{border-color:#d8ffe44a;box-shadow:inset 0 1px 0 #ffffff3d,inset 0 -1px 0 #1a5a3133,0 8px 22px #0003}
html[data-theme=dark] .primary{background:linear-gradient(145deg,#b7ead2e8,#98d5bce0);color:#15241c}
html[data-theme=dark] .primary:hover{background:linear-gradient(145deg,#caf3e0,#a8dec6);box-shadow:inset 0 1px 0 #fff7,0 12px 25px #0004}
html[data-theme=dark] .text-link{border-color:#6b7d70;color:#c6e8d4}
html[data-theme=dark] .showcase-heading{color:#dce5db}
html[data-theme=dark] .showcase-heading>span{color:#acb7ae}
html[data-theme=dark] .screen-shell{border-color:#dbffe44d;background:linear-gradient(145deg,#ffffff12,#91b39a0a);box-shadow:inset 0 1px 0 #effff02e,inset 0 -1px 0 #ffffff0d,0 32px 85px #0005,0 7px 17px #0002}
html[data-theme=dark] .tabs{background:#07120b40;border-color:#bedcc51f}
html[data-theme=dark] .tabs button{color:#acb7ae}
html[data-theme=dark] .tabs button[aria-selected=true]{background:linear-gradient(145deg,#d8fce225,#c3f0d017);color:#edf3ec;box-shadow:inset 0 1px 0 #e7ffed2b,0 2px 7px #0002}
html[data-theme=dark] .tabs button:hover{background:#d8fce21a;color:#edf3ec}
html[data-theme=dark] .expand{color:#c3d5c6}
html[data-theme=dark] .expand:hover{background:#ffffff12;color:#b6e5c9}
html[data-theme=dark] #screen-panel{box-shadow:0 1px 0 #d7ffdd26}
html[data-theme=dark] .screen-caption{color:#acb7ae}
html[data-theme=dark] .spec-strip{border-color:#d7ffe326;background:#daf0df06;box-shadow:inset 0 1px 0 #fff1;color:#acb7ae}
html[data-theme=dark] .spec-strip strong{color:#f0f1e9}
html[data-theme=dark] :is(.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li){border-color:#ddffe52e;background:linear-gradient(140deg,#ffffff0e,#e3ffdf05);box-shadow:inset 0 1px 0 #e5ffed1f,inset 0 -1px 0 #ffffff09,0 10px 30px #0000001a}
html[data-theme=dark] :is(.feature h3,.route h3,.support-card h3,.contact-card strong){color:#f0f1e9}
html[data-theme=dark] :is(.feature p,.release p,.release li,.route p,.details-body,.faq-list p,.contact-description,.contact-help){color:#acb7ae}
html[data-theme=dark] :is(.feature-no,.version,.contact-platform){color:#98d5bc}
html[data-theme=dark] .tags span{border-color:#b9e7c426;background:#c5edcb08;color:#c4cfc6}
html[data-theme=dark] .routing-section{background:linear-gradient(145deg,#2a3d3024,#2a3b322e);border-color:#d9ffe01a}
html[data-theme=dark] .step{background:linear-gradient(145deg,#d9ffe61c,#96cda911);box-shadow:inset 0 1px 0 #eaffec26,0 4px 12px #0002;border-color:#daf5e22e;color:#98d5bc}
html[data-theme=dark] summary{color:#d6e2d6}
html[data-theme=dark] summary::after{color:#98d5bc}
html[data-theme=dark] .release.current{border-color:#a4d5b347;box-shadow:inset 0 1px 0 #e7ffea26,0 16px 35px #0002;background:linear-gradient(130deg,#bde0ca14,#88c7990a)}
html[data-theme=dark] .release details{background:none;box-shadow:none;border:0}
html[data-theme=dark] .release time{color:#acb7ae}
html[data-theme=dark] .small-label{color:#a4d4b4}
html[data-theme=dark] .launch{border-color:#d7ffe357;background:linear-gradient(125deg,#bde7c930,#568b6538 55%,#9dcbb630);box-shadow:inset 0 2px 0 #e1ffe92e,inset 0 -2px 0 #e4ffee12,0 22px 60px #0003;color:#edf6ed}
html[data-theme=dark] .launch:before{background:linear-gradient(125deg,#ffffff0d,transparent 45%,transparent 70%,#ffffff0a)}
html[data-theme=dark] .launch .eyebrow{color:#acd6b7}
html[data-theme=dark] .launch p{color:#c0d8c7}
html[data-theme=dark] .launch-mark{filter:none;opacity:.8}
html[data-theme=dark] .dark{background:linear-gradient(135deg,#b9e5cbd9,#98d5bcd9);color:#15241c;border-color:#e1ffeb80;box-shadow:inset 0 1px 0 #ffffff70,0 9px 24px #0003}
html[data-theme=dark] .dark:hover{background:linear-gradient(135deg,#c5edd5,#a8dfc6)}
html[data-theme=dark] .pix-qr{box-shadow:0 7px 24px #0002}
html[data-theme=dark] .pix-recipient strong{color:#e2eddf}
html[data-theme=dark] .pix-status{color:#98d5bc}
html[data-theme=dark] #pix-code{background:#152019bf;border-color:#79978080;color:#d2e1d5}
html[data-theme=dark] .faq-list details:first-child{border-color:#ddffe52e}
html[data-theme=dark] .contact{border-top-color:#c7ead020}
html[data-theme=dark] .contact-card:hover{background:linear-gradient(135deg,#ffffff17,#cdf4d30a);border-color:#d2efda57;box-shadow:inset 0 1px 0 #ffffff29,0 15px 38px #0002}
html[data-theme=dark] .footer{border-top-color:#c7ead02b}
html[data-theme=dark] :is(.footer p,.footer>a:last-of-type,.footer small){color:#acb7ae}
html[data-theme=dark] dialog{background:#18251deb;color:#e0f1e2;border-color:#accbb83b}
html[data-theme=dark] dialog::backdrop{background:#030704d9}
html[data-theme=dark] dialog button{background:#354c3c;color:#e4f2e5}
html[data-theme=dark] .skip{background:#98d5bc;color:#141a17}
html[data-theme=dark] .preview-controls{border-color:#bfe4cb40;background:#18281fe6;box-shadow:inset 0 1px 0 #e6fff32b,0 8px 28px #0004;color:#dcefe1}
html[data-theme=dark] .preview-controls small{color:#acb7ae}
html[data-theme=dark] :is(.preview-controls button,.compare-preview){border-color:#ceffdf26;background:#abd6b714;color:#d2eadb}
html[data-theme=dark] :is(.preview-controls button:hover,.compare-preview:hover){background:#c2efcc26}
html[data-theme=dark] .compare-preview{background:#ffffff0d}
@media(max-width:1100px){.header{gap:12px}.header nav{gap:16px}}
@media(min-width:651px) and (max-width:1050px){.header{flex-wrap:wrap}.header nav{order:4;width:100%;justify-content:center;padding-top:6px}.theme-switch{margin-left:auto}}
@media(max-width:650px){.header{display:grid;grid-template-columns:1fr auto;gap:0 10px}.header .brand{grid-column:1;grid-row:1}.theme-switch{grid-column:2;grid-row:1;padding:3px;gap:1px}.theme-switch button{padding:7px 8px;font-size:11px;gap:4px}.theme-switch svg{width:13px;height:13px}.header nav{grid-column:1/-1;grid-row:2;gap:10px}.header-link{display:none}}
@supports not (backdrop-filter:blur(1px)){html[data-theme=dark] :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.preview-controls){background:#202c24}}
@media(prefers-contrast:more){html[data-theme=dark] :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.preview-controls){background:#18271d;border-color:#6e9279;backdrop-filter:none}}

/* Layered highlights suggest curved glass without filtering or distorting text. */
html[data-theme]{
  --glass-fill:linear-gradient(128deg,#ffffff8c,#ffffff24 44%,#ffffff4a);
  --glass-edge:#ffffffa8;--glass-bright:#fff;--glass-dim:#ffffff20;
  --glass-shadow:#204f3921;--glass-contact:#255c4512;
  --glass-top:#ffffffd9;--glass-bottom:#fff9;--glass-wash:#ffffff59;
  --glass-fallback:#eaf2ed;--glass-aura:#62b9983d;
}
html[data-theme=dark]{
  --glass-fill:linear-gradient(128deg,#d8ffe913,#bacfc405 44%,#c0ffe20c);
  --glass-edge:#c9ffe340;--glass-bright:#e5fff4ad;--glass-dim:#afffd10a;
  --glass-shadow:#030d0859;--glass-contact:#00000026;
  --glass-top:#e6fff247;--glass-bottom:#a2fbd838;--glass-wash:#dcffed12;
  --glass-fallback:#203128;--glass-aura:#72d5ad29;
}
html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip){
  position:relative;isolation:isolate;
  border:1px solid var(--glass-edge);
  background:radial-gradient(ellipse 400px 210px at var(--glass-x,20%) var(--glass-y,0%),var(--glass-wash),transparent 85%),var(--glass-fill);
  box-shadow:inset 0 1px 1px var(--glass-top),inset 0 -1px 1px var(--glass-bottom),inset 2px 0 6px #ffffff08,inset -2px 0 7px #ffffff08,0 18px 42px -14px var(--glass-shadow),0 3px 8px var(--glass-contact);
  backdrop-filter:blur(20px) saturate(145%);-webkit-backdrop-filter:blur(20px) saturate(145%);
}
/* Only the perimeter gets the bright specular effect. Content stays untouched. */
html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip,.button,.header-link)::after{
  content:'';position:absolute;inset:-1px;padding:1.5px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(125deg,var(--glass-bright),var(--glass-dim) 28%,var(--glass-dim) 65%,var(--glass-bright) 90%,var(--glass-dim));
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;
}
html[data-theme] body.crystal .header{background:linear-gradient(115deg,#ffffff24,#ffffff08 42%,#ffffff14),var(--glass-fill);border-radius:30px;backdrop-filter:blur(24px) saturate(155%);-webkit-backdrop-filter:blur(24px) saturate(155%)}
html[data-theme] body.crystal .header::after{padding:1.8px}
html[data-theme] body.crystal .header nav a{border-radius:10px;transition:color .18s,text-shadow .18s}
html[data-theme] body.crystal .header nav a:hover{text-shadow:0 0 16px var(--glass-top)}
html[data-theme] body.crystal .screen-shell{padding:14px;border-radius:32px;box-shadow:inset 0 2px 2px var(--glass-top),inset 0 -2px 2px var(--glass-bottom),0 36px 80px -24px var(--glass-shadow),0 8px 20px var(--glass-contact)}
html[data-theme] body.crystal .screen-shell::after{padding:2px}
html[data-theme] body.crystal .screen-toolbar{padding:1px 2px 14px}
html[data-theme] body.crystal .feature{border-radius:28px}
html[data-theme] body.crystal .release.current{border-color:var(--glass-bright);background:radial-gradient(ellipse at 0 0,var(--glass-aura),transparent 72%),var(--glass-fill)}
html[data-theme] body.crystal .release details{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
html[data-theme] body.crystal .release details::after{content:none}
html[data-theme] body.crystal :is(.button,.header-link){position:relative;isolation:isolate;box-shadow:inset 0 2px 3px #ffffff70,inset 0 -3px 6px #20503921,0 9px 22px var(--glass-shadow);backdrop-filter:blur(14px) saturate(165%);-webkit-backdrop-filter:blur(14px) saturate(165%)}
html[data-theme] body.crystal .primary{background:radial-gradient(ellipse 180px 60px at var(--glass-x,30%) var(--glass-y,0%),#ffffffa8,transparent),linear-gradient(140deg,#e2fff08c,#99d8b970);color:#183d2b}
html[data-theme=dark] body.crystal .primary{background:radial-gradient(ellipse 180px 60px at var(--glass-x,30%) var(--glass-y,0%),#edfff380,transparent),linear-gradient(140deg,#b6e8ceb8,#98d5bc9c);color:#0b281b}
html[data-theme] body.crystal .button:active{transform:translateY(0) scale(.98)}
html[data-theme] body.crystal :is(.theme-switch,.tabs){box-shadow:inset 0 2px 5px var(--glass-contact),0 1px 0 var(--glass-top);border-color:var(--glass-dim)}
html[data-theme] body.crystal :is(.theme-switch button[aria-pressed=true],.tabs button[aria-selected=true]){border:1px solid var(--glass-edge);box-shadow:inset 0 1px 2px var(--glass-top),inset 0 -1px 1px var(--glass-bottom),0 3px 9px var(--glass-contact)}
html[data-theme] body.crystal .tabs button{border:1px solid transparent}
html[data-theme] body.crystal .hero>.eyebrow{box-shadow:inset 0 1px 1px var(--glass-top),inset 0 -1px 1px var(--glass-bottom),0 5px 16px var(--glass-contact);background:var(--glass-fill)}
/* Subtle pools of color underneath the glass make translucency visible. */
html[data-theme] body.crystal :is(.features,.updates,.support,.contact){position:relative;isolation:isolate}
html[data-theme] body.crystal :is(.features,.updates,.support,.contact)::before{content:'';position:absolute;z-index:-1;pointer-events:none;inset:6% -3%;background:radial-gradient(ellipse at 82% 27%,var(--glass-aura),transparent 46%),radial-gradient(ellipse at 35% 70%,var(--glass-wash),transparent 52%);mask-image:radial-gradient(ellipse closest-side,#000 40%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse closest-side,#000 40%,transparent 100%)}
html[data-theme] body.crystal .routing-section{background:radial-gradient(ellipse at 25% 48%,var(--glass-aura),transparent 60%),#ffffff03}
html[data-theme] body.crystal .crystal-orb{border-color:var(--glass-edge);box-shadow:inset 4px 6px 7px var(--glass-top),inset -3px -5px 6px var(--glass-bottom),inset 19px 23px 48px #ffffff12,0 28px 55px var(--glass-contact);opacity:.85}
html[data-theme] body.crystal .crystal-orb::before{content:'';position:absolute;inset:13px;border-radius:inherit;border-top:2px solid var(--glass-top);border-bottom:1px solid var(--glass-bottom);background:linear-gradient(135deg,#ffffff1a,transparent 45%,#ffffff0d 70%);box-shadow:0 -4px 12px #ffffff0a}
html[data-theme] body.crystal .orb-a{width:570px;height:610px;left:-370px;top:160px;transform:rotate(-38deg)}
html[data-theme] body.crystal .orb-b{width:600px;height:650px;right:-370px;top:85px;transform:rotate(32deg)}
html[data-theme] body.crystal .orb-c{width:850px;height:490px;left:26%;top:850px;transform:rotate(-24deg);opacity:.6}
html[data-theme] body.crystal .launch{background:radial-gradient(ellipse at 90% 45%,var(--glass-aura),transparent 60%),var(--glass-fill);border-color:var(--glass-edge);box-shadow:inset 0 2px 2px var(--glass-top),inset 0 -2px 2px var(--glass-bottom),0 22px 50px var(--glass-shadow)}
html[data-theme] body.crystal .preview-controls{background:var(--glass-fallback);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
@media(max-width:650px){
  html[data-theme] body.crystal .header{border-radius:25px}
  html[data-theme] body.crystal .screen-shell{padding:8px;border-radius:22px}
  html[data-theme] body.crystal .screen-toolbar{padding:0 0 9px}
  html[data-theme] body.crystal .orb-a{width:290px;height:350px;left:-245px;top:220px}
  html[data-theme] body.crystal .orb-b{width:300px;height:360px;right:-240px;top:140px}
  html[data-theme] body.crystal .orb-c{width:420px;height:380px;left:22%;top:780px}
  html[data-theme] body.crystal :is(.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip){backdrop-filter:none;-webkit-backdrop-filter:none}
}
/* Same glass geometry and lighting layers in both themes; only light colors change. */
html[data-theme=light]{
  --bg:#dce7e0;--panel:#f1f7f2b3;--muted:#365443;--line:#55756480;
  --glass-fill:linear-gradient(128deg,#ffffffa3,#d4e8da45 44%,#f4fff170);
  --glass-edge:#496e5994;--glass-bright:#fffffff2;--glass-dim:#365e4b70;
  --glass-shadow:#1d48353d;--glass-contact:#214c3629;
  --glass-top:#ffffffed;--glass-bottom:#315a4666;--glass-wash:#ffffff45;
  --glass-fallback:#e1ece4;--glass-aura:#3d956c36;
  background:#dce7e0;
}
html[data-theme=light] body.crystal{
  background:radial-gradient(ellipse 850px 750px at 6% 3%,#8eb6a47a,transparent 75%),radial-gradient(ellipse 750px 780px at 95% 15%,#a0bcc680,transparent 75%),radial-gradient(ellipse 960px 800px at 7% 41%,#96b7a56b,transparent 74%),radial-gradient(ellipse 900px 900px at 100% 65%,#b6c3cd80,transparent 75%),linear-gradient(145deg,#e0e9e2,#d4e1d8 35%,#e0e7dc 65%,#d8e5de);
}
html[data-theme=light] body.crystal :is(.hero-copy,.screen-caption,.showcase-heading>span,.feature p,.release p,.release li,.release time,.route p,.details-body,.faq-list p,.contact-description,.contact-help,.footer p,.footer>a:last-of-type,.footer small){color:#365443}
html[data-theme=light] body.crystal :is(.feature-no,.version,.contact-platform,.small-label){color:#245f40}
html[data-theme=light] body.crystal :is(.header nav,.tabs button,.theme-switch button,.expand,.spec-strip){color:#294c38}
html[data-theme=light] body.crystal :is(.theme-switch,.tabs){background:#54796338;border-color:#52736180}
html[data-theme=light] body.crystal :is(.theme-switch button[aria-pressed=true],.tabs button[aria-selected=true]){background:linear-gradient(145deg,#fffffff2,#e4f4e9d9);color:#173d28;border-color:#496e59a6}
html[data-theme=light] body.crystal :is(.theme-switch button:hover,.tabs button:hover,.expand:hover){background:#f4fff28c;color:#163e29}
html[data-theme=light] body.crystal .header-link{background:linear-gradient(145deg,#f5fff2a6,#95bda88c);color:#193e2a;border-color:#51776299}
html[data-theme=light] body.crystal .primary{background:radial-gradient(ellipse 180px 60px at var(--glass-x,30%) var(--glass-y,0%),#ffffffa8,transparent),linear-gradient(140deg,#bce5cdbd,#69a987a6);color:#143523;border-color:#456d56a6}
html[data-theme=light] body.crystal .hero>.eyebrow{border-color:#52776299;color:#28533b}
html[data-theme=light] body.crystal .tags span{border-color:#4c705b80;background:#b2cdbb70;color:#2f503a}
html[data-theme=light] body.crystal .step{background:linear-gradient(145deg,#ffffffb3,#96bfa391);border-color:#4d705b99;color:#275b39}
html[data-theme=light] body.crystal :is(.text-link,.footer,.contact,.routing-section){border-color:#54776180}
html[data-theme=light] body.crystal .crystal-orb{background:radial-gradient(ellipse at 30% 16%,#ffffffe0,transparent 38%),linear-gradient(140deg,#ffffff52,#669c8559 45%,#416b6045 65%,#f4fff18c)}
html[data-theme=light] body.crystal .orb-b{background:radial-gradient(ellipse at 30% 14%,#ffffffd9,transparent 40%),linear-gradient(140deg,#ffffff66,#91adbd80 43%,#67997e61 70%,#f3fff080)}
html[data-theme=light] body.crystal .launch-mark{opacity:.8}

@supports not (mask-composite:exclude){html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip,.button,.header-link)::after{display:none}}
@supports not (backdrop-filter:blur(1px)){html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip){background:var(--glass-fallback)}}
@media(prefers-contrast:more),(forced-colors:active){
  html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip,.launch,.button,.header-link){background:var(--glass-fallback);color:var(--text);border:1px solid currentColor;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
  html[data-theme] body.crystal :is(.header,.screen-shell,.feature,.release,.support-card,.contact-card,.setup-details,.faq-list details,.route li,.spec-strip,.button,.header-link)::after{display:none}
  html[data-theme] body.crystal .crystal-ambient{display:none}
}

/* The public site has no preview toolbar. */
html[data-theme] body.crystal .footer{padding-bottom:33px}