/* RobinX / second design direction: an editorial workshop and product gallery. */
:root { --rx-night:#071016; --rx-paper:#f0f2eb; --rx-ink:#0b2026; --rx-mint:#88f6e8; --rx-blue:#9aa8ff; --rx-line:rgba(179,224,229,.18); --rx-display:"Space Grotesk",Manrope,sans-serif; --rx-serif:"Instrument Serif",Georgia,serif; }
.reimagined-page { background:radial-gradient(ellipse 55% 32% at 96% 6%,rgba(59,103,139,.15),transparent 75%),#071016; }
.reimagined-page::before { opacity:.2; background-size:78px 78px; }
.reimagined-page .cursor-glow { background:radial-gradient(circle,rgba(133,245,232,.12),transparent 68%); }
.reimagined-page .site-header,.reimagined-page main,.reimagined-page footer { width:min(1440px,calc(100% - 72px)); }
.rx-header { height:93px; border-bottom:1px solid rgba(184,225,232,.2); }
.rx-header .wordmark,.rx-footer .wordmark { gap:10px; font:700 1.2rem var(--rx-display); letter-spacing:-.085em; }
.rx-header .wordmark-mark,.rx-footer .wordmark-mark { width:40px; height:40px; border-radius:12px; font:500 1.12rem var(--mono); background:#8af6e8; color:#09282d; box-shadow:none; }
.rx-wordmark-type { display:flex; align-items:baseline; position:relative; }
.rx-wordmark-type .dot { margin-left:0; }
.rx-wordmark-type small { position:absolute; left:1px; top:25px; white-space:nowrap; color:#6f9da4; font:500 .42rem var(--mono); letter-spacing:.16em; }
.rx-header .header-meta { gap:clamp(22px,3vw,48px); }
.rx-header .site-nav { gap:clamp(17px,2.6vw,36px); }
.rx-header .site-nav a { font:500 .69rem var(--rx-display); text-transform:none; letter-spacing:0; color:#d9e9e9; border:0; gap:9px; }
.rx-header .site-nav a span { color:#5f929c; font:500 .53rem var(--mono); }
.rx-header .site-nav a:hover,.rx-header .site-nav a[aria-current] { color:var(--rx-mint); }
.rx-header .domain { display:inline-flex; align-items:center; gap:8px; color:#9fc0c6; font-size:.57rem; }
.rx-header .domain i { width:6px; height:6px; background:#8af6e8; border-radius:50%; box-shadow:0 0 12px #8af6e8; }
.rx-header .command-hint { gap:4px; color:#a5bcc4; }
.rx-header .command-hint > span { margin-right:8px; font:500 .54rem var(--mono); letter-spacing:.09em; }
.rx-header .command-hint kbd { border-color:#3b535a; color:#d5e8ea; }

/* Hero */
.rx-hero { position:relative; padding:28px 0 0; isolation:isolate; }
.rx-hero::before { content:""; position:absolute; z-index:-1; width:min(80vw,970px); height:700px; right:0; top:3%; background:radial-gradient(ellipse at center,rgba(37,123,145,.17),transparent 65%); pointer-events:none; }
.rx-hero-overline,.rx-hero-foot,.rx-section-index,.rx-app-meta,.rx-app-bottom,.rx-panel-top,.rx-directory-foot { font:500 .6rem var(--mono); letter-spacing:.105em; text-transform:uppercase; }
.rx-hero-overline { display:flex; justify-content:space-between; gap:20px; color:#78969d; padding:0 0 23px; border-bottom:1px solid rgba(184,225,232,.14); }
.rx-hero-overline span:first-child { display:flex; align-items:center; gap:10px; color:#c0d9d9; }
.rx-live-dot { display:inline-block; width:7px; height:7px; border-radius:50%; background:var(--rx-mint); box-shadow:0 0 0 4px rgba(136,246,232,.1),0 0 15px rgba(136,246,232,.6); }
.rx-hero-layout { display:grid; grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr); align-items:center; gap:clamp(25px,4vw,75px); padding:70px 0 78px; }
.rx-hero-copy { min-width:0; }
.rx-kicker { display:flex; align-items:center; gap:12px; margin:0 0 20px; color:var(--rx-mint); font:500 .62rem var(--mono); letter-spacing:.14em; }
.rx-kicker span { color:#769ba2; }
.rx-hero h1 { max-width:none; font:600 clamp(4.1rem,6.5vw,8rem)/.95 var(--rx-display); letter-spacing:-.09em; }
.rx-hero h1 em { font:italic 1.08em/.8 var(--rx-serif); color:var(--rx-mint); letter-spacing:-.06em; }
.rx-hero h1 > span { display:block; white-space:nowrap; }
.rx-hero-description { display:grid; grid-template-columns:90px minmax(0,440px); gap:20px; align-items:start; margin-top:40px; }
.rx-description-mark { padding-top:5px; color:#739ba2; font:500 .59rem var(--mono); letter-spacing:.12em; }
.rx-hero-description p { max-width:460px; margin:0; color:#b8cbd0; font-size:1rem; line-height:1.8; }
.rx-hero-ctas { display:flex; flex-wrap:wrap; gap:10px; margin-top:35px; }
.rx-button { display:inline-flex; align-items:center; justify-content:space-between; gap:30px; min-height:54px; padding:0 20px; border:1px solid transparent; border-radius:6px; font:500 .65rem var(--mono); text-transform:uppercase; letter-spacing:.055em; transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease; }
.rx-button:hover { transform:translateY(-2px); }
.rx-button-light { background:#e9f1ed; color:#0c252a; }.rx-button-light:hover { background:#fff; box-shadow:0 12px 30px rgba(0,0,0,.2); }
.rx-button-outline { border-color:rgba(176,221,225,.3); background:rgba(156,222,223,.04); color:#e3f2ef; }.rx-button-outline:hover { border-color:var(--rx-mint); color:var(--rx-mint); }
.rx-button-mint { background:var(--rx-mint); color:#09262c; }.rx-button-mint:hover { background:#b8fff5; box-shadow:0 12px 30px rgba(38,214,200,.17); }
.rx-hero-assembly { position:relative; min-height:545px; display:grid; align-items:center; perspective:1200px; }
.rx-assembly-halo { position:absolute; width:530px; max-width:100%; aspect-ratio:1; right:0; top:50%; transform:translateY(-50%); border:1px solid rgba(107,218,218,.09); border-radius:50%; box-shadow:0 0 0 70px rgba(108,215,215,.016),0 0 0 140px rgba(108,215,215,.009); }
.rx-assembly-window { position:relative; width:90%; margin:0 0 0 auto; border:1px solid rgba(146,219,221,.32); border-radius:14px; background:#102632; box-shadow:0 38px 90px rgba(0,0,0,.43),inset 0 1px rgba(255,255,255,.09); overflow:hidden; transform:rotate(-4deg) rotateY(-6deg); transition:transform .65s cubic-bezier(.22,1,.36,1); }
.rx-hero-assembly:hover .rx-assembly-window { transform:rotate(-2deg) rotateY(0); }
.rx-window-bar { display:flex; align-items:center; justify-content:space-between; height:43px; padding:0 14px; border-bottom:1px solid rgba(171,223,227,.17); background:#17333e; color:#92b8bb; font:500 .52rem var(--mono); letter-spacing:.08em; }
.rx-window-dots { display:flex; gap:5px; }.rx-window-dots i { width:5px; height:5px; border-radius:50%; background:#66868d; }.rx-window-dots i:first-child { background:#8bf6e8; }
.rx-window-body { display:grid; grid-template-columns:52px 1fr; min-height:355px; }
.rx-window-body aside { display:flex; flex-direction:column; align-items:center; gap:20px; padding:18px 0; border-right:1px solid rgba(171,223,227,.13); background:#102831; }
.rx-window-body aside b { margin-bottom:10px; font:600 .7rem var(--mono); color:var(--rx-mint); }.rx-window-body aside b span { font-size:.7em; }
.rx-window-body aside i { width:17px; height:2px; border-radius:3px; background:#6a999e; }.rx-window-body aside i:nth-child(3) { background:var(--rx-mint); }
.rx-window-main { padding:24px 28px 27px; background:radial-gradient(ellipse at 65% 57%,rgba(56,133,157,.2),transparent 70%),linear-gradient(140deg,#153742,#10252f); }
.rx-window-label { color:#83abb0; font:500 .52rem var(--mono); letter-spacing:.12em; }.rx-window-main > strong { display:block; margin-top:14px; color:#f0fbf6; font:600 1.75rem/1.05 var(--rx-display); letter-spacing:-.06em; }
.rx-window-screen { display:flex; align-items:end; gap:13px; height:160px; margin:22px 0 14px; padding:8px 10px 0; border-bottom:1px solid rgba(155,220,223,.4); background:linear-gradient(rgba(148,206,218,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,206,218,.055) 1px,transparent 1px); background-size:21px 21px; }
.rx-window-display { border:1px solid; border-radius:5px 5px 0 0; background:linear-gradient(145deg,rgba(115,235,225,.17),rgba(115,235,225,.03)); }.rx-display-one { width:54%; height:130px; border-color:#84eade; }.rx-display-two { width:31%; height:82px; border-color:#b3b3ff; background:rgba(154,168,255,.12); }.rx-display-three { width:12%; height:60px; border-color:#ffc69f; background:rgba(255,183,129,.12); }
.rx-window-numbers { display:flex; justify-content:space-between; color:#87b2b7; font:500 .46rem var(--mono); letter-spacing:.05em; }
.rx-float-note { position:absolute; z-index:2; display:flex; align-items:center; gap:12px; padding:12px 15px; border:1px solid rgba(194,251,242,.62); border-radius:8px; background:#d4fbef; color:#0d3132; box-shadow:0 15px 35px rgba(0,0,0,.28); transform:rotate(7deg); }
.rx-float-note span { font:600 1.85rem var(--rx-display); letter-spacing:-.08em; }.rx-float-note small { font:500 .48rem/1.45 var(--mono); letter-spacing:.08em; }.rx-float-note-top { top:29px; right:-4%; }.rx-float-note-bottom { bottom:24px; left:2%; background:#b8c4ff; border-color:#b8c4ff; transform:rotate(-6deg); }
.rx-assembly-cross { position:absolute; top:11%; left:1%; color:#89f5e6; font-size:2.5rem; opacity:.7; }
.rx-hero-foot { display:grid; grid-template-columns:repeat(3,1fr) auto; align-items:center; gap:20px; padding:24px 0 36px; border-top:1px solid rgba(184,225,232,.19); color:#95adb2; }
.rx-hero-foot div { display:flex; align-items:baseline; gap:10px; }.rx-hero-foot strong { color:#edf8f3; font:500 2rem var(--rx-display); letter-spacing:-.07em; }.rx-hero-foot a { color:#b5d4d5; white-space:nowrap; }.rx-hero-foot a span { margin-left:8px; color:var(--rx-mint); }
.rx-ticker { display:flex; align-items:center; justify-content:space-around; gap:28px; min-height:88px; margin:0 0 94px; padding:0 30px; border-top:1px solid rgba(157,239,226,.31); border-bottom:1px solid rgba(157,239,226,.31); color:var(--rx-mint); font:500 clamp(.66rem,1.1vw,1rem) var(--mono); letter-spacing:.17em; white-space:nowrap; overflow:hidden; }.rx-ticker b { font-size:1.5rem; font-weight:400; }

/* The homepage gallery is a distinct dark surface around the product previews. */
.rx-tools { padding:clamp(28px,4.5vw,64px); border:1px solid rgba(129,225,217,.29); border-radius:23px; background:radial-gradient(circle at 88% 8%,rgba(83,184,190,.14),transparent 32%),linear-gradient(145deg,#173742,#0c2632 65%,#102c38); color:#edf8f3; box-shadow:0 30px 90px rgba(0,0,0,.22),inset 0 1px rgba(217,255,247,.08); }
.rx-tools .rx-section-index { border-bottom-color:rgba(155,225,225,.22); color:#90b5bc; }.rx-tools .rx-section-index span:first-child { color:var(--rx-mint); }
.rx-tools .rx-kicker-dark { color:#8ae8dc; }.rx-tools .rx-section-lead h2 { color:#f2faf7; }.rx-tools .rx-section-lead h2 em { color:var(--rx-mint); }.rx-tools .rx-section-lead > p { color:#aec8ca; }
.rx-section-index { display:flex; align-items:center; justify-content:space-between; gap:20px; padding-bottom:19px; border-bottom:1px solid rgba(9,39,44,.2); color:#537078; }.rx-section-index span:first-child { color:#144b51; }
.rx-section-lead { display:flex; align-items:end; justify-content:space-between; gap:50px; padding:55px 0 45px; }.rx-kicker-dark { color:#236b6c; }.rx-section-lead h2,.rx-apps-head h2 { margin:0; font:600 clamp(3.5rem,5.7vw,6.9rem)/.99 var(--rx-display); letter-spacing:-.085em; }.rx-section-lead h2 em,.rx-apps-head h2 em,.rx-directory-head h3 em,.rx-belief em,.rx-endnote em { font:italic 1.07em/.8 var(--rx-serif); letter-spacing:-.055em; }.rx-section-lead h2 em { color:#328b89; }.rx-section-lead > p { max-width:340px; margin:0 0 5px; color:#537079; font-size:.99rem; line-height:1.75; }
.rx-featured { padding:28px 30px 0; border:1px solid rgba(69,208,204,.5); border-radius:17px; background:radial-gradient(circle at 80% 20%,rgba(54,77,142,.3),transparent 50%),linear-gradient(120deg,#102e3c,#101c37 80%); box-shadow:0 16px 36px rgba(10,37,43,.13); }
.rx-featured .featured-topline { color:#9aafc8; }.rx-featured .featured-topline span:first-child { color:var(--rx-mint); }.rx-featured .featured-content { display:grid; grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); align-items:center; gap:35px; padding:35px 0 48px; }.rx-featured .feature-number { color:#93b8bd; }.rx-featured h3 { margin:16px 0 0; font:600 clamp(3rem,4.7vw,5.3rem)/.98 var(--rx-display); letter-spacing:-.075em; color:#eff7f8; }.rx-featured p { max-width:480px; color:#afc8d0; font-size:1rem; line-height:1.7; }.rx-featured .rx-button { margin-top:18px; }.rx-featured .screen-art { min-height:340px; border-color:rgba(137,198,230,.22); border-radius:11px; }.rx-featured .featured-bottom { display:flex; justify-content:space-between; color:#91a9ba; border-top-color:rgba(148,211,238,.18); }
.rx-bento { display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; margin-top:12px; }.rx-tool-panel { position:relative; display:flex; flex-direction:column; min-width:0; min-height:410px; padding:24px; border-radius:14px; overflow:hidden; isolation:isolate; transition:transform .25s ease,box-shadow .25s ease; }.rx-tool-panel:hover { transform:translateY(-4px); box-shadow:0 18px 35px rgba(9,37,42,.15); }.rx-panel-top { display:flex; justify-content:space-between; gap:12px; position:relative; z-index:2; opacity:.8; }.rx-panel-copy { position:relative; z-index:2; margin-top:auto; padding-right:65px; }.rx-panel-copy h3 { margin:0; font:600 clamp(1.8rem,2.7vw,2.8rem)/1.05 var(--rx-display); letter-spacing:-.06em; }.rx-panel-copy p { max-width:390px; margin:12px 0 0; font-size:.85rem; line-height:1.55; opacity:.75; }.rx-panel-arrow { position:absolute; right:23px; bottom:22px; display:grid; place-items:center; width:42px; height:42px; border:1px solid currentColor; border-radius:50%; font:400 1.15rem var(--rx-display); transition:transform .25s ease,background .25s ease; }.rx-tool-panel:hover .rx-panel-arrow { transform:translate(3px,-3px); }
.rx-tool-panel-sql { grid-column:span 7; background:#10333d; color:#ecfff9; }.rx-tool-panel-sql::before { content:""; position:absolute; width:420px; height:420px; right:-180px; top:-250px; border:1px solid rgba(141,245,232,.12); border-radius:50%; box-shadow:0 0 0 60px rgba(141,245,232,.025),0 0 0 120px rgba(141,245,232,.018); }.rx-tool-panel-sql .rx-panel-arrow { color:#8bf6e8; }
.rx-sql-art { display:flex; align-items:center; gap:8px; margin:auto 0 32px; padding:0 5%; color:#8ff6e7; }.rx-sql-art span { display:grid; place-items:center; flex:0 0 auto; width:58px; height:58px; border:1px solid rgba(142,246,232,.65); border-radius:12px; background:#174852; font:500 .65rem var(--mono); }.rx-sql-art span:last-child { background:#8cf6e7; color:#13363c; }.rx-sql-art i { flex:1; height:1px; background:linear-gradient(90deg,#8cf6e7,rgba(140,246,231,.2)); position:relative; }.rx-sql-art i::after { content:"›"; position:absolute; right:0; top:-11px; font:400 1.3rem var(--rx-display); }
.rx-tool-panel-phone { grid-column:span 5; background:#c7d1fa; color:#152044; }.rx-tool-panel-phone .rx-panel-arrow { color:#304587; }.rx-phone-art { position:relative; display:flex; align-items:end; justify-content:center; gap:15px; margin:auto 0 20px; height:174px; }.rx-phone-art div { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; width:85px; height:155px; border:4px solid #263866; border-radius:19px; background:linear-gradient(155deg,#acbafb,#768ad6); box-shadow:12px 16px 25px rgba(31,48,108,.13); transform:rotate(-8deg); }.rx-phone-art div:nth-child(2) { width:94px; height:169px; background:linear-gradient(155deg,#e4eaff,#a5b6f4); transform:rotate(8deg); }.rx-phone-art div i { position:absolute; top:6px; width:22px; height:4px; border-radius:3px; background:#263866; }.rx-phone-art div b { font:600 2.7rem var(--rx-display); letter-spacing:-.09em; }.rx-phone-art div span { font:500 .55rem var(--mono); }.rx-phone-art em { position:absolute; z-index:2; bottom:35px; left:50%; transform:translateX(-50%); padding:7px; border-radius:5px; background:#eaf1fa; font:500 .6rem var(--mono); }
.rx-tool-panel-text { grid-column:span 5; background:#a6e9d8; color:#103936; }.rx-tool-panel-text .rx-panel-arrow { color:#1d6a61; }.rx-text-art { position:relative; display:grid; grid-template-columns:1fr 18px 1fr; align-items:center; gap:8px; max-width:420px; min-height:152px; margin:auto 0 29px; padding:28px 14px 10px; border:1px solid rgba(16,75,70,.25); border-radius:9px; background:rgba(236,255,249,.3); }.rx-text-art > span { position:absolute; left:14px; top:10px; color:#42766f; font:500 .54rem var(--mono); }.rx-text-art code { color:#28635c; font:.67rem/1.75 var(--mono); }.rx-text-art code:last-child { color:#0d5f53; font-weight:500; }.rx-text-art b { color:#197c69; font-size:1.1rem; }
.rx-tool-panel-zpl { grid-column:span 7; background:#1d2531; color:#f0f7f4; }.rx-tool-panel-zpl .rx-panel-arrow { color:#9bf6e7; }.rx-zpl-art { position:relative; display:flex; align-items:center; gap:20px; margin:auto 0 20px; padding-left:9%; }.rx-zpl-label { display:flex; flex-direction:column; justify-content:space-between; width:180px; height:152px; padding:14px; border-radius:3px; background:#f8faf2; color:#16272c; box-shadow:14px 15px 26px rgba(0,0,0,.21); transform:rotate(-7deg); }.rx-zpl-label small { font:500 .47rem var(--mono); }.rx-zpl-label strong { font:700 1rem/1.05 var(--rx-display); }.rx-barcode { display:block; width:100%; height:30px; background:repeating-linear-gradient(90deg,#152a2e 0 2px,transparent 2px 4px,#152a2e 4px 5px,transparent 5px 8px,#152a2e 8px 11px,transparent 11px 14px); }.rx-zpl-code { padding:12px 20px; border-left:1px solid rgba(152,238,225,.25); color:#a7d7d3; font:.68rem/1.65 var(--mono); }
.rx-tool-directory { margin-top:80px; }.rx-directory-head { display:flex; justify-content:space-between; align-items:end; gap:45px; padding-bottom:25px; }.rx-directory-head span { color:#26716f; font:500 .6rem var(--mono); letter-spacing:.14em; }.rx-directory-head h3 { margin:13px 0 0; font:600 clamp(2.5rem,4.1vw,4.7rem)/1 var(--rx-display); letter-spacing:-.08em; }.rx-directory-head h3 em { color:#348786; }.rx-directory-head p { max-width:320px; color:#617b80; font-size:.9rem; line-height:1.65; }.rx-directory-list { border-top:1px solid rgba(17,60,66,.26); }.rx-directory-list a { display:grid; grid-template-columns:45px minmax(0,1.2fr) minmax(0,1fr) 28px; gap:20px; align-items:center; min-height:83px; border-bottom:1px solid rgba(17,60,66,.2); transition:background .2s ease,padding .2s ease; }.rx-directory-list a:hover { padding-inline:15px; background:#dfeae3; }.rx-directory-list span,.rx-directory-list small { color:#648186; font:500 .57rem var(--mono); letter-spacing:.07em; }.rx-directory-list strong { font:600 1.16rem var(--rx-display); letter-spacing:-.035em; }.rx-directory-list b { color:#23716e; font:400 1.4rem var(--rx-display); }.rx-directory-foot { display:flex; align-items:center; justify-content:space-between; gap:24px; padding-top:25px; color:#638187; }.rx-directory-foot a { display:flex; align-items:center; gap:25px; min-height:46px; padding:0 16px; background:#0d333c; border-radius:6px; color:#d4fff5; }.rx-directory-foot a:hover { background:#17616a; }
.rx-tools .rx-directory-head span { color:#8ceadd; }.rx-tools .rx-directory-head h3 { color:#effaf5; }.rx-tools .rx-directory-head h3 em { color:var(--rx-mint); }.rx-tools .rx-directory-head p { color:#abc7c9; }
.rx-tools .rx-directory-list { border-top-color:rgba(159,224,220,.24); }.rx-tools .rx-directory-list a { border-bottom-color:rgba(159,224,220,.19); color:#edf8f3; }.rx-tools .rx-directory-list a:hover { background:#1e4752; }.rx-tools .rx-directory-list span,.rx-tools .rx-directory-list small { color:#91b5b8; }.rx-tools .rx-directory-list b { color:var(--rx-mint); }.rx-tools .rx-directory-foot { color:#95b6b9; }.rx-tools .rx-directory-foot a { background:#8df2e3; color:#0b2930; }.rx-tools .rx-directory-foot a:hover { background:#c5fff4; }

/* Belief and software gallery */
.rx-belief { display:grid; grid-template-columns:185px minmax(0,1fr); gap:20px 45px; align-items:start; padding:125px 0 120px; border-bottom:1px solid rgba(181,224,229,.15); }.rx-belief > span { padding-top:18px; color:#87abae; font:500 .57rem/1.6 var(--mono); letter-spacing:.12em; }.rx-belief p { margin:0; max-width:1100px; color:#e9f3ef; font:500 clamp(2.8rem,5.4vw,6.8rem)/1.08 var(--rx-display); letter-spacing:-.075em; }.rx-belief em { color:var(--rx-mint); }.rx-belief > div { grid-column:2; display:flex; gap:30px; color:#7da7a8; font:500 .56rem var(--mono); letter-spacing:.11em; }
.rx-apps { padding:80px 0 100px; }.rx-apps .rx-section-index { border-color:rgba(170,223,227,.18); color:#91b2b6; }.rx-apps .rx-section-index span:first-child { color:var(--rx-mint); }.rx-apps-head { display:flex; align-items:end; justify-content:space-between; gap:50px; padding:70px 0 42px; }.rx-apps-head h2 { color:#f0f6f1; }.rx-apps-head h2 em { color:var(--rx-mint); }.rx-apps-head > div:last-child { max-width:280px; }.rx-apps-head > div:last-child p { color:#a5c1c3; line-height:1.75; font-size:.9rem; }.rx-apps-head > div:last-child a { display:flex; justify-content:space-between; margin-top:23px; padding-bottom:9px; border-bottom:1px solid rgba(139,244,229,.4); color:var(--rx-mint); font:500 .62rem var(--mono); text-transform:uppercase; }
.rx-app-grid { display:grid; grid-template-columns:1.1fr .9fr; grid-template-rows:repeat(2,minmax(295px,1fr)); gap:13px; }.rx-app-tile { position:relative; display:flex; flex-direction:column; min-width:0; padding:28px; border:1px solid rgba(170,213,221,.25); border-radius:15px; overflow:hidden; transition:transform .25s ease,box-shadow .25s ease; }.rx-app-tile:hover { transform:translateY(-3px); box-shadow:0 20px 48px rgba(0,0,0,.22); }.rx-app-zpl { grid-row:span 2; min-height:650px; background:linear-gradient(145deg,#122c39,#10213b); color:#eefbf8; }.rx-app-smtp { background:#d9dfeb; color:#182b47; }.rx-app-files { background:#dce9e2; color:#173730; }.rx-app-meta { display:flex; justify-content:space-between; gap:12px; position:relative; z-index:2; opacity:.8; }.rx-app-meta .rx-available { display:flex; align-items:center; gap:7px; color:#96ffed; }.rx-available i { width:6px; height:6px; border-radius:50%; background:currentColor; box-shadow:0 0 12px currentColor; }.rx-app-text { position:relative; z-index:2; margin-top:30px; }.rx-app-text h3 { margin:0; font:600 clamp(2.2rem,3.4vw,4rem)/1 var(--rx-display); letter-spacing:-.075em; }.rx-app-text p { max-width:390px; margin:11px 0 0; font-size:.9rem; line-height:1.6; opacity:.75; }.rx-app-bottom { display:flex; justify-content:space-between; align-items:center; gap:20px; margin-top:auto; padding-top:20px; border-top:1px solid currentColor; opacity:.65; }.rx-app-bottom b { font:400 1.3rem var(--rx-display); }
.rx-studio-preview { display:flex; flex-direction:column; margin:40px 0 38px; border:1px solid rgba(166,229,229,.3); border-radius:10px; overflow:hidden; transform:rotate(-2deg); background:#142d3b; box-shadow:16px 25px 35px rgba(0,0,0,.21); }.rx-studio-bar { display:flex; justify-content:space-between; padding:10px 13px; border-bottom:1px solid rgba(166,229,229,.19); color:#9dbdc6; font:500 .55rem var(--mono); }.rx-studio-body { display:grid; grid-template-columns:1fr 1fr; min-height:233px; }.rx-studio-body > div:first-child { padding:20px 13px; border-right:1px solid rgba(166,229,229,.15); }.rx-studio-body code { color:#a8eadb; font:.65rem/1.8 var(--mono); }.rx-studio-body code span { display:inline-block; width:22px; color:#5e8993; }.rx-studio-label { display:flex; flex-direction:column; gap:7px; justify-content:center; align-items:center; width:70%; min-height:160px; margin:auto; padding:12px; background:#edf2e9; color:#172b30; transform:rotate(3deg); }.rx-studio-label b { font:700 1.5rem var(--rx-display); }.rx-studio-label small,.rx-studio-label span { font:500 .5rem var(--mono); }.rx-studio-label i { width:100%; height:48px; }
.rx-smtp-preview { position:relative; display:flex; flex-direction:column; gap:9px; max-width:330px; min-height:105px; margin:22px 0 14px auto; padding:16px 60px 13px 18px; border:1px solid rgba(53,80,123,.27); border-radius:9px; background:rgba(255,255,255,.42); transform:rotate(3deg); }.rx-smtp-preview span { color:#4d6485; font:500 .55rem var(--mono); }.rx-smtp-preview div { display:flex; gap:5px; margin-top:5px; }.rx-smtp-preview i { display:block; height:4px; width:30px; border-radius:3px; background:#a5b5d0; }.rx-smtp-preview i:nth-child(2) { width:50px; }.rx-smtp-preview b { position:absolute; right:10px; bottom:5px; color:#485cc9; font-size:2.5rem; }
.rx-files-preview { display:flex; align-items:center; justify-content:center; gap:16px; height:108px; margin:18px 0 10px; }.rx-db-shape { display:grid; place-items:center; width:88px; height:69px; border:1px solid #569386; border-radius:50% / 20%; background:linear-gradient(#a7d7ca,#7bbaab); font:500 .65rem var(--mono); }.rx-files-preview > i { color:#367c6c; font:400 1.8rem var(--rx-display); }.rx-file-shapes { display:flex; gap:5px; }.rx-file-shapes span { display:grid; place-items:end center; width:42px; height:53px; padding-bottom:7px; border:1px solid #7da99c; border-radius:4px; background:#f0faf4; font:500 .48rem var(--mono); transform:rotate(-7deg); }.rx-file-shapes span:nth-child(2) { transform:rotate(4deg); }.rx-file-shapes span:nth-child(3) { transform:rotate(12deg); }
.rx-endnote { display:flex; align-items:end; justify-content:space-between; gap:30px; min-height:330px; padding:45px; margin-bottom:85px; border-radius:18px; background:radial-gradient(circle at 90% 5%,rgba(236,255,249,.52),transparent 40%),#98e9d7; color:#092d31; }.rx-endnote > span { align-self:start; font:500 .6rem var(--mono); letter-spacing:.12em; }.rx-endnote p { margin:0 auto 0 0; font:600 clamp(3rem,5vw,6rem)/1 var(--rx-display); letter-spacing:-.08em; }.rx-endnote em { color:#1f696b; }.rx-endnote a { display:flex; justify-content:space-between; gap:30px; min-width:180px; padding-bottom:8px; border-bottom:1px solid #27686a; font:500 .63rem var(--mono); text-transform:uppercase; }
.rx-footer { display:grid; grid-template-columns:1.35fr 1fr .7fr .7fr; align-items:start; gap:30px; padding:38px 0 60px; min-height:180px; border-top:1px solid rgba(172,220,226,.2); }.rx-footer > div { display:flex; flex-direction:column; align-items:start; gap:10px; }.rx-footer > div > span { margin-bottom:9px; color:#71999e; font:500 .55rem var(--mono); letter-spacing:.12em; }.rx-footer a:not(.wordmark) { color:#d4e8e8; font:500 .83rem var(--rx-display); }.rx-footer a:not(.wordmark):hover { color:var(--rx-mint); }.rx-footer small { margin-top:11px; color:#72959a; font:.6rem var(--mono); }

@media(max-width:1150px) {
  .rx-header .domain,.rx-header .command-hint > span { display:none; }
  .rx-hero-layout { gap:25px; }.rx-hero h1 { font-size:clamp(3.8rem,6.35vw,6.5rem); }.rx-hero-assembly { min-height:490px; }.rx-float-note-top { right:-2%; }
  .rx-app-grid { grid-template-columns:1fr 1fr; }.rx-app-zpl { min-height:620px; }
}
@media(max-width:900px) {
  .reimagined-page .site-header,.reimagined-page main,.reimagined-page footer { width:min(100% - 40px,1440px); }
  .rx-hero-layout { grid-template-columns:1fr; padding-top:60px; }.rx-hero h1 { font-size:clamp(4.2rem,10vw,6.9rem); }.rx-hero-assembly { max-width:650px; width:100%; margin-inline:auto; min-height:490px; }.rx-assembly-window { width:83%; }.rx-hero-foot { grid-template-columns:repeat(3,1fr); }.rx-hero-foot a { grid-column:1/-1; }
  .rx-section-lead,.rx-apps-head { align-items:start; flex-direction:column; gap:25px; }.rx-section-lead > p { max-width:600px; }.rx-apps-head > div:last-child { max-width:500px; }
  .rx-belief { grid-template-columns:1fr; padding-block:90px; }.rx-belief > div { grid-column:1; }
  .rx-endnote { align-items:start; flex-direction:column; }.rx-endnote p { margin:0; }
}
@media(max-width:700px) {
  .reimagined-page .site-header,.reimagined-page main,.reimagined-page footer { width:min(100% - 28px,1440px); }
  .rx-header { height:70px; }.rx-header .wordmark-mark { width:34px; height:34px; }.rx-header .wordmark { font-size:1.02rem; }.rx-header .rx-wordmark-type small { display:none; }.rx-header .site-nav { gap:15px; }.rx-header .site-nav a { font-size:.61rem; }.rx-header .site-nav a span { display:none; }.rx-header .command-hint { display:none; }
  .rx-hero-overline span:nth-child(2),.rx-hero-overline span:nth-child(3) { display:none; }.rx-hero-overline { font-size:.53rem; }.rx-hero-layout { gap:15px; padding:54px 0 44px; }.rx-kicker { font-size:.55rem; }.rx-hero h1 { font-size:clamp(3.5rem,12.5vw,5.4rem); }.rx-hero h1 > span { white-space:normal; }.rx-hero-description { grid-template-columns:1fr; gap:7px; margin-top:25px; }.rx-hero-description p { font-size:.92rem; line-height:1.7; }.rx-hero-ctas { margin-top:27px; }.rx-hero-ctas .rx-button { flex:1 1 100%; }
  .rx-hero-assembly { min-height:390px; }.rx-assembly-window { width:90%; }.rx-window-body { min-height:260px; grid-template-columns:40px 1fr; }.rx-window-main { padding:17px; }.rx-window-main > strong { font-size:1.32rem; }.rx-window-screen { height:111px; margin:15px 0 8px; }.rx-display-one { height:91px; }.rx-display-two { height:55px; }.rx-display-three { height:41px; }.rx-window-numbers { font-size:.34rem; }.rx-float-note { padding:8px 10px; gap:7px; }.rx-float-note span { font-size:1.35rem; }.rx-float-note small { font-size:.38rem; }.rx-float-note-top { top:22px; right:0; }.rx-float-note-bottom { bottom:5px; left:0; }.rx-assembly-cross { display:none; }
  .rx-hero-foot { grid-template-columns:repeat(3,1fr); gap:8px; padding:20px 0 24px; }.rx-hero-foot div { flex-direction:column; gap:2px; }.rx-hero-foot strong { font-size:1.55rem; }.rx-hero-foot span { font-size:.44rem; }.rx-hero-foot a { padding-top:15px; font-size:.55rem; }
  .rx-ticker { min-height:64px; margin-bottom:45px; font-size:.56rem; justify-content:flex-start; gap:20px; }.rx-ticker span:last-child { display:none; }
  .rx-tools { padding:22px 16px; border-radius:15px; }.rx-section-index { font-size:.51rem; }.rx-section-index span:last-child { text-align:right; }.rx-section-lead { padding:34px 0 30px; }.rx-section-lead h2,.rx-apps-head h2 { font-size:clamp(3rem,10.2vw,4.5rem); }.rx-section-lead > p { font-size:.88rem; }
  .rx-featured { padding:20px 18px 0; }.rx-featured .featured-topline { font-size:.51rem; }.rx-featured .featured-content { grid-template-columns:1fr; gap:20px; padding:30px 0; }.rx-featured h3 { font-size:clamp(2.45rem,9vw,3.7rem); }.rx-featured p { font-size:.89rem; }.rx-featured .rx-button { width:100%; }.rx-featured .screen-art { min-height:215px; }.rx-featured .featured-bottom { flex-wrap:wrap; gap:5px; font-size:.49rem; }.rx-featured .featured-bottom span:last-child { display:none; }
  .rx-bento { grid-template-columns:1fr; gap:9px; }.rx-tool-panel { grid-column:1!important; min-height:380px; padding:19px; }.rx-panel-top { font-size:.5rem; }.rx-panel-copy { padding-right:45px; }.rx-panel-copy h3 { font-size:1.9rem; }.rx-panel-copy p { font-size:.82rem; }.rx-tool-panel-text,.rx-tool-panel-phone { min-height:360px; }.rx-phone-art { margin-top:30px; }.rx-zpl-art { padding-left:0; }
  .rx-tool-directory { margin-top:55px; }.rx-directory-head { align-items:start; flex-direction:column; gap:12px; }.rx-directory-head h3 { font-size:2.7rem; }.rx-directory-head p { font-size:.83rem; }.rx-directory-list a { grid-template-columns:26px 1fr 22px; min-height:72px; gap:12px; }.rx-directory-list strong { font-size:.98rem; }.rx-directory-list small { display:none; }.rx-directory-list b { grid-column:3; }.rx-directory-foot { align-items:stretch; flex-direction:column; font-size:.52rem; }.rx-directory-foot a { justify-content:space-between; }
  .rx-belief { padding:75px 0; gap:14px; }.rx-belief p { font-size:clamp(2.5rem,9vw,4rem); }.rx-belief > div { flex-wrap:wrap; gap:9px 20px; font-size:.5rem; }
  .rx-apps { padding:55px 0 75px; }.rx-apps-head { padding:45px 0 30px; }.rx-apps-head > div:last-child p { font-size:.88rem; }.rx-app-grid { grid-template-columns:1fr; grid-template-rows:auto; }.rx-app-zpl { grid-row:auto; min-height:600px; }.rx-app-smtp,.rx-app-files { min-height:350px; }.rx-app-tile { padding:21px; }.rx-app-meta { font-size:.5rem; }.rx-app-text h3 { font-size:2.5rem; }.rx-app-text p { font-size:.84rem; }.rx-studio-preview { margin-top:35px; }.rx-studio-body { min-height:190px; }.rx-studio-body code { font-size:.51rem; }.rx-studio-label { width:75%; min-height:135px; }.rx-studio-label b { font-size:1.1rem; }
  .rx-endnote { min-height:300px; padding:25px; margin-bottom:55px; }.rx-endnote > span { font-size:.52rem; }.rx-endnote p { font-size:clamp(2.8rem,9vw,4rem); }.rx-endnote a { width:100%; }
  .rx-footer { grid-template-columns:1fr 1fr; gap:35px 20px; padding-bottom:55px; }.rx-footer .wordmark { grid-column:1/-1; }.rx-footer > div:first-of-type { grid-column:1/-1; }.rx-footer > div > span { font-size:.49rem; }
}
@media(max-width:390px) { .rx-hero h1 { font-size:3.25rem; }.rx-header .site-nav { gap:9px; }.rx-header .site-nav a { font-size:.56rem; }.rx-featured h3 { font-size:2.35rem; }.rx-sql-art { gap:3px; }.rx-sql-art span { width:43px; height:43px; font-size:.5rem; }.rx-zpl-label { width:150px; height:135px; }.rx-zpl-code { padding-inline:10px; font-size:.52rem; } }
@media(prefers-reduced-motion:reduce) { .rx-assembly-window,.rx-button,.rx-tool-panel,.rx-app-tile,.rx-directory-list a { transition:none; } }

/* Reference Library now anchors the second half of the homepage. */
.rx-library { padding:85px 0 105px; }
.rx-library .rx-section-index { color:#8faeb4; border-bottom-color:rgba(172,225,229,.18); }
.rx-library .rx-section-index span:first-child { color:var(--rx-mint); }
.rx-library-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.95fr); align-items:center; gap:clamp(35px,7vw,115px); padding:70px 0 45px; }
.rx-library-copy h2 { margin:0; font:600 clamp(3.7rem,6vw,7rem)/.98 var(--rx-display); letter-spacing:-.085em; }
.rx-library-copy h2 em { color:var(--rx-mint); font:italic 1.07em/.8 var(--rx-serif); letter-spacing:-.055em; }
.rx-library-copy > p:not(.rx-kicker) { max-width:520px; margin:24px 0 0; color:#aac4c8; font-size:.99rem; line-height:1.75; }
.rx-library-tags { display:flex; flex-wrap:wrap; gap:7px; margin:25px 0 30px; }
.rx-library-tags span { padding:8px 10px; border:1px solid rgba(154,223,222,.27); border-radius:4px; color:#9ecacb; font:500 .55rem var(--mono); letter-spacing:.06em; }
.rx-library-terminal { overflow:hidden; border:1px solid rgba(150,228,224,.3); border-radius:13px; background:#102a35; box-shadow:20px 30px 70px rgba(0,0,0,.26); transform:rotate(2deg); transition:transform .5s cubic-bezier(.22,1,.36,1); }
.rx-library-terminal:hover { transform:rotate(0); }
.rx-terminal-top,.rx-terminal-foot { display:flex; align-items:center; justify-content:space-between; gap:15px; padding:16px 18px; color:#90b7bc; font:500 .55rem var(--mono); letter-spacing:.08em; }
.rx-terminal-top { border-bottom:1px solid rgba(152,219,224,.16); background:#153340; }.rx-terminal-top > span:first-child { display:flex; gap:5px; }.rx-terminal-top i { width:6px; height:6px; border-radius:50%; background:#78989e; }.rx-terminal-top i:first-child { background:#8bf5e8; }.rx-terminal-top strong { font-weight:500; }
.rx-terminal-code { min-height:290px; padding:26px 18px; background:linear-gradient(135deg,rgba(46,108,120,.15),transparent 50%),#102a35; color:#d1e2df; font:.72rem/1.95 var(--mono); white-space:nowrap; overflow:hidden; }.rx-terminal-code p { display:flex; gap:20px; margin:0; }.rx-terminal-code em { width:18px; color:#608b91; font-style:normal; }.rx-code-comment { color:#7daaad; }.rx-code-command { color:#93f0df; }.rx-code-number { color:#ffc190; }.rx-code-output { color:#a7deab; }
.rx-terminal-foot { border-top:1px solid rgba(152,219,224,.16); color:#9cc7c6; }
.rx-library-strip { display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:22px; padding:27px 0; border-top:1px solid rgba(172,225,229,.2); border-bottom:1px solid rgba(172,225,229,.2); }.rx-library-strip div { display:flex; align-items:center; gap:13px; }.rx-library-strip strong { font:600 2.1rem var(--rx-display); letter-spacing:-.08em; color:#e7f6ef; }.rx-library-strip span { max-width:160px; color:#8bb1b4; font:500 .54rem/1.5 var(--mono); letter-spacing:.05em; }.rx-library-strip a { display:flex; align-items:center; gap:18px; color:var(--rx-mint); font:500 .6rem var(--mono); white-space:nowrap; }
@media(max-width:900px) { .rx-library-layout { grid-template-columns:1fr; gap:40px; }.rx-library-terminal { max-width:700px; }.rx-library-strip { grid-template-columns:1fr 1fr; }.rx-library-strip a { grid-column:1/-1; } }
@media(max-width:700px) { .rx-library { padding:55px 0 70px; }.rx-library-layout { padding:45px 0 35px; }.rx-library-copy h2 { font-size:clamp(3.15rem,10vw,4.5rem); }.rx-library-copy > p:not(.rx-kicker) { font-size:.9rem; }.rx-library-terminal { transform:none; }.rx-terminal-top,.rx-terminal-foot { padding-inline:11px; font-size:.45rem; }.rx-terminal-code { min-height:245px; padding:20px 12px; font-size:.53rem; }.rx-terminal-code p { gap:9px; }.rx-library-strip { gap:22px 12px; }.rx-library-strip strong { font-size:1.75rem; }.rx-library-strip span { font-size:.45rem; }.rx-library-strip a { padding-top:7px; } }

/* Toolbox: a catalog with its own visual language and working previews. */
.rx-toolbox-page { --acid:var(--rx-mint); }
.rx-toolbox-page .rx-toolbox-hero { position:relative; padding-top:28px; }
.rx-toolbox-hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,.84fr); align-items:center; gap:clamp(30px,6vw,105px); padding:92px 0 80px; }
.rx-toolbox-hero h1 { margin:0; font:600 clamp(4.6rem,7.2vw,8.5rem)/.95 var(--rx-display); letter-spacing:-.09em; }
.rx-toolbox-hero h1 em,.rx-catalog h2 em,.rx-reference-intro h2 em { color:var(--rx-mint); font:italic 1.08em/.8 var(--rx-serif); letter-spacing:-.06em; }
.rx-toolbox-summary { max-width:610px; margin:34px 0 0; color:#b6cdd0; font-size:1.08rem; line-height:1.7; }
.rx-toolbox-hero-links { display:flex; flex-wrap:wrap; gap:10px; margin-top:32px; }
.rx-toolbox-privacy { max-width:590px; display:flex; gap:13px; margin:48px 0 0; padding-top:19px; border-top:1px solid rgba(181,224,224,.18); color:#85a9af; font:.58rem/1.65 var(--mono); letter-spacing:.025em; }
.rx-toolbox-privacy span { color:var(--rx-mint); white-space:nowrap; }
.rx-toolbox-demo { border:1px solid rgba(138,246,232,.4); border-radius:16px; background:#14313b; box-shadow:32px 34px 0 -19px #97f6e8,0 45px 90px rgba(0,0,0,.31); transform:rotate(3deg); transition:transform .5s cubic-bezier(.22,1,.36,1); overflow:hidden; }
.rx-toolbox-demo:hover { transform:rotate(0); }
.rx-demo-bar { height:48px; display:flex; align-items:center; justify-content:space-between; gap:10px; padding:0 18px; border-bottom:1px solid rgba(173,232,229,.18); color:#91b9bd; font:500 .53rem var(--mono); letter-spacing:.07em; }
.rx-demo-bar > span { display:flex; gap:5px; }.rx-demo-bar i { width:6px; height:6px; border-radius:50%; background:#648d95; }.rx-demo-bar i:first-child { background:#91f4e7; }.rx-demo-bar b { color:#96f6e9; font-size:1rem; font-weight:400; }
.rx-demo-body { display:grid; grid-template-columns:1fr 30px 1fr; gap:12px; align-items:center; padding:30px 22px; background:radial-gradient(circle at 70% 40%,rgba(94,192,187,.17),transparent 60%),#102630; }
.rx-demo-pane { min-height:296px; padding:18px; border:1px solid rgba(160,220,222,.24); border-radius:9px; background:#0b1e27; }.rx-demo-pane > span { display:block; padding-bottom:13px; border-bottom:1px solid rgba(160,220,222,.15); color:#84aeb1; font:500 .52rem var(--mono); letter-spacing:.11em; }.rx-demo-pane code { display:block; padding-top:23px; color:#d0e9e6; font:.88rem/2.25 var(--mono); }.rx-demo-output { border-color:rgba(136,246,232,.5); background:#153b41; }.rx-demo-output code { color:var(--rx-mint); }.rx-demo-arrow { color:var(--rx-mint); font:400 1.4rem var(--mono); text-align:center; }.rx-demo-cursor { animation:rx-blink 1s steps(2,start) infinite; }@keyframes rx-blink { to { opacity:0; } }
.rx-demo-status { display:flex; justify-content:space-between; gap:12px; padding:16px 21px; border-top:1px solid rgba(173,232,229,.18); color:#a4dcd5; font:500 .48rem var(--mono); letter-spacing:.08em; }
.rx-toolbox-hero-bottom { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:22px 0 33px; border-top:1px solid rgba(184,225,232,.18); color:#8dacb2; font:500 .57rem var(--mono); letter-spacing:.1em; }.rx-toolbox-hero-bottom span:last-child { color:var(--rx-mint); font-size:1.4rem; }
.rx-catalog { padding:clamp(28px,4.5vw,64px); border:1px solid #37636c; border-radius:23px; background:radial-gradient(circle at 90% 5%,rgba(92,206,195,.13),transparent 31%),linear-gradient(145deg,#173642,#0d2530 70%,#12323d); color:#eaf8f3; box-shadow:0 30px 85px rgba(0,0,0,.18),inset 0 1px rgba(203,255,245,.09); }
.rx-catalog .rx-section-index { color:#8db0b7; border-bottom-color:#3a646c; }.rx-catalog .rx-section-index span:first-child { color:#8bf6e6; }.rx-catalog .rx-kicker-dark { color:#83dfd1; }
.rx-catalog .rx-section-lead { padding:58px 0 53px; }.rx-catalog .rx-section-lead h2 { color:#f0fbf7; }.rx-catalog .rx-section-lead h2 em { color:#86f1e1; }.rx-catalog .rx-section-lead > p { color:#a9c7ca; }
.rx-utility-grid { grid-template-columns:repeat(12,minmax(0,1fr)); gap:12px; }
.rx-utility-grid .utility-card { grid-column:span 4; min-height:470px; padding:24px; border:1px solid #42616b; border-radius:12px; background:#1b3a46; box-shadow:none; color:#f1faf5; }
.rx-utility-grid .utility-card:nth-child(1),.rx-utility-grid .utility-card:nth-child(4) { grid-column:span 7; }.rx-utility-grid .utility-card:nth-child(2),.rx-utility-grid .utility-card:nth-child(3) { grid-column:span 5; }.rx-utility-grid .utility-card:nth-child(8),.rx-utility-grid .utility-card:nth-child(9) { grid-column:span 6; }
.rx-utility-grid .utility-card:nth-child(1),.rx-utility-grid .utility-card:nth-child(3),.rx-utility-grid .utility-card:nth-child(6),.rx-utility-grid .utility-card:nth-child(9) { background:#0e2934; border-color:#34616a; }
.rx-utility-grid .utility-card:nth-child(2) { background:#252f55; border-color:#59689e; }.rx-utility-grid .utility-card:nth-child(5) { background:#17443f; border-color:#3b8578; }.rx-utility-grid .utility-card:nth-child(8) { background:#282f50; border-color:#5a6897; }
.rx-utility-grid .utility-card::before,.rx-utility-grid .utility-card::after { display:none; }
.rx-toolbox-page .rx-utility-grid .utility-card:hover { transform:translateY(-5px); background:#214651; border-color:#8be5d9; box-shadow:0 20px 45px rgba(0,0,0,.24); }.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(1):hover,.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(3):hover,.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(6):hover,.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(9):hover { background:#143641; }.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(2):hover { background:#2d3965; }.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(5):hover { background:#1b514b; }.rx-toolbox-page .rx-utility-grid .utility-card:nth-child(8):hover { background:#30395e; }
.rx-utility-grid .tool-card-meta { margin:0 0 17px; color:inherit; opacity:.65; font:500 .53rem var(--mono); letter-spacing:.1em; }.rx-utility-grid .tool-card-type { color:inherit; }
.rx-utility-grid .tool-card h3 { color:inherit; font:600 clamp(1.55rem,2vw,2rem)/1.1 var(--rx-display); letter-spacing:-.055em; }.rx-utility-grid .tool-card-description { max-width:600px; margin-bottom:20px; color:inherit; opacity:.72; font-size:.83rem; line-height:1.55; }
.rx-utility-grid .tags span { border-color:currentColor; color:inherit; opacity:.65; }.rx-utility-grid .card-actions { margin-top:20px; padding-top:13px; border-color:currentColor; opacity:.8; }.rx-utility-grid .card-action.primary { width:100%; justify-content:space-between; padding:0; border:0; background:none; color:inherit; font:.58rem var(--mono); text-align:left; }.rx-utility-grid .card-action.primary:hover { background:none; color:inherit; text-decoration:underline; }
.rx-card-visual { position:relative; display:flex; align-items:center; justify-content:center; gap:10px; height:162px; min-height:162px; margin:0 0 22px; padding:17px; border:1px solid currentColor; border-radius:8px; color:inherit; background:rgba(120,191,191,.07); overflow:hidden; }
.rx-card-display { align-items:end; background:linear-gradient(rgba(158,219,219,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(158,219,219,.08) 1px,transparent 1px),#143844; background-size:22px 22px; }.rx-card-display i { display:block; width:38%; height:100%; border:1px solid #7ae9e2; border-radius:5px 5px 0 0; background:rgba(110,234,229,.14); }.rx-card-display i:nth-child(2) { width:26%; height:65%; border-color:#afb7ff; background:rgba(154,168,255,.16); }.rx-card-display i:nth-child(3) { width:10%; height:38%; border-color:#fbc195; background:rgba(251,193,149,.17); }.rx-card-display span { position:absolute; top:9px; right:12px; color:#b9e5e3; font:.48rem var(--mono); }
.rx-card-phone { gap:15px; border-color:#aeb9eb; background:radial-gradient(circle at center,#dce3ff,#bdcaff); }.rx-card-phone i { width:74px; height:127px; display:grid; place-items:center; border:4px solid #182e54; border-radius:17px; background:#4a629e; color:#f2efff; font:600 2rem var(--rx-display); box-shadow:6px 7px 0 rgba(27,46,83,.15); }.rx-card-phone i:nth-child(2) { transform:translateY(-5px); background:#815cbd; }.rx-card-phone span { position:absolute; top:9px; left:12px; color:#33457a; font:.48rem var(--mono); }
.rx-card-diagnostics { gap:8px; border-color:#487879; background:radial-gradient(circle at center,rgba(80,195,185,.15),transparent 70%),#102a34; }.rx-card-diagnostics span { display:grid; place-items:center; width:66px; height:66px; border:1px solid #80e6d8; border-radius:50%; color:#a5f4e7; font:.7rem var(--mono); }.rx-card-diagnostics b { color:#6ca5a6; font:400 1.2rem var(--mono); }
.rx-card-sql { justify-content:space-around; background:#e0e9e5; border-color:#b7cbc7; color:#15343d; }.rx-card-sql span { position:absolute; top:12px; left:17px; color:#597371; font:.5rem var(--mono); }.rx-card-sql code { font:.75rem/1.65 var(--mono); }.rx-card-sql code:last-child { padding:15px; border-radius:5px; background:#12343b; color:#a4f1e1; }.rx-card-sql b { font-size:1.4rem; font-weight:400; }
.rx-card-text { flex-wrap:wrap; align-content:center; gap:7px; border-color:#a5d2c8; }.rx-card-text span { padding:8px; border:1px solid #5eafa4; border-radius:5px; font:.61rem var(--mono); }.rx-card-text b { flex-basis:100%; text-align:center; font:400 1.6rem var(--mono); }
.rx-card-label { justify-content:space-around; background:#0b212a; border-color:#43747b; }.rx-card-label > div { width:145px; height:123px; padding:12px; background:#f7f5ee; color:#10292d; transform:rotate(-5deg); }.rx-card-label small { display:block; font:.39rem var(--mono); }.rx-card-label strong { display:block; margin:8px 0; font:700 .9rem/.95 var(--rx-display); }.rx-barcode { display:block; width:100%; height:22px; background:repeating-linear-gradient(90deg,#13252a 0 2px,transparent 2px 4px,#13252a 4px 5px,transparent 5px 8px); }.rx-card-label code { color:#9af4e8; font:.6rem/1.75 var(--mono); }
.rx-card-mail { background:#eff1ee; border-color:#ccd5d1; color:#15343d; }.rx-card-mail span { padding:8px 7px; border:1px solid #8cbdb8; border-radius:3px; font:.56rem var(--mono); }.rx-card-mail i { width:24px; border-top:1px dashed #558c87; }
.rx-card-json { justify-content:space-between; background:#dcdcf7; border-color:#c0c1ed; color:#242c51; }.rx-card-json code { font:.7rem/1.7 var(--mono); }.rx-card-json span { align-self:end; padding:7px; border-radius:3px; background:#1b5e59; color:#d4fff3; font:.54rem var(--mono); }
.rx-card-hash { justify-content:space-between; background:#112d37; border-color:#4f797f; }.rx-card-hash span { align-self:start; color:#8ac6c1; font:.52rem var(--mono); }.rx-card-hash code { color:#b4f4e6; font:.72rem/1.6 var(--mono); }.rx-card-hash b { color:#7dbdb8; font:400 3.5rem var(--rx-display); }
.rx-reference-intro { display:grid; grid-template-columns:1.2fr .8fr; align-items:end; gap:50px; padding:115px 0 62px; }.rx-reference-intro span { color:#93c9c5; font:500 .6rem var(--mono); letter-spacing:.1em; }.rx-reference-intro h2 { margin:20px 0 0; font:600 clamp(3.6rem,6vw,7rem)/.97 var(--rx-display); letter-spacing:-.08em; }.rx-reference-intro > p { max-width:430px; margin:0 0 9px; color:#afc7c7; font-size:.98rem; line-height:1.7; }
.rx-reference-workspace { margin-bottom:95px; padding:32px; border:1px solid rgba(161,231,225,.22); border-radius:14px; background:linear-gradient(150deg,#102c35,#0b1d26 65%); }.rx-reference-workspace .toolbox-heading { border-color:rgba(157,219,216,.22); }.rx-reference-workspace .toolbox-heading h2 { color:#e9f7f1; font:600 1.4rem var(--rx-display); text-transform:none; letter-spacing:-.04em; }.rx-reference-workspace .toolbox-heading span { color:#8be8d9; }.rx-reference-workspace .section-description { color:#abc5c8; }.rx-reference-workspace .use-note { color:#91aeb1; border-color:#659d9a; }.rx-reference-workspace .filter-button { border-color:#3d686e; background:#183a44; color:#b7d5d4; }.rx-reference-workspace .filter-button:hover,.rx-reference-workspace .filter-button.is-active { border-color:#8af4e4; background:#25565d; color:#dbfff7; }.rx-reference-workspace .filter-count { color:#87b1b1; }.rx-reference-workspace .search-box { border-color:#3d686e; background:#102a33; }.rx-reference-workspace .search-box input::placeholder { color:#92b3b5; }.rx-reference-workspace .tool-card { background:#14323b; border-color:#2f5a62; }.rx-reference-workspace .tool-card:hover { border-color:#8af4e4; background:#183e48; }.rx-reference-workspace .tool-card h3 { font-family:var(--rx-display); color:#eefaf4; }.rx-reference-workspace .tool-card p { color:#abc4c7; }.rx-reference-workspace .tool-card-meta { color:#90b5b8; }.rx-reference-workspace .card-actions { border-color:#38626a; }.rx-reference-workspace .card-action { border-color:#4d8082; color:#c3e7e0; background:#183d44; }.rx-reference-workspace .card-action:hover { border-color:#8af4e4; color:#8af4e4; }.rx-reference-workspace .card-action.primary { color:#8af4e4; }
.rx-toolbox-page .detail-dialog { background:#102b34; border-color:#4e8c8d; }.rx-toolbox-page .detail-header { background:#14343d; }.rx-toolbox-page .code-wrap,.rx-toolbox-page .code-wrap pre { background:#091b23; }.rx-toolbox-page .detail-header [data-detail-type],.rx-toolbox-page .code-label .text-button:hover { color:var(--rx-mint); }
@media(max-width:1000px) { .rx-toolbox-hero-grid { grid-template-columns:1fr; gap:55px; padding:75px 0; }.rx-toolbox-demo { max-width:720px; }.rx-utility-grid .utility-card { grid-column:span 6!important; }.rx-reference-intro { grid-template-columns:1fr; gap:25px; } }
@media(max-width:700px) { .rx-toolbox-hero-grid { padding:55px 0 65px; gap:42px; }.rx-toolbox-hero h1 { font-size:clamp(3.5rem,11vw,5rem); }.rx-toolbox-summary { margin-top:25px; font-size:.94rem; }.rx-toolbox-hero-links .rx-button { flex:1 1 100%; }.rx-toolbox-privacy { margin-top:31px; font-size:.52rem; }.rx-toolbox-demo { transform:none; box-shadow:14px 18px 0 -8px #97f6e8; }.rx-demo-body { gap:5px; grid-template-columns:1fr 16px 1fr; padding:14px 10px; }.rx-demo-pane { min-height:218px; padding:10px; }.rx-demo-pane > span { font-size:.4rem; }.rx-demo-pane code { font-size:.64rem; }.rx-demo-status { padding:12px 9px; font-size:.37rem; }.rx-toolbox-hero-bottom { font-size:.46rem; }.rx-toolbox-hero-bottom span:nth-child(2) { display:none; }.rx-catalog { padding:22px 15px; border-radius:15px; }.rx-catalog .rx-section-lead { padding:35px 0 30px; }.rx-utility-grid { gap:10px; }.rx-utility-grid .utility-card { grid-column:1/-1!important; min-height:430px; padding:19px; }.rx-utility-grid .tool-card h3 { font-size:1.6rem; }.rx-card-visual { height:155px; min-height:155px; }.rx-reference-intro { padding:75px 0 38px; }.rx-reference-intro h2 { font-size:clamp(3rem,10vw,4.6rem); }.rx-reference-intro > p { font-size:.9rem; }.rx-reference-workspace { margin-bottom:65px; padding:21px 13px; }.rx-reference-workspace .toolbox-heading h2 { font-size:1.1rem; }.rx-reference-workspace .toolbox-heading span { font-size:.56rem; } }
@media(max-width:390px) { .rx-toolbox-hero h1 { font-size:3.35rem; }.rx-demo-status span:last-child { display:none; }.rx-card-phone i { width:65px; } }
@media(prefers-reduced-motion:reduce) { .rx-demo-cursor { animation:none; }.rx-toolbox-demo { transition:none; } }

/* Utility workspaces retain every input and interaction, with a calmer frame. */
.rx-utility-page { --acid:var(--rx-mint); }
.rx-utility-page .rx-header .crumb,.rx-utility-page .rx-header .home-link { display:none; }
.rx-utility-page .back-link { display:inline-flex; align-items:center; min-height:42px; margin:20px 0 13px; color:#9fd9d2; font:.58rem var(--mono); letter-spacing:.08em; }
.rx-utility-page .back-link:hover { color:var(--rx-mint); }
.rx-utility-page .toolbox-intro { isolation:isolate; margin:0; padding:clamp(35px,5.5vw,75px); border:1px solid rgba(139,233,224,.34); border-radius:18px; background:radial-gradient(circle at 84% 27%,rgba(76,171,191,.18),transparent 39%),linear-gradient(130deg,#173842,#11273a 70%,#182d40); color:#edf9f6; box-shadow:0 24px 55px rgba(0,0,0,.16),inset 0 1px rgba(215,255,248,.08); overflow:hidden; }
.rx-utility-page .toolbox-intro::after { content:""; position:absolute; z-index:-1; width:480px; height:480px; top:-95px; right:-90px; border:1px solid rgba(145,237,226,.13); border-radius:50%; box-shadow:0 0 0 75px rgba(145,237,226,.025),0 0 0 150px rgba(145,237,226,.018); pointer-events:none; }
.rx-utility-page .toolbox-intro .eyebrow { margin-bottom:30px; color:#8bf2e3; font:500 .57rem var(--mono); letter-spacing:.11em; }
.rx-utility-page .toolbox-intro.compact h1 { max-width:1100px; margin:0; color:#f2faf7; font:600 clamp(3.8rem,6vw,7.5rem)/.98 var(--rx-display); letter-spacing:-.082em; overflow-wrap:normal; }
.rx-utility-page .toolbox-intro h1 .dot { color:#8bf2e3; }
.rx-utility-page .toolbox-intro .section-description,.rx-utility-page .toolbox-intro-bottom > p:first-child { max-width:700px; margin-top:24px; color:#bdd3d7; font-size:1.03rem; line-height:1.65; }
.rx-utility-page .toolbox-intro-bottom { margin-top:22px; gap:25px; }
.rx-utility-page .toolbox-intro-bottom > p:first-child { margin:0; }
.rx-utility-page .toolbox-intro .privacy-note { max-width:590px; display:flex; align-items:flex-start; gap:9px; margin-top:19px; padding-left:14px; border-left:2px solid #83f1e3; color:#abdfd9; font:.63rem/1.6 var(--mono); }
.rx-utility-page .utility-workspace { margin:17px 0 85px; padding:34px 0 70px; border-top:1px solid rgba(158,218,216,.23); }
.rx-utility-page .options-panel,.rx-utility-page .wizard-shell { border:1px solid #345b64; border-radius:12px; background:#102b35; box-shadow:0 22px 58px rgba(0,0,0,.1); }
.rx-utility-page .field { color:#a8d0d2; }.rx-utility-page .field input,.rx-utility-page .field select,.rx-utility-page .editor textarea { border-color:#3b6670; border-radius:7px; background:#0c212b; color:#e4f8f2; }
.rx-utility-page .field input:focus,.rx-utility-page .field select:focus,.rx-utility-page .editor textarea:focus { border-color:#8af6e8; outline-color:#8af6e8; }
.rx-utility-page .editor-heading { color:#a7d5d2; }.rx-utility-page .editor textarea { min-height:330px; padding:20px; }.rx-utility-page .editor textarea::placeholder { color:#72999e; }
.rx-utility-page .card-action { border-color:#4a7780; background:#163641; color:#d4ece8; }.rx-utility-page .card-action:hover { border-color:#8af6e8; color:#8af6e8; }.rx-utility-page .card-action.primary,.rx-utility-page .utility-actions .primary { border-color:#8af6e8; background:#8af6e8; color:#0a2a2d; }.rx-utility-page .card-action.primary:hover { background:#b7fff5; }
.rx-utility-page .utility-status { color:#a6c6c7; }.rx-utility-page .utility-workspace > .use-note { margin-top:25px; color:#91abb0; border-color:#6ea5a3; }
.rx-utility-page .results-panel,.rx-utility-page .hash-result,.rx-utility-page .display-control,.rx-utility-page .info-card,.rx-utility-page .direct-comparison,.rx-utility-page .phone-picker,.rx-utility-page .phone-overview,.rx-utility-page .phone-direct,.rx-utility-page .spec-panel,.rx-utility-page .phone-summary,.rx-utility-page .phone-sources { background-color:#112c35; border-color:#365f68; }
.rx-utility-page .canvas-viewport,.rx-utility-page .visual-controls,.rx-utility-page .comparison-grid > div,.rx-utility-page .direct-metric,.rx-utility-page .bar-card { background-color:#0d222b; border-color:#365f68; }
.rx-utility-page .file-drop { border-color:#65beb4; background:#102a34; }.rx-utility-page .file-drop.dragging { background:#1a464a; }.rx-utility-page .hash-result code,.rx-utility-page .hop-meta { color:#a6f3e4; }
.rx-utility-page footer { width:min(1440px,calc(100% - 72px)); }.rx-utility-page footer .footer-status .status-dot { background:#8af6e8; }
@media(max-width:700px) { .rx-utility-page .back-link { margin-top:11px; }.rx-utility-page .toolbox-intro { padding:30px 21px; border-radius:13px; }.rx-utility-page .toolbox-intro::after { right:-315px; }.rx-utility-page .toolbox-intro.compact h1 { font-size:clamp(2.8rem,10vw,4.3rem); }.rx-utility-page .toolbox-intro .section-description,.rx-utility-page .toolbox-intro-bottom > p:first-child { font-size:.88rem; }.rx-utility-page .toolbox-intro-bottom { grid-template-columns:1fr; }.rx-utility-page .utility-workspace { margin-top:13px; padding-top:22px; }.rx-utility-page footer { width:calc(100% - 28px); }.rx-utility-page .editor textarea { min-height:245px; } }