/* KairoOS v5 — Premium monochrome product design, 100% offline. */
:root{color-scheme:dark;--bg:#07080a;--surface:#111317;--surface2:#17191d;--surface3:#202227;--line:#2a2d33;--line-soft:#ffffff14;--white:#f5f6f7;--text:#dbdde2;--muted:#9ca0aa;--subtle:#6e737f;--radius:18px;--font:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font);-webkit-font-smoothing:antialiased}::selection{background:#e5e7eb;color:#111}img{display:block;max-width:100%}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover{color:var(--white)}:focus-visible{outline:2px solid #e5e5e5;outline-offset:3px}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3,h4{color:var(--white)}h2{font-size:clamp(35px,4.3vw,58px);line-height:1.09;letter-spacing:-.065em;font-weight:740;margin-bottom:0}h3{line-height:1.2;letter-spacing:-.035em}p{color:var(--muted)}.container{width:min(1230px,calc(100% - 80px));margin-inline:auto}.section{padding-block:100px}.section-shaded{background:linear-gradient(120deg,#14161a,#101115 60%,#101115);border-block:1px solid var(--line-soft)}.section-label{display:block;color:#acb0b9;letter-spacing:.16em;font-size:10px;font-weight:800;margin-bottom:15px}.section-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:45px;align-items:end;margin-bottom:35px}.section-heading>p{font-size:14px;line-height:1.9;max-width:410px;margin:0 0 4px auto}.skip-link{position:absolute;top:-50px;left:14px;background:white;color:#111;padding:10px;z-index:1000}.skip-link:focus{top:10px}.noscript{background:white;color:#111;padding:15px;text-align:center}
/* Navigation */
.header{position:sticky;top:0;z-index:60;height:78px;background:rgba(8,9,11,.91);backdrop-filter:blur(24px);border-bottom:1px solid #ffffff13}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:10px;color:white;font-size:21px;font-weight:850;letter-spacing:-.075em;line-height:1.1;white-space:nowrap}.brand>span:last-child{display:flex;flex-direction:column}.brand small{font-size:7px;line-height:1.3;letter-spacing:.3em;color:#797d86;margin-top:3px;font-weight:850}.brand-muted{color:#b5b7bd}.brand-mark{width:39px;height:39px;display:grid;place-items:center;border:1px solid #ffffff26;border-radius:12px;background:linear-gradient(135deg,#292b30,#111316);flex:0 0 auto}.brand-mark img{width:34px;height:34px;object-fit:contain}.nav{display:flex;align-items:center;gap:clamp(11px,1.7vw,25px);margin:0 auto;white-space:nowrap}.nav a{font-size:11px;font-weight:650;color:#a6aab2;transition:color .2s}.nav a:hover{color:white}.header-actions{display:flex;align-items:center;gap:10px}.lang-picker{display:flex;align-items:center;background:#1b1d22;border:1px solid #353840;padding:3px;border-radius:11px}.lang-btn{background:none;color:#868a95;font-size:10px;font-weight:800;line-height:1;border:0;border-radius:8px;padding:9px 8px}.lang-btn.active{background:#f1f2f4;color:#141518}.icon-button{height:35px;display:flex;align-items:center;justify-content:center;gap:9px;padding:0 10px;background:#1c1e22;border:1px solid #34363d;border-radius:9px;color:#ddd}.icon-button:hover{background:#292c32}.shortcut{font-size:10px;font-weight:600;color:#888d96;border:1px solid #484b53;padding:2px 5px;border-radius:4px}.menu-btn{display:none;flex-direction:column;gap:4px;width:38px}.menu-btn span{display:block;background:#ddd;height:2px;width:16px;border-radius:2px}
/* Hero */
.hero{min-height:610px;display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center;padding-top:64px;padding-bottom:64px;position:relative}.hero-copy{position:relative;z-index:3}.eyebrow{display:flex;align-items:center;gap:10px;letter-spacing:.12em;font-size:10px;font-weight:800;color:#a9adb8}.pulse{width:8px;height:8px;border-radius:50%;background:#f1f1f1;box-shadow:0 0 0 5px #ffffff0c}.hero h1{font-size:clamp(52px,5.8vw,88px);font-weight:760;line-height:1.045;letter-spacing:-.087em;margin:25px 0 25px}.hero h1 em{font-style:normal;color:#777b86}.hero-lead{font-size:15px;line-height:1.9;max-width:485px;margin:0}.hero-buttons{display:flex;gap:10px;margin:30px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:11px;padding:13px 19px;min-height:45px;font-size:12px;font-weight:770;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#f6f6f7;color:#101114;border:1px solid #fff}.btn-primary:hover{color:#101114;background:white}.btn-secondary{background:#222428;color:white;border:1px solid #36393f}.btn-secondary:hover{background:#2c2f35}.hero-notice{display:flex;align-items:center;gap:9px;color:#979ba5;font-size:11px}.notice-dot{height:8px;width:8px;border:2px solid #898c97;border-radius:50%}.hero-devices{position:relative;min-height:430px;display:grid;align-items:center;justify-items:center;isolation:isolate}.hero-glow{position:absolute;inset:0;background:radial-gradient(ellipse 55% 50% at 54% 49%,#51555f29 0,transparent 77%);filter:blur(10px);z-index:-2}.device-laptop{width:95%;position:relative;filter:drop-shadow(0 30px 24px #000e);transform:perspective(900px) rotateY(-6deg) rotateX(1.5deg)}.laptop-screen{position:relative;border:10px solid #292b30;border-bottom-width:14px;border-radius:15px 15px 6px 6px;background:#08090c;box-shadow:0 0 0 1px #585a62,0 0 30px #ffffff0b;overflow:hidden}.laptop-screen img{width:100%;aspect-ratio:16/10;object-fit:cover}.webcam{position:absolute;width:4px;height:4px;border-radius:50%;background:#858994;top:-7px;left:50%}.laptop-hinge{height:5px;width:96%;background:#4e5056;filter:brightness(.8);margin:auto}.laptop-base{height:17px;width:108%;margin-left:-4%;background:linear-gradient(180deg,#aaaeb4,#70737a 26%,#303238 68%,#17181c);border-radius:2px 2px 52% 52%/2px 2px 100% 100%;box-shadow:0 7px 18px #000b}.float-card{position:absolute;left:-2%;bottom:7%;width:44%;border:1px solid #484b53;background:#15171bdc;backdrop-filter:blur(8px);padding:9px;border-radius:11px;transform:rotate(-5deg);box-shadow:0 15px 35px #000a}.float-tag{display:flex;justify-content:space-between;color:#c9cbd1;font-size:9px;font-weight:800;padding:1px 2px 7px;letter-spacing:.07em}.float-card img{border-radius:4px;max-height:130px;width:100%;object-fit:cover}.float-spec{position:absolute;right:0;top:7%;display:flex;align-items:center;gap:9px;border:1px solid #383b42;border-radius:10px;background:#15171be8;backdrop-filter:blur(8px);padding:12px;box-shadow:0 12px 26px #0008}.float-spec strong,.float-spec small{display:block}.float-spec strong{font-size:12px}.float-spec small{color:#999da7;font-size:9px;margin-top:3px}.float-icon{font-size:19px;color:#eee}
/* Essentials */
.key-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:19px 0;border-top:1px solid #32343a;border-bottom:1px solid #32343a;margin-bottom:10px}.key-item{display:flex;align-items:center;gap:13px;min-width:0;padding:9px 20px;border-right:1px solid #2e3036}.key-item:first-child{padding-left:0}.key-item:last-child{border-right:0}.key-icon{width:36px;height:36px;flex:0 0 36px;border:1px solid #35383e;background:#191b1e;border-radius:10px;display:grid;place-items:center;font-size:10px;color:#a9adb5;font-weight:800}.key-item strong{display:block;font-size:14px;color:#f2f3f5;line-height:1.3}.key-item small{font-size:10px;color:#888e99;display:block;margin-top:4px;line-height:1.45}
/* Features */
.features-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.feature-card{min-height:306px;border:1px solid #303238;border-radius:18px;background:linear-gradient(145deg,#1a1c20,#121418);padding:21px;display:flex;flex-direction:column;overflow:hidden;position:relative}.feature-wide{grid-column:span 2;min-height:306px;flex-direction:row;gap:10px}.feature-info{position:relative;z-index:2}.feature-wide .feature-info{width:45%;flex:none}.feature-kicker{font-size:9px;letter-spacing:.12em;font-weight:800;color:#b1b5bf}.feature-card h3{font-size:22px;margin:16px 0 10px}.feature-card p{font-size:12px;line-height:1.75;margin:0}.feature-visual{margin-top:auto;padding-top:22px;align-self:center;width:100%;position:relative}.feature-card:not(.feature-wide) .feature-visual{margin-top:auto}.feature-visual img{width:100%;aspect-ratio:1.7;object-fit:cover;border:1px solid #50535d;border-radius:7px;box-shadow:0 8px 24px #000a}.feature-wide .feature-visual{width:56%;height:100%;display:flex;align-items:center;transform:translate(13px,14px)}.feature-wide .feature-visual img{aspect-ratio:1.3;height:88%;object-fit:cover;border-radius:10px 0 0 10px}
/* Editions */
.edition-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.edition-card{position:relative;min-height:292px;background:#1b1d21;border:1px solid #34373e;border-radius:16px;padding:18px 16px;transition:transform .2s,border-color .2s;overflow:hidden}.edition-card:hover{transform:translateY(-3px);border-color:#656871}.edition-active{background:linear-gradient(160deg,#2b2d33,#1a1c21);border-color:#7a7e86}.edition-header{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-bottom:32px}.edition-number{font-size:10px;color:#9296a1;font-weight:750}.state-chip{font-size:9px;padding:4px 7px;border-radius:20px;color:#b5b9c2;background:#ffffff0c;border:1px solid #ffffff17;white-space:nowrap}.state-chip.current{background:#e6e7e9;color:#141519;border-color:white}.edition-small{font-size:8px;letter-spacing:.11em;font-weight:800;color:#b8bac3}.edition-card h3{font-size:19px;margin:8px 0 9px;white-space:nowrap}.edition-card>p{font-size:11px;line-height:1.65;min-height:56px}.edition-spec{border-top:1px solid #393b42;padding:12px 0 26px;margin-top:14px}.edition-spec span{font-size:9px;display:block;color:#868a96}.edition-spec strong{font-size:11px;display:block;margin-top:4px;color:#e9ebee;line-height:1.5}.edition-link{position:absolute;bottom:14px;right:15px;display:grid;place-items:center;border:1px solid #555963;border-radius:7px;width:27px;height:27px;font-size:15px}.comparison-block{border:1px solid #383b42;border-radius:18px;background:#191b20;margin-top:18px;padding:25px;scroll-margin-top:90px}.comparison-top{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.comparison-top h3{font-size:22px;margin:0 0 5px}.comparison-top p{font-size:12px;margin:0}.compare-selects{display:flex;gap:12px;align-items:end}.compare-selects label{display:grid;gap:5px}.compare-selects label>span{font-size:10px;color:#989da8}.compare-selects select{min-width:155px;background:#25272c;color:white;border:1px solid #444851;border-radius:9px;padding:10px 12px}.versus{align-self:center;font-size:10px;font-weight:800;color:#797f8a}.compare-table-wrap{overflow-x:auto}.comparison-table{width:100%;border-collapse:collapse;text-align:left;font-size:12px;min-width:560px}.comparison-table th,.comparison-table td{padding:13px 12px;border-bottom:1px solid #ffffff14;vertical-align:top}.comparison-table thead th{background:#292b31;color:#e5e6e9}.comparison-table tbody th{font-weight:650;color:#aeb2bb;width:27%}.comparison-table tbody td{color:#d8dbe0;width:36%}.comparison-table tr:last-child>*{border-bottom:0}
/* Gallery, all device frames are CSS with REAL screenshots */
.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid #35383f;background:#191b20;color:#aeb2bd;padding:8px 15px;border-radius:100px;font-size:11px;font-weight:700}.chip.active{background:#f1f2f3;border-color:white;color:#151619}.gallery-options{display:flex;align-items:center;gap:12px}.option-caption{font-size:10px;color:#8d929d}.view-switch{display:flex;gap:3px;border:1px solid #393c42;border-radius:10px;padding:3px;background:#15171b}.view-switch button{font-size:10px;padding:7px 11px;border:0;background:none;border-radius:7px;color:#9a9faa}.view-switch button.active{background:#34373f;color:white}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.gallery-item{border:1px solid #34363d;border-radius:15px;padding:11px;background:#16181c;color:#fff;text-align:left;transition:transform .2s,border-color .2s;width:100%}.gallery-item:hover{transform:translateY(-3px);border-color:#a1a4ad}.gallery-device{height:180px;background:radial-gradient(ellipse at center bottom,#565a645c,transparent 62%),linear-gradient(125deg,#292b31,#17191d);border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;isolation:isolate;overflow:hidden}.gallery-screen{max-width:89%;width:89%;background:#0d0e11;box-shadow:0 10px 24px #000b;overflow:hidden}.gallery-screen img{width:100%;aspect-ratio:16/10;object-fit:cover}.gallery-device.laptop .gallery-screen{border:5px solid #373940;border-bottom:8px solid #36383e;border-radius:8px 8px 3px 3px}.gallery-device.laptop .device-bottom{height:8px;width:96%;border-radius:2px 2px 50% 50%;background:linear-gradient(#a7a9b0,#474a52,#25272c)}.gallery-device.monitor .gallery-screen{max-width:82%;width:82%;border:7px solid #303238;border-bottom:15px solid #303238;border-radius:6px}.gallery-device.monitor .device-bottom{width:25%;height:22px;background:linear-gradient(90deg,#292c33,#656870,#292c33);clip-path:polygon(34% 0,66% 0,68% 77%,100% 90%,100% 100%,0 100%,0 90%,32% 77%)}.gallery-device.tablet .gallery-screen{max-width:81%;width:81%;border:11px solid #292b31;border-radius:13px}.gallery-device.tablet .device-bottom{display:none}.gallery-item-info{display:flex;justify-content:space-between;align-items:center;padding:13px 3px 2px}.gallery-item-info strong{display:block;font-size:12px}.gallery-item-info small{display:block;font-size:10px;color:#868a95;margin-top:3px}.gallery-expand{font-size:17px;color:#adb1ba}.fine-note{font-size:10px;margin:15px 0 0;color:#818692}
/* Development */
.dev-summary{display:grid;grid-template-columns:300px minmax(0,1fr);gap:15px}.dev-highlight{border:1px solid #555860;border-radius:18px;padding:29px 25px;background:linear-gradient(145deg,#303239,#17191d);display:flex;flex-direction:column;justify-content:center;min-height:310px}.dev-big{font-size:75px;letter-spacing:-.095em;line-height:1;color:#fff;font-weight:850;white-space:nowrap}.dev-big span{font-size:38px;color:#858994;font-weight:450}.dev-highlight p{font-size:12px;line-height:1.85;margin:30px 0 0}.roadmap-list{display:grid;gap:9px}.roadmap-item{display:grid;grid-template-columns:38px 1fr auto;align-items:start;gap:13px;border:1px solid #33363d;background:#1b1d21;border-radius:13px;padding:15px}.road-index{font-size:11px;font-weight:800;color:#858a95;padding-top:4px}.mini-overline{font-size:9px;letter-spacing:.12em;color:#a8acb6;font-weight:800}.roadmap-item h3{font-size:15px;margin:5px 0}.roadmap-item p{font-size:11px;margin:0;line-height:1.7}.road-state{border:1px solid #41444c;border-radius:20px;padding:5px 8px;color:#c3c6cd;font-size:9px;font-weight:750;white-space:nowrap}
/* Updates and changelog */
.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.news-card{min-height:252px;padding:24px;border:1px solid #34363d;background:linear-gradient(150deg,#202228,#111317);border-radius:17px}.news-top{display:flex;justify-content:space-between;gap:8px;color:#9fa3ae;letter-spacing:.11em;font-size:9px;font-weight:800;margin-bottom:36px}.news-card h3{font-size:21px;margin-bottom:10px}.news-card p{font-size:12px;line-height:1.8;margin:0}.changelog{border:1px solid #35383e;background:#15171b;border-radius:16px;padding:26px 28px;margin-top:17px}.changelog-heading{display:flex;justify-content:space-between;gap:20px;align-items:end}.changelog-heading .section-label{margin-bottom:8px}.changelog-heading h3{font-size:24px;margin:0}.changelog-heading p{font-size:11px;margin:0}.release-list{margin-top:17px}.release-item{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid #35373e}.release-item>div{display:flex;flex-direction:column;gap:5px}.release-item strong{color:#f1f1f3;font-size:13px}.release-item span{font-size:9px;font-weight:800;letter-spacing:.11em;color:#959aa4}.release-item p{margin:0;font-size:12px;line-height:1.7}
/* Hardware */
.requirements-top{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-bottom:20px}.requirements-top article{background:#212329;border:1px solid #383b41;padding:23px;border-radius:15px}.requirements-top article span,.requirements-top article small{display:block;color:#a8acb6;font-size:11px}.requirements-top article strong{display:block;font-size:39px;letter-spacing:-.065em;color:#fafafa;line-height:1.1;margin:10px 0}.requirements-top article small{color:#828793}.spec-layout{display:grid;grid-template-columns:1.65fr .75fr;gap:24px}.spec-layout h3{font-size:22px}.spec-table-wrap{overflow-x:auto;border:1px solid #3a3d45;border-radius:14px;background:#1a1c21}.spec-table{border-collapse:collapse;width:100%;text-align:left;font-size:11px;min-width:530px}.spec-table th,.spec-table td{padding:13px 15px;border-bottom:1px solid #34363d;vertical-align:middle}.spec-table thead{background:#282a30}.spec-table th{font-weight:700;color:#e5e7ea}.spec-table td{color:#b9bdc7}.spec-table tbody tr:last-child>*{border:0}.spec-status{display:inline-block;border:1px solid #555963;border-radius:20px;padding:4px 8px;font-size:9px;white-space:nowrap;color:#c9cbd1}.spec-aside{padding:23px;border-radius:15px;background:#26282e;border:1px solid #454850}.spec-aside h3{font-size:25px;margin-top:10px}.spec-aside p{font-size:12px;line-height:1.85}.mini-rule{height:1px;background:#4a4d55;margin:22px 0}
/* Documentation */
.docs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.doc-card{display:flex;flex-direction:column;min-height:260px;background:#181a1f;border:1px solid #33363e;border-radius:15px;padding:23px}.doc-index{font-size:9px;color:#9c9fa9;font-weight:800;letter-spacing:.13em}.doc-card h3{font-size:20px;margin:19px 0 10px}.doc-card>p{font-size:12px;line-height:1.75}.doc-card details{border-top:1px solid #32353c;margin-top:auto;padding-top:13px}.doc-card details summary{list-style:none;cursor:pointer;color:#d6d8dd;font-size:11px;font-weight:800;display:flex;justify-content:space-between}.doc-card details summary::-webkit-details-marker{display:none}.doc-detail p{font-size:12px;line-height:1.8;margin:14px 0 0}.doc-detail pre{overflow:auto;border:1px solid #3a3c43;padding:12px;border-radius:8px;background:#0b0c0f;color:#d5d8dd;font-size:11px}
/* Terminal */
.terminal-section{border-block:1px solid #303238;background:radial-gradient(ellipse at 78% 45%,#272932 0%,#0f1014 67%)}.terminal-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px;align-items:center}.terminal-copy h2{margin:0 0 19px}.terminal-copy>p{font-size:13px;line-height:1.9;max-width:365px}.terminal-hints{display:flex;flex-wrap:wrap;gap:7px;margin:25px 0 17px}.terminal-hints span{background:#24262c;border:1px solid #494c53;color:#c9cbd2;padding:5px 10px;border-radius:7px;font:11px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-copy>small{font-size:10px;color:#858a95}.terminal-window{border:1px solid #5b5d67;border-radius:15px;background:#090b0f;overflow:hidden;box-shadow:0 30px 70px #000b}.terminal-titlebar{height:44px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;background:#272930;border-bottom:1px solid #454851;color:#b5b7bf;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.terminal-dots{display:flex;gap:6px}.terminal-dots i{width:8px;height:8px;background:#767983;border-radius:50%;display:block}.terminal-demo{font-size:9px;letter-spacing:.16em;font-weight:800;color:#aaaeb7}.terminal-output{min-height:245px;max-height:330px;overflow:auto;padding:20px 18px 12px}.terminal-line{white-space:pre-wrap;overflow-wrap:anywhere;color:#d5d9e2;font:12px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;margin:0 0 10px}.terminal-line.system{color:#999fa8}.terminal-line.entered{color:#aeb3c0}#terminalForm{padding:10px 18px 20px;display:flex;align-items:center;gap:9px;color:#cfd2d9;font:12px ui-monospace,SFMono-Regular,Consolas,monospace}#terminalForm label span{color:#aab2c2}#terminalInput{min-width:0;flex:1;background:none;color:white;border:0;outline:0;font:inherit}#terminalForm button{background:#25282e;border:1px solid #4c4e56;color:white;border-radius:6px;width:30px;height:27px}
/* Security + history */
.security-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.security-card{padding:25px;background:#181a1e;border:1px solid #35373e;border-radius:16px;min-height:224px}.security-icon{display:grid;place-items:center;font-size:11px;font-weight:800;background:#2a2c33;border:1px solid #44464d;width:35px;height:35px;border-radius:10px}.security-card h3{font-size:21px;margin:27px 0 10px}.security-card p{font-size:12px;line-height:1.8;margin:0}.more-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.history-column,.issues-column{background:#1b1d21;border:1px solid #363840;border-radius:16px;padding:25px}.more-layout h3{font-size:21px;margin-bottom:25px}.history-item{display:flex;gap:17px;border-top:1px solid #3b3d45;padding:17px 0}.history-item>span{font-size:10px;color:#9297a2;font-weight:800}.history-item strong{font-size:14px;color:#e8eaf0}.history-item p{margin:4px 0 0;font-size:12px;line-height:1.75}.issue-item{padding:14px 0;border-top:1px solid #3b3d45}.issue-label{font-size:9px;font-weight:850;color:#b1b5bf;letter-spacing:.12em}.issue-item h4{font-size:15px;margin:4px 0 6px}.issue-item p{font-size:12px;margin:0;line-height:1.75}.community-strip{margin-top:18px;border:1px solid #454851;padding:27px;border-radius:16px;background:linear-gradient(110deg,#292b31,#17191e);display:flex;justify-content:space-between;align-items:center;gap:20px}.community-strip h3{font-size:22px;margin:0 0 8px}.community-strip p{font-size:12px;margin:0;max-width:620px}
/* FAQ + final */
.faq-list{border-top:1px solid #3a3c44}.faq-item{border-bottom:1px solid #3a3c44}.faq-item summary{cursor:pointer;list-style:none;padding:21px 10px;display:flex;justify-content:space-between;gap:18px;color:#e6e7eb;font-size:15px;font-weight:680;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{display:flex;gap:20px;align-items:center}.faq-item summary i{font-size:11px;font-style:normal;color:#878c98;font-weight:700}.faq-item summary b{font-size:21px;color:#a4a8b2;font-weight:400}.faq-item[open] summary b{transform:rotate(45deg)}.faq-item>p{font-size:13px;line-height:1.8;padding:0 40px 19px;margin:0;max-width:850px}.final-cta{text-align:center;padding:90px 20px 100px}.final-logo{width:78px;height:78px;display:grid;place-items:center;border:1px solid #42454e;background:#1b1d22;border-radius:22px;margin:0 auto 28px}.final-logo img{width:70px;height:70px;object-fit:contain}.final-cta h2{margin-bottom:15px}.final-cta p{font-size:14px;max-width:520px;margin:0 auto 26px}.footer{border-top:1px solid #2f3238;background:#0c0d10}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:24px;color:#828791;font-size:10px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:31px;height:31px;border-radius:9px}.footer-brand img{width:25px;height:25px}
/* Dialog overlays */
dialog{color:#e6e8eb;background:#15171b;border:1px solid #5b5e67;border-radius:16px;padding:0;max-width:calc(100vw - 30px);box-shadow:0 40px 130px #000d}dialog::backdrop{background:#030305d9;backdrop-filter:blur(5px)}.image-dialog{width:min(1120px,96vw)}.modal-top{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #35373d;padding:13px 18px}.modal-top button{border:1px solid #4b4e56;background:#25272d;border-radius:8px;color:white;width:33px;height:33px}.image-modal-content{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:10px;padding:15px;min-height:280px}.image-modal-content img{width:100%;max-height:70vh;object-fit:contain}.modal-arrow{border:1px solid #4c4e56;border-radius:10px;background:#26282d;color:#fff;font-size:25px;height:44px}.modal-bottom{display:flex;justify-content:space-between;padding:0 18px 15px;font-size:11px;color:#989ca6}.search-dialog{width:min(680px,95vw);max-height:85vh}.search-input-row{display:flex;align-items:center;gap:10px;margin:16px;border:1px solid #545761;border-radius:11px;background:#0c0d11;padding:10px 14px;font-size:23px}.search-input-row input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:14px}.search-caption{color:#8b909c;font-size:11px;padding:0 17px 14px}.search-results{overflow-y:auto;max-height:48vh;padding:0 12px 12px}.search-results a{display:flex;flex-direction:column;gap:6px;padding:12px 13px;border:1px solid #383a41;background:#1e2025;border-radius:9px;margin-bottom:7px}.search-results a:hover{background:#2a2c32}.search-results strong{font-size:13px}.search-results span{font-size:11px;color:#a0a4b0;line-height:1.65}
/* Responsive layout */
@media(max-width:1170px){.nav{gap:12px}.nav a{font-size:10px}.container{width:min(1120px,calc(100% - 56px))}.hero{gap:16px}.edition-cards{grid-template-columns:repeat(3,1fr)}.edition-card{min-height:260px}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature-wide{grid-column:span 2}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:930px){.header{height:70px}.header-inner{justify-content:space-between}.menu-btn{display:flex}.nav{display:none;position:absolute;top:70px;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#111318;padding:13px 28px 20px;border-bottom:1px solid #43454d;box-shadow:0 25px 40px #000a}.nav.open{display:flex}.nav a{font-size:14px;padding:12px 6px;border-bottom:1px solid #2b2e35}.hero{grid-template-columns:1fr;padding-top:70px;text-align:center;gap:35px}.hero-copy{display:flex;flex-direction:column;align-items:center}.hero-lead{max-width:650px}.hero-devices{width:min(750px,100%);margin:auto}.key-grid{grid-template-columns:repeat(2,1fr)}.key-item:nth-child(2){border-right:0}.key-item:nth-child(-n+2){border-bottom:1px solid #2e3036}.key-item:nth-child(3){padding-left:0}.section-heading{grid-template-columns:1fr;gap:12px}.section-heading>p{max-width:700px;margin:0}.dev-summary{grid-template-columns:1fr}.dev-highlight{min-height:190px}.dev-big{font-size:70px}.terminal-layout{grid-template-columns:1fr}.terminal-copy>p{max-width:640px}.spec-layout{grid-template-columns:1fr}.docs-grid{grid-template-columns:repeat(2,1fr)}.security-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.container{width:calc(100% - 32px)}.section{padding-block:66px}h2{font-size:clamp(32px,9vw,42px)}.header-inner{gap:9px}.brand{font-size:18px}.brand-mark{height:34px;width:34px}.brand-mark img{height:29px;width:29px}.lang-btn{padding:8px 6px;font-size:9px}.shortcut{display:none}.header-actions{gap:6px}.hero{padding-top:46px;min-height:0;padding-bottom:55px}.hero h1{font-size:clamp(46px,11vw,69px);margin:22px 0}.hero-lead{font-size:13px}.eyebrow{font-size:8px}.hero-buttons{width:100%;flex-direction:column;max-width:365px}.hero-notice{justify-content:center;font-size:10px}.hero-devices{min-height:260px}.laptop-screen{border-width:6px;border-bottom-width:9px;border-radius:10px 10px 4px 4px}.laptop-base{height:10px}.float-card{padding:5px;border-radius:7px;bottom:4%;width:44%}.float-tag{font-size:6px;padding-bottom:4px}.float-spec{padding:6px;top:2%;gap:4px}.float-spec strong{font-size:8px}.float-spec small{font-size:7px}.float-icon{font-size:12px}.key-grid{margin-bottom:0}.key-item{gap:8px;padding:12px 9px}.key-item strong{font-size:11px}.key-item small{font-size:9px}.key-icon{width:26px;height:26px;flex-basis:26px;font-size:8px}.features-grid{grid-template-columns:1fr}.feature-wide{grid-column:auto;flex-direction:column}.feature-wide .feature-info,.feature-wide .feature-visual{width:100%}.feature-wide .feature-visual{height:auto;transform:none}.feature-wide .feature-visual img{height:auto;aspect-ratio:1.7}.feature-card{min-height:0}.feature-visual{max-height:190px;overflow:hidden}.edition-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.edition-card{padding:15px;min-height:265px}.edition-card h3{font-size:16px;white-space:normal}.edition-card>p{font-size:10px}.edition-header{margin-bottom:22px;flex-wrap:wrap}.state-chip{font-size:8px}.edition-spec strong{font-size:10px}.comparison-top{align-items:start;flex-direction:column}.compare-selects{width:100%;gap:7px}.compare-selects label{flex:1;min-width:0}.compare-selects select{min-width:0;width:100%;font-size:11px}.comparison-block{padding:15px}.gallery-toolbar{flex-direction:column;align-items:stretch}.gallery-options{justify-content:space-between}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.gallery-device{height:115px}.gallery-item{padding:6px;border-radius:11px}.gallery-item-info{padding:10px 3px 2px}.gallery-item-info strong{font-size:10px}.gallery-item-info small{font-size:8px}.gallery-device.monitor .device-bottom{height:15px}.news-grid,.requirements-top,.security-grid,.docs-grid,.more-layout{grid-template-columns:1fr}.news-card{min-height:210px}.changelog{padding:18px}.changelog-heading{flex-direction:column;align-items:start;gap:8px}.release-item{grid-template-columns:1fr;gap:6px}.requirements-top article strong{font-size:32px}.roadmap-item{grid-template-columns:28px minmax(0,1fr)}.road-state{grid-column:2;justify-self:start}.terminal-window{min-height:350px}.terminal-output{min-height:220px}.terminal-section{padding-block:75px}.community-strip{flex-direction:column;align-items:stretch}.faq-item summary{font-size:12px}.faq-item>p{padding:0 25px 18px;font-size:12px}.final-cta{padding-block:75px}.footer-inner{flex-direction:column;text-align:center;gap:15px}.image-modal-content{grid-template-columns:26px 1fr 26px;gap:3px;padding:8px}.modal-arrow{height:35px;border-radius:6px}.modal-bottom{font-size:9px}}
@media(max-width:365px){.lang-picker{padding:2px}.lang-btn{padding:7px 4px}.search-toggle{width:30px;padding:0}.menu-btn{width:33px;padding:0}.brand small{display:none}.edition-cards{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.gallery-device{height:180px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.edition-card,.gallery-item{transition:none!important}.device-laptop,.float-card{transform:none}}
/* v5 responsive corrections: keep wide data tables inside their own scroll area */
.spec-layout>div{min-width:0}.spec-table-wrap,.compare-table-wrap{max-width:100%;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain}
.brand>span:last-child{display:block}.brand small{display:block}
@media(max-width:650px){.hero-devices{overflow:clip}.spec-layout{min-width:0}}