:root{font-family:Inter,'Segoe UI',Arial,sans-serif;font-size:clamp(10px,1.0627vw,16px);color:#0b2733;background:#f3fafb;--ink:#092733;--teal:#008a94;--aqua:#00dafa;--muted:#45526c;--line:#c8e3e8;--paper:#f4fbfc;font-synthesis:style}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;-webkit-font-smoothing:antialiased}
button,a,summary{-webkit-tap-highlight-color:transparent}
button,input,select{font:inherit}
button,a{touch-action:manipulation}
a{color:inherit;text-decoration:none}
button{cursor:pointer}
button:disabled{cursor:default}
:focus-visible{outline:3px solid #00a4b3;outline-offset:4px}
::selection{background:#a6eef0;color:#04343b}
.site-shell{position:relative;width:100%;max-width:94.1rem;margin-inline:auto;overflow:clip;background:#f6fcfc}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{display:block;flex:none;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;width:3rem;height:3rem}
.icon-fill{fill:currentColor;stroke:none}
.android-eye{fill:var(--android-eye,#e8ffff);stroke:none}
.skip-link{position:fixed;top:1rem;left:1rem;transform:translateY(-200%);z-index:100;padding:1rem 1.5rem;background:#fff;border-radius:.6rem;font-size:1.4rem}
.skip-link:focus{transform:none}
.eyebrow{margin:0;color:#007d91;font-size:.88rem;font-weight:600;letter-spacing:.30rem;line-height:1.5;text-transform:uppercase}
h1,h2,h3,p{margin-top:0}
h2{margin-bottom:1.15rem;font-weight:700;font-size:2.6rem;line-height:1.13;letter-spacing:-.11rem}
.section-description{font-size:1.3rem;line-height:1.43;color:var(--muted);margin-bottom:0}
.art{position:absolute;inset:0;pointer-events:none}
.site-header{position:absolute;inset:0 0 auto;z-index:10;height:5.8rem;display:flex;align-items:center;padding:0 3.7rem 0 4.7rem;gap:3rem}
.brand{display:inline-flex;align-items:center;gap:1.1rem;flex:none;white-space:nowrap;font-size:2.5rem;font-weight:700;letter-spacing:-.09rem;line-height:1}
.brand img{display:block;width:2.7rem;height:2.7rem;object-fit:contain}
.brand-accent{color:#008995}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:3.2rem;margin-left:7.7rem;font-size:1.06rem;color:#222831}
.desktop-nav a,.site-footer nav a{transition:color .18s ease}
.desktop-nav a:hover,.site-footer nav a:hover{color:var(--teal)}
.header-actions{display:flex;align-items:center;gap:1.6rem;margin-left:auto}
.language-picker{position:relative;font-size:1rem;font-weight:600;color:#264550}
.language-picker summary{display:flex;align-items:center;gap:.35rem;padding:.7rem .1rem;cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.language-picker .icon{width:1rem;height:1rem;stroke-width:3}
.language-list{position:absolute;right:0;top:calc(100% + .7rem);min-width:12rem;padding:.6rem;border:1px solid #cfedef;border-radius:1rem;background:rgba(255,255,255,.98);box-shadow:0 .7rem 3rem #06404b1a}
.language-list a{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem;border-radius:.6rem;font-size:1.1rem}
.language-list a:hover,.language-list a[aria-current]{background:#e4f8f9;color:#007e8b}
.button{display:inline-flex;align-items:center;justify-content:center;gap:1.25rem;min-height:4.6rem;padding:1.2rem 1.8rem;border:1px solid #00aaa9;border-radius:.75rem;background:linear-gradient(155deg,#08b4b2 0,#008c94 52%,#00606b 100%);box-shadow:inset 0 1px 0 #55e6d6,0 .5rem 1.7rem #078b9420;color:#fff;font-size:1.3rem;line-height:1.25;font-weight:700;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #55e6d6,0 .7rem 2rem #078b9438;filter:brightness(1.04)}
.button:active{transform:translateY(0)}
.button .icon{width:2rem;height:2rem;stroke-width:3.5}
.button-header{min-height:3.25rem;min-width:9.7rem;border-radius:.85rem;padding:.7rem 1.5rem;font-size:1.1rem;background:linear-gradient(150deg,#00adba,#007b89)}
.button-secondary{background:linear-gradient(125deg,#d6f3f4,#c5ecee);color:#00545e;border-color:#bce5e9;box-shadow:none;--android-eye:#d9f4f5}
.button-secondary:hover{box-shadow:0 .7rem 2rem #078b9415}
.menu-toggle,.mobile-nav{display:none}
.hero-scene{position:relative;height:48.1rem;background:radial-gradient(ellipse at 43% 44%,#e9f8fa88 0,transparent 55%),linear-gradient(115deg,#f5fcfd,#fff 55%,#e8f5f5);padding-top:5.8rem}
.hero-art{clip-path:inset(4.8rem 0 0);mask-image:linear-gradient(to right,transparent 41.7%,#000 42.2%);-webkit-mask-image:linear-gradient(to right,transparent 41.7%,#000 42.2%)}
.hero-floor{mask-image:linear-gradient(to bottom,transparent 85.5%,#000 87.5%);-webkit-mask-image:linear-gradient(to bottom,transparent 85.5%,#000 87.5%)}
.hero{position:relative;min-height:42.3rem}
.hero-copy{position:relative;z-index:1;width:39rem;padding-top:5.6rem;margin-left:4.75rem}
.hero .eyebrow{font-size:.85rem;letter-spacing:.31rem;margin-bottom:1.2rem}
h1{font-size:4.03rem;letter-spacing:-.17rem;line-height:1.06;margin:0 0 1.25rem;font-weight:700}
h1 span{display:block;color:#008c95}
.hero-description{max-width:35rem;margin-bottom:2.55rem;color:#445069;font-size:1.35rem;line-height:1.5;letter-spacing:-.02rem}
.hero-buttons{display:flex;align-items:center;gap:1.1rem}
.hero-buttons .button{font-size:1.23rem;padding-inline:1.4rem;gap:1.1rem}
.button-windows{min-width:20.5rem}
.hero-capabilities{display:flex;gap:1rem;align-items:center;margin:3.2rem 0 0;font-size:1.02rem;color:#333e51}
.hero-capabilities .icon{width:1.4rem;height:1.85rem;color:#357583;stroke-width:1.7}
.features{position:relative;min-height:20.4rem;background:linear-gradient(105deg,#f5fcfd,#faffff 50%,#eef9fa);padding:1rem 3.2rem 1.6rem}
.features>.eyebrow{font-size:.9rem;margin:0 0 1.5rem;line-height:1.5}
.feature-grid{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1.66fr) minmax(0,1.55fr) minmax(0,1.6fr) minmax(0,1.65fr) minmax(0,1.18fr)}
.feature-card{position:relative;display:block;padding:.1rem 1.9rem .3rem 2.25rem;min-width:0;border-left:1px solid #cbe6eb;transition:background .2s ease}
.feature-card:first-child{border-left:0;padding-left:0;padding-right:1rem}
.feature-card:last-child{padding-right:0}
.feature-card:hover{background:#d9f4f433}
.feature-card>.icon{width:4.5rem;height:4.5rem;margin:0 auto 1.2rem;color:#006779;stroke-width:2.65}
.feature-card h3{text-align:center;white-space:nowrap;margin:0 0 .9rem;font-family:'Roboto Condensed',Inter,sans-serif;font-size:1.4rem;line-height:1.2;font-weight:700;letter-spacing:-.025rem}
.feature-card p{font-family:'Roboto Condensed',Inter,sans-serif;font-size:1.16rem;line-height:1.35;color:#45546c;letter-spacing:0;margin:0}
.rules{position:relative;height:44rem;color:#eefcff;background:radial-gradient(ellipse at 53% 14%,#138b96aa,transparent 60%),linear-gradient(110deg,#07343c,#004956 70%,#123039);overflow:hidden}
.rules-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 32% 8%,#0f7085,transparent 50%),linear-gradient(155deg,transparent 70%,#02516680);opacity:.5;pointer-events:none}
.rules-art{background-position:center -68.5rem;mask-image:linear-gradient(to right,transparent 44.8%,#000 45.35%);-webkit-mask-image:linear-gradient(to right,transparent 44.8%,#000 45.35%)}
.rules-copy{position:relative;z-index:1;padding:3.35rem 0 0 3.3rem;width:40.9rem}
.rules .eyebrow{color:#11d3dc;font-size:.89rem;letter-spacing:.28rem;margin-bottom:1.35rem}
.rules h2{font-size:2.29rem;letter-spacing:-.09rem;white-space:nowrap;margin-bottom:1.4rem}
.rules .section-description{color:#c6e3ec;font-size:1.29rem;line-height:1.38;margin-bottom:1.75rem}
.rule-list{margin:0}
.rule-row{display:grid;grid-template-columns:15.3rem 1fr;gap:.8rem;align-items:center;border-top:1px solid #ffffff20;min-height:5.2rem;padding:.9rem .5rem .9rem .7rem}
.rule-row:first-child{border-top:0}
.rule-row dt{display:flex;align-items:center;gap:2.4rem;font-size:1.1rem;line-height:1.25;font-weight:700}
.rule-row .icon{color:#00daf3;width:2.7rem;height:2.7rem;stroke-width:2.6}
.rule-row dd{color:#c6e3ed;font-size:1.08rem;line-height:1.36;margin:0}
.platforms{position:relative;height:17.3rem;background:radial-gradient(ellipse at 40% 90%,#c9edef80,transparent 45%),linear-gradient(110deg,#f6fcfc,#effafa);overflow:hidden}
.platforms-art{background-position:center -112.5rem;mask-image:linear-gradient(to right,transparent 46.5%,#000 47%);-webkit-mask-image:linear-gradient(to right,transparent 46.5%,#000 47%)}
.platforms-copy{position:relative;z-index:1;padding:3.2rem 0 0 4.1rem;width:44rem}
.platforms .eyebrow{font-size:.86rem;margin-bottom:1.2rem}
.platforms h2{font-size:2.4rem;letter-spacing:-.11rem;white-space:nowrap;margin-bottom:1.1rem}
.platforms .section-description{font-size:1.25rem;line-height:1.5;max-width:39rem}
.linux-server{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:clamp(2rem,5vw,5rem);align-items:start;padding:4rem 5rem;background:linear-gradient(115deg,#eaf8f8,#f8fdfd 58%,#e5f5f6);border-top:1px solid #d6edef;border-bottom:1px solid #d6edef}
.linux-server-copy{max-width:43rem}
.linux-server .eyebrow{font-size:.86rem;margin-bottom:1rem}
.linux-server h2{font-size:2.4rem;letter-spacing:-.1rem;margin-bottom:1rem}
.linux-server .section-description{font-size:1.2rem;line-height:1.5}
.linux-server-details{margin-top:1.5rem}
.linux-server-details h3,.linux-agent-note h3{font-size:1rem;line-height:1.35;margin:0 0 .75rem;color:#153d48}
.linux-server-details ul{display:block;margin:0;padding-left:1.25rem;list-style:disc}
.linux-server-details li{padding:.18rem 0;color:#3e5964;font-size:.9rem;line-height:1.5}
.linux-server-details li::marker{color:#00a3ac}
.linux-agent-note{margin-top:1rem;padding:1rem 1.1rem;border-left:3px solid #00a5ad;border-radius:0 .7rem .7rem 0;background:#e0f3f3}
.linux-agent-note h3{display:flex;align-items:center;gap:.55rem;margin-bottom:.4rem}
.linux-agent-note h3 .icon{width:1.2rem;height:1.2rem;color:#007e88}
.linux-agent-note p{margin:0;color:#375660;font-size:.86rem;line-height:1.5}
.linux-scope-notes{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;margin-top:.8rem}
.linux-scope-notes p{margin:0;padding:.7rem .8rem;border-radius:.65rem;background:#ffffffb3;color:#526873;font-size:.78rem;line-height:1.45}
.linux-scope-notes strong{display:block;margin-bottom:.25rem;color:#0c414b;font-size:.8rem}
.linux-show-guide{margin-top:1.2rem;min-height:3rem;padding:.8rem 1.2rem;font-size:1rem;gap:.55rem}
.linux-instructions{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start;padding:1.8rem;border:1px solid #c6e5e8;border-radius:1rem;background:#ffffffc9;box-shadow:0 .7rem 2.2rem #07535c0d}
.linux-instructions-icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:.8rem;background:#dff5f5;color:#007d88}
.linux-instructions-icon .icon{width:1.8rem;height:1.8rem}
.linux-instructions h3{font-size:1.15rem;margin:.2rem 0 .5rem}
.linux-instructions p{font-size:.98rem;line-height:1.5;color:#455c69;margin:0}
.linux-server-guide>.linux-distros{display:inline-flex;margin:.8rem 0 0;padding:.55rem .8rem;border-radius:999px;background:#d9f1f2;color:#00747e;font-size:.78rem;font-weight:700;letter-spacing:.025rem}
.text-link{display:inline-flex;align-items:center;gap:.65rem;color:#007c89;font-weight:600;font-size:1.05rem;line-height:1.4;margin-top:.7rem}
.text-link:hover{text-decoration:underline;text-underline-offset:.3rem}
.text-link .icon{width:1.7rem;height:1.7rem}
.privacy{position:relative;min-height:16.8rem;background:radial-gradient(ellipse at 50% 100%,#def3f3,transparent 70%),#f5fcfc;display:grid;grid-template-columns:28% 39% 33%;align-items:center;overflow:hidden;padding-right:3.2rem}
.privacy-art{background-position:center -129.8rem;mask-image:linear-gradient(to right,#000 27%,transparent 29%);-webkit-mask-image:linear-gradient(to right,#000 27%,transparent 29%)}
.privacy-copy{position:relative;grid-column:2;padding-left:1.6rem;padding-right:1.8rem}
.privacy .eyebrow{font-size:.81rem;letter-spacing:.23rem;margin-bottom:1rem;white-space:nowrap}
.privacy h2{font-size:2.53rem;letter-spacing:-.11rem;line-height:1.15;margin-bottom:1rem}
.privacy .section-description{font-size:1.24rem;line-height:1.43}
.privacy-benefits{position:relative;margin-left:2.9rem;border-left:1px solid #c7e8ee;padding-left:2.15rem;padding-top:.3rem}
.privacy-benefit{display:flex;gap:1.25rem;align-items:center;margin-bottom:1.65rem}
.privacy-benefit:last-child{margin-bottom:0}
.privacy-benefit>.icon{width:3rem;height:3rem;color:#006372;stroke-width:2.35}
.privacy-benefit h3{font-size:.85rem;line-height:1.3;margin:0 0 .45rem;letter-spacing:-.02rem}
.privacy-benefit p{font-size:.75rem;line-height:1.5;color:#526780;margin:0}
.cta{position:relative;min-height:15.8rem;padding:.8rem 2rem 1.2rem;text-align:center;background:radial-gradient(ellipse at 50% 43%,#078496,#004451 55%,#002a38);color:#f6ffff;overflow:hidden}
.cta-art{background-position:center -146.6rem;mask-image:linear-gradient(to right,#000,transparent 28%,transparent 72%,#000);-webkit-mask-image:linear-gradient(to right,#000,transparent 28%,transparent 72%,#000)}
.cta-copy{position:relative;z-index:1}
.cta .eyebrow{color:#46d6db;font-size:.84rem;letter-spacing:.28rem;margin-bottom:.5rem}
.cta h2{font-size:3.4rem;line-height:1.14;letter-spacing:-.13rem;margin-bottom:.4rem}
.cta p:not(.eyebrow){font-size:1.12rem;line-height:1.25;max-width:48rem;margin:0 auto .5rem;color:#d2f4f6}
.cta-buttons{display:inline-flex;vertical-align:top;align-items:center;border:1px solid #02b9c3;border-radius:.85rem;background:linear-gradient(150deg,#0bc6c3,#008c98 75%);box-shadow:0 0 2.5rem #02d5e845;overflow:hidden}
.cta-buttons .button{min-height:4.2rem;border:0;border-radius:0;background:none;box-shadow:none;padding:.95rem 2.2rem;font-size:1.18rem;gap:1.4rem}
.cta-buttons .button:hover{transform:none;background:#ffffff12}
.cta-buttons .icon{width:1.8rem;height:1.8rem}
.button-divider{width:1px;height:1.7rem;background:#99f7f76b}
.site-footer{display:flex;align-items:center;min-height:4.8rem;padding:.7rem 4.8rem;gap:2rem;background:#f9ffff}
.brand-small{font-size:1.6rem;gap:.7rem;letter-spacing:-.07rem}
.brand-small img{width:2.1rem;height:2.1rem}
.site-footer nav{display:flex;gap:2.5rem;font-size:.77rem;color:#445370;margin-left:auto}
.footer-end{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;margin-left:auto;color:#4b5976}
.footer-end small{font-size:.73rem;white-space:nowrap}
.github-link .icon{width:1.3rem;height:1.3rem}

/* Supplemental information stays out of the reference composition. */
.panel{width:min(700px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:36px;border:1px solid #b4e2e6;border-radius:20px;background:linear-gradient(135deg,#fff,#eefafa);color:var(--ink);box-shadow:0 25px 100px #0028334d;overflow-y:auto;font-size:14px;line-height:1.6}
.panel::backdrop{background:#0026328f;backdrop-filter:blur(7px)}
.panel[open]{animation:panel-in .2s ease-out}
.panel h2{font-size:30px;line-height:1.12;letter-spacing:-1px;margin:10px 36px 14px 0}
.panel h3{font-size:17px;line-height:1.3;letter-spacing:-.35px;margin:0 0 10px}
.panel .eyebrow{font-size:10px;letter-spacing:2px}
.panel p{margin-bottom:18px;color:#425c6b}
.panel-lead{font-size:15px;line-height:1.6}
.panel-close{position:absolute;right:16px;top:16px;margin:0}
.panel-close button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #cfe7e9;border-radius:50%;background:#fff;color:#007985}
.panel-close .icon{width:20px;height:20px}
.panel .button{min-height:42px;font-size:13px;padding:10px 15px;border-radius:8px;gap:10px}
.panel .text-link{font-size:13px;margin-top:12px;gap:6px}
.panel .text-link .icon{width:20px;height:20px}
.panel-download{width:min(880px,calc(100vw - 32px))}
.download-grid{display:grid;grid-template-columns:1fr;gap:14px;margin:24px 0 20px}
.download-card{padding:22px;border:1px solid #c7e4e7;border-radius:13px;background:#ffffffb3;transition:border-color .2s,box-shadow .2s}
.download-card.is-selected{border-color:#07aab5;box-shadow:0 0 0 3px #04c7d210}
.download-card>.icon{width:30px;height:30px;color:#00838c;margin-bottom:18px;--android-eye:#fff}
.download-card p{font-size:13px;min-height:40px;margin-bottom:20px}
.download-card-windows{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:8px 16px}
.download-card-windows>.icon{grid-row:1;margin:0;width:32px;height:32px}
.download-card-windows h3,.download-card-windows p{margin:0;min-height:0}
.download-card-windows .button{grid-column:3;grid-row:1}
.download-source-group{padding:18px;border:1px solid #d4e9eb;border-radius:14px;background:#f7fcfc;transition:border-color .2s,box-shadow .2s}
.download-source-group.is-selected{border-color:#07aab5;box-shadow:0 0 0 3px #04c7d210}
.download-source-header{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.download-source-header>.icon{width:30px;height:30px;color:#00838c;--android-eye:#fff}
.download-source-header h3{font-size:16px;margin:0 0 3px}
.download-source-header p{font-size:12px;color:#59727d;margin:0}
.android-source-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.android-source-card{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px;align-items:start;padding:15px;border:1px solid #dcebed;border-radius:11px;background:#fff}
.android-source-card>.icon{width:30px;height:30px;margin:2px 0 0;color:#087e8b}
.android-source-card:nth-child(2)>.icon{color:#4285f4}
.android-source-card:nth-child(3)>.icon{color:#d5223a}
.android-source-card:nth-child(4)>.icon{color:#246bce}
.android-source-copy{min-width:0}
.android-source-copy h4{font-size:14px;line-height:1.35;margin:0 0 4px;color:#173741}
.android-source-copy p{font-size:11px;line-height:1.45;min-height:32px;margin:0 0 8px;color:#58707b}
.android-source-copy .button{min-height:34px;padding:7px 10px;font-size:11px;gap:6px;white-space:normal;text-align:center}
.android-source-copy .download-status{font-size:10px;padding:6px 8px;gap:5px}
.android-source-copy .download-status .icon{width:13px;height:13px}
.download-card-linux{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 14px}
.download-card-linux>.icon{grid-row:1/3;margin:0}
.download-card-linux h3,.download-card-linux p{margin:0;min-height:0}
.download-card-linux .button{grid-column:3;grid-row:1/3}
.download-status{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#58717c;padding:9px 11px;background:#e8f3f4;border-radius:7px}
.download-status .icon{width:16px;height:16px}
.panel p.panel-note{font-size:12px;color:#647983;line-height:1.5;margin-bottom:0}
.panel-wide{width:min(850px,calc(100vw - 32px))}
.panel-guide{width:min(960px,calc(100vw - 32px));max-height:min(92dvh,1100px);padding:0;background:#f3fafb}
.guide-header{position:relative;padding:34px 44px 24px;border-bottom:1px solid #d8ebee;background:radial-gradient(ellipse at 100% 0,#d5f3f2,transparent 56%),linear-gradient(120deg,#faffff,#eaf8f9)}
.guide-header h2{max-width:760px;margin:8px 42px 12px 0;font-size:32px;line-height:1.15;letter-spacing:-1px}
.guide-header .panel-lead{max-width:720px;margin:0;font-size:15px}
.guide-ip-note{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:12px 14px;border:1px solid #e8cf9e;border-radius:10px;background:#fff8e9;color:#624712;font-size:13px;line-height:1.5}
.guide-ip-note code{padding:2px 6px;border-radius:5px;background:#f6e9c9;font-weight:700}
.guide-body{display:grid;gap:12px;padding:22px 30px 30px}
.guide-block{padding:20px 22px;border:1px solid #dcebed;border-radius:13px;background:#fff}
.guide-block h3,.guide-block h4,.guide-block h5{color:#103440;line-height:1.35}
.guide-block h3{font-size:18px;margin:0 0 12px}
.guide-block h4{font-size:15px;margin:0 0 10px}
.guide-block h4:not(:first-child){margin-top:20px}
.guide-block h5{font-size:13px;margin:16px 0 8px}
.guide-block p,.guide-block li{font-size:13px;line-height:1.6;color:#465f6a}
.guide-block p:last-child{margin-bottom:0}
.guide-block ul,.guide-block ol{padding-left:22px;margin:8px 0 14px}
.guide-block li{padding-left:3px;margin-bottom:4px}
.guide-block a{color:#007c89;text-decoration:underline;text-underline-offset:2px}
.guide-block pre{margin:10px 0 14px;padding:14px 16px;overflow-x:auto;border:1px solid #1a4a57;border-radius:9px;background:#082d39;color:#d8f8fa;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2}
.guide-block pre:last-child{margin-bottom:0}
.guide-block pre code{font:inherit;white-space:pre}
.guide-note{padding:10px 12px;border-left:3px solid #00a9b0;border-radius:0 7px 7px 0;background:#e9f8f8;color:#23525b!important}
.guide-requirements{border-color:#bfe4e5;background:linear-gradient(125deg,#fff,#f0fbfa)}
.guide-phase{display:flex;align-items:center;gap:12px;padding:8px 2px 2px}
.guide-phase span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#007f89;color:white;font-size:12px;font-weight:700;letter-spacing:.04em}
.guide-phase h3{margin:0;color:#0d3540;font-size:17px}
.guide-paths dl{display:grid;grid-template-columns:minmax(150px,.6fr) 1.4fr;gap:9px 18px;margin:0}
.guide-paths dt{font-size:13px;font-weight:700;color:#49616b}
.guide-paths dd{min-width:0;margin:0;font-size:13px;color:#163c47;overflow-wrap:anywhere}
.guide-paths code{font:12px ui-monospace,SFMono-Regular,Consolas,monospace}
.guide-command-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.guide-command-grid pre{display:flex;flex-direction:column;gap:8px;min-width:0;margin:0}
.guide-command-grid pre span{padding-top:7px;border-top:1px solid #ffffff20;color:#a8cbd1;font:11px/1.45 Inter,'Segoe UI',sans-serif}
.guide-footer-note{margin:0;padding:12px 16px;border-radius:9px;background:#fff7e8;color:#755719;font-size:12px;line-height:1.5}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0}
.detail-grid article{padding:20px;background:#ffffffab;border:1px solid #d1e9eb;border-radius:12px}
.detail-grid .icon{width:28px;height:28px;color:#008891;margin-bottom:16px}
.detail-grid h3{font-size:15px}
.detail-grid p{font-size:12px;line-height:1.6;margin:0}
.panel-banner{padding:22px;border-radius:12px;color:#e9ffff;background:linear-gradient(130deg,#053b48,#086b77)}
.panel-banner p{font-size:13px;color:#ccecee;margin:0}
.platform-detail{padding:20px 0;border-bottom:1px solid #cfe7e9;margin-bottom:22px}
.platform-detail h3{display:flex;gap:10px;align-items:center}
.platform-detail h3 .icon{width:23px;height:23px;color:#007e8a}
.start-steps{padding-left:22px;color:#425c6b}
.start-steps li{padding-left:6px;margin-bottom:8px}
.faq-list{margin-top:24px}
.faq-list details{border-top:1px solid #c9e4e7;padding:17px 0}
.faq-list summary{display:flex;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:14px;font-weight:600;line-height:1.5}
.faq-list summary .icon{width:18px;height:18px;color:#008e9b;margin-top:2px;transition:transform .2s}
.faq-list details[open] summary .icon{transform:rotate(180deg)}
.faq-list p{font-size:13px;line-height:1.7;margin:12px 22px 0 0}
body.has-dialog{overflow:hidden}
@keyframes panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}

/* Mobile uses the same illustrations, arranged as independent art blocks. */
@media(max-width:900px){
  :root{font-size:10px}
  .site-shell{max-width:none}
  .site-header{height:7.4rem;padding:0 2.2rem;gap:1rem}
  .brand{font-size:2.25rem;gap:.8rem}
  .brand img{width:2.5rem;height:2.5rem}
  .desktop-nav{display:none}
  .header-actions{gap:1.2rem}
  .language-picker{font-size:1.2rem}
  .language-picker summary{padding:1rem .1rem}
  .language-picker .icon{width:1.2rem;height:1.2rem}
  .language-list{min-width:14rem}
  .language-list a{font-size:1.3rem;padding:1.2rem}
  .button-header{display:none}
  .menu-toggle{display:grid;place-items:center;padding:.5rem;width:3.6rem;height:3.6rem;border:0;background:transparent;color:#006f7a}
  .menu-toggle .icon{width:2.6rem;height:2.6rem}
  .mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;left:1.6rem;right:1.6rem;top:6.6rem;border:1px solid #cae6e9;padding:1rem;background:#fffffff5;box-shadow:0 1rem 3rem #00364218;border-radius:1.2rem;backdrop-filter:blur(16px)}
  .mobile-nav a{font-size:1.4rem;padding:1.1rem 1.4rem;border-radius:.6rem}
  .mobile-nav a:hover{background:#e7f8f9}
  .hero-scene{height:auto;min-height:72rem;padding-top:7.4rem;padding-bottom:33rem;background:radial-gradient(ellipse at 60% 80%,#cdebed,transparent 45%),linear-gradient(140deg,#f1fbfc,#fff)}
  .hero{min-height:0}
  .hero-copy{padding:3.2rem 2.4rem 0;margin:0;width:100%;max-width:56rem}
  .hero .eyebrow{font-size:.95rem;letter-spacing:.26rem;margin-bottom:1.7rem}
  h1{font-size:clamp(34px,8.65vw,48px);letter-spacing:-.16rem;line-height:1.06;margin-bottom:1.6rem}
  .hero-description{max-width:42rem;font-size:1.45rem;line-height:1.55;margin-bottom:2.4rem;letter-spacing:0}
  .hero-buttons{gap:1rem}
  .hero-buttons .button{font-size:1.15rem;padding:1.2rem;gap:.8rem}
  .hero-buttons .button .icon{width:1.8rem;height:1.8rem}
  .button{min-height:4.8rem;font-size:1.25rem;padding:1.2rem 1.5rem;gap:1rem}
  .button-windows{min-width:0;flex:none}
  .hero-buttons .button-secondary{min-width:10.5rem}
  .hero-capabilities{margin-top:2rem;font-size:1.08rem;gap:.8rem}
  .hero-art{inset:auto auto 0 50%;width:56.46rem;height:28.86rem;transform:translateX(-74%);clip-path:inset(2.9rem 0 0);background-size:56.46rem 100.32rem;background-position:center top;mask-image:linear-gradient(to right,transparent 41.8%,#000 42.3%);-webkit-mask-image:linear-gradient(to right,transparent 41.8%,#000 42.3%)}
  .hero-floor{display:none}
  .features{min-height:0;padding:2.4rem 2.4rem 3.3rem}
  .features>.eyebrow{font-size:1rem;margin-bottom:2.4rem;letter-spacing:.25rem}
  .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2.6rem 0}
  .feature-card,.feature-card:first-child,.feature-card:last-child{border:0;padding:0 1.8rem}
  .feature-card:nth-child(odd){padding-left:0}
  .feature-card:nth-child(even){border-left:1px solid #cbe6eb;padding-right:0}
  .feature-card>.icon{width:4.2rem;height:4.2rem;margin:0 0 1.2rem}
  .feature-card h3{text-align:left;white-space:normal;font-size:1.4rem;letter-spacing:-.045rem;line-height:1.3;margin-bottom:.8rem}
  .feature-card p{font-size:1.2rem;line-height:1.5;letter-spacing:0}
  .rules{height:auto;padding:3.6rem 2.4rem 30rem;background:radial-gradient(ellipse at 45% 10%,#076c7b,#062e3b 75%)}
  .rules-copy{padding:0;width:auto}
  .rules .eyebrow{font-size:.98rem;letter-spacing:.22rem;margin-bottom:1.5rem}
  .rules h2{font-size:2.8rem;line-height:1.12;white-space:normal;letter-spacing:-.09rem;margin-bottom:1.6rem}
  .rules .section-description{font-size:1.35rem;line-height:1.55;margin-bottom:2rem}
  .rule-row{grid-template-columns:13.8rem 1fr;gap:1rem;min-height:6.5rem;padding:1.4rem 0}
  .rule-row dt{font-size:1.2rem;gap:1.4rem;line-height:1.3}
  .rule-row dd{font-size:1.13rem;line-height:1.5}
  .rule-row .icon{width:2.6rem;height:2.6rem}
  .rules-art{inset:auto auto 0 50%;width:62.106rem;height:29.04rem;transform:translateX(-74%);background-size:62.106rem 110.352rem;background-position:center -45.21rem;mask-image:linear-gradient(to right,transparent 44.9%,#000 45.4%);-webkit-mask-image:linear-gradient(to right,transparent 44.9%,#000 45.4%)}
  .rules-ambient{display:none}
  .platforms{height:auto;min-height:40rem;padding:3.3rem 2.4rem 23rem}
  .platforms-copy{padding:0;width:auto;max-width:45rem}
  .platforms .eyebrow{font-size:.95rem;margin-bottom:1.5rem}
  .platforms h2{font-size:2.8rem;line-height:1.15;white-space:normal;letter-spacing:-.09rem}
  .platforms .section-description{font-size:1.35rem;line-height:1.5}
  .text-link{font-size:1.2rem;margin-top:1.2rem}
  .platforms-art{inset:auto auto 0 50%;width:65.87rem;height:19rem;transform:translateX(-76%);background-size:65.87rem 117.04rem;background-position:center -78.75rem;mask-image:linear-gradient(to right,transparent 46.5%,#000 47%);-webkit-mask-image:linear-gradient(to right,transparent 46.5%,#000 47%)}
  .privacy{display:block;min-height:0;padding:3.2rem 2.4rem 3.6rem}
  .privacy-copy{padding:0;max-width:47rem;margin-bottom:3rem}
  .privacy .eyebrow{font-size:.9rem;letter-spacing:.18rem;white-space:normal;margin-bottom:1.3rem}
  .privacy h2{font-size:2.8rem;letter-spacing:-.1rem;max-width:38rem}
  .privacy .section-description{font-size:1.35rem;max-width:39rem}
  .privacy-benefits{margin:0 0 0 13.5rem;padding:0 0 0 1.5rem;min-height:14rem;border-left:1px solid #c7e8ee}
  .privacy-benefit{gap:.9rem;margin-bottom:1.5rem}
  .privacy-benefit>.icon{width:2.6rem;height:2.6rem}
  .privacy-benefit h3{font-size:1rem;margin-bottom:.3rem}
  .privacy-benefit p{font-size:.9rem;line-height:1.5}
  .privacy-art{inset:auto auto 0 0;width:47.05rem;height:17rem;background-size:47.05rem 83.6rem;background-position:center -64.9rem;mask-image:linear-gradient(to right,#000 25%,transparent 28%);-webkit-mask-image:linear-gradient(to right,#000 25%,transparent 28%)}
  .cta{padding:3rem 2.4rem 3.4rem;min-height:0}
  .cta .eyebrow{font-size:.83rem;letter-spacing:.21rem;margin-bottom:1.2rem;max-width:29rem;margin-inline:auto}
  .cta h2{font-size:3.2rem;letter-spacing:-.11rem;line-height:1.12;margin-bottom:1.4rem}
  .cta p:not(.eyebrow){font-size:1.2rem;line-height:1.5;max-width:35rem;margin-bottom:2rem}
  .cta-art{background-size:65.87rem 117.04rem;background-position:center -102.62rem;mask-image:linear-gradient(to right,#000,transparent 20%,transparent 80%,#000);-webkit-mask-image:linear-gradient(to right,#000,transparent 20%,transparent 80%,#000);opacity:.7}
  .cta-buttons{display:flex;max-width:34rem;margin:auto}
  .cta-buttons .button{min-height:4.6rem;font-size:1.08rem;padding:1.1rem 1.4rem;gap:.8rem}
  .cta-buttons .button:first-child{flex:1}
  .site-footer{min-height:0;padding:2.4rem;flex-wrap:wrap;gap:2rem}
  .brand-small{font-size:1.9rem;gap:.7rem}
  .brand-small img{width:2rem;height:2rem}
  .site-footer nav{order:2;flex-basis:100%;flex-wrap:wrap;justify-content:flex-start;gap:1.6rem;font-size:1.08rem;line-height:1.5;margin:0}
  .footer-end{margin-left:auto;max-width:18rem}
  .footer-end small{font-size:.83rem;line-height:1.5;white-space:normal;text-align:right}
  .panel{padding:28px 22px;max-height:calc(100dvh - 32px);border-radius:16px}
  .panel h2{font-size:26px;margin-right:20px}
  .panel p{font-size:13px}
  .panel .eyebrow{font-size:9px}
  .download-grid{grid-template-columns:1fr;gap:12px}
  .download-card{padding:18px}
  .download-card p{min-height:0;margin-bottom:14px}
  .download-card>.icon{float:right;margin:0;width:28px;height:28px}
  .detail-grid{grid-template-columns:1fr;gap:12px}
  .detail-grid article{padding:18px}
  .detail-grid .icon{float:right;margin:0}
}
@media(min-width:901px) and (max-width:1050px){.desktop-nav{margin-left:5rem;gap:2.7rem}.header-actions{gap:1.1rem}}
@media(max-width:360px){.hero-copy{padding-inline:2rem}.hero-buttons{flex-wrap:wrap}.hero-buttons .button{font-size:1.12rem;padding:1.2rem}.hero-capabilities{font-size:.95rem}.rule-row{grid-template-columns:12rem 1fr}.privacy-benefits{margin-left:11.5rem}.privacy-benefit>.icon{width:2.1rem;height:2.1rem}.cta-buttons .button{font-size:1rem;padding:1.1rem}.site-header{padding-inline:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
[dir=rtl] .hero-copy,[dir=rtl] .rules-copy,[dir=rtl] .platforms-copy{direction:rtl}
[dir=rtl] .language-list{direction:rtl}
@media print{.site-header{position:relative}.hero-scene{margin-top:-5.8rem}.header-actions,.panel,.mobile-nav{display:none}.button{box-shadow:none}.art{print-color-adjust:exact}.rules,.cta{print-color-adjust:exact}}