:root{--bg:#111820;--bg2:#17212b;--panel:#1c2833;--panel2:#22313e;--line:#344554;--text:#f7fafc;--muted:#aab7c3;--mint:#72f1c2;--blue:#73b9ff;--amber:#ffc66d;--violet:#b89cff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 85% 5%,#203746 0,transparent 28%),linear-gradient(180deg,var(--bg2),var(--bg));color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}.wrap{width:min(1160px,calc(100% - 42px));margin:auto}.nav{height:72px;display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line)}.brand{font-weight:900;font-size:21px;color:#fff;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--mint)}nav{display:flex;gap:24px;margin-left:auto}nav a,.lang,footer a{color:var(--muted);text-decoration:none;font-size:13px}.lang{background:#22303b;border:1px solid var(--line);border-radius:9px;padding:8px 11px;cursor:pointer;color:#eaf0f5}.hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;padding:70px 0 64px}.eyebrow,small{font:700 10px ui-monospace,monospace;letter-spacing:2px;color:var(--mint)}h1{font-size:clamp(52px,6.8vw,88px);line-height:.94;letter-spacing:-5px;margin:22px 0}.hero p,.product-copy p,.about p{color:var(--muted);line-height:1.65}.hero p{font-size:17px;max-width:570px}.actions{display:flex;gap:10px;margin-top:28px}.btn{display:inline-block;border:1px solid var(--line);border-radius:10px;padding:13px 18px;color:#eef5f8;text-decoration:none;font-size:13px;background:#1a252f}.btn.primary{background:var(--mint);color:#0d1b16;border-color:var(--mint);font-weight:800}.visual{min-height:380px;position:relative;display:grid;place-items:center}.app-window{width:100%;max-width:520px;background:linear-gradient(145deg,#263744,#18242e);border:1px solid #435767;border-radius:18px;box-shadow:0 28px 80px #05090c66;overflow:hidden;transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.windowbar{height:42px;background:#2a3a47;border-bottom:1px solid #405260;display:flex;align-items:center;padding:0 14px;gap:7px}.dot{width:8px;height:8px;border-radius:50%;background:#637583}.window-title{margin-left:10px;font:700 10px ui-monospace,monospace;color:#b9c5ce}.dash{padding:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric{background:#1a2731;border:1px solid #344957;border-radius:10px;padding:14px}.metric b{display:block;font-size:25px;letter-spacing:-1px}.metric span{font:9px ui-monospace,monospace;color:#8295a3}.graph{grid-column:1/-1;height:120px;border-radius:10px;border:1px solid #344957;background:linear-gradient(180deg,#20343f88,#18252e),repeating-linear-gradient(0deg,transparent 0 23px,#314451 24px),repeating-linear-gradient(90deg,transparent 0 50px,#314451 51px);position:relative;overflow:hidden}.graph:after{content:'';position:absolute;left:-3%;top:55%;width:110%;height:2px;background:var(--mint);box-shadow:55px -22px 0 -0.5px var(--mint),115px 12px 0 -0.5px var(--mint),180px -35px 0 -0.5px var(--mint),250px -5px 0 -0.5px var(--mint)}.section{padding:65px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:26px}.section-head h2,.about h2,.product-copy h2{font-size:clamp(34px,4vw,52px);letter-spacing:-2.5px;margin:9px 0}.section-head p{color:var(--muted);max-width:390px}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.card{min-height:290px;padding:28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#21303b,#18242d);position:relative;overflow:hidden;text-decoration:none;color:inherit;transition:.2s}.card:hover{transform:translateY(-3px);border-color:#536a7b}.card:after{content:'';position:absolute;width:220px;height:220px;border-radius:50%;right:-90px;top:-80px;background:radial-gradient(circle,var(--glow),transparent 67%);opacity:.24}.card .tag{font:700 9px ui-monospace,monospace;letter-spacing:1.5px;color:var(--accent)}.card h3{font-size:48px;letter-spacing:-3px;margin:30px 0 2px}.card h4{margin:0 0 15px;color:#c7d0d7;font-weight:500}.card p{color:var(--muted);line-height:1.5;max-width:470px;font-size:14px}.card .go{position:absolute;bottom:24px;color:var(--accent);font-size:13px;font-weight:700}.hfo{--accent:var(--mint);--glow:#72f1c2}.hdtex{--accent:var(--amber);--glow:#ffc66d}.hdtlite{--accent:var(--blue);--glow:#73b9ff}.hgc{--accent:var(--violet);--glow:#b89cff}.about{border-top:1px solid var(--line);padding:65px 0}.about h2{max-width:850px}.about p{max-width:760px}.product-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center;padding:68px 0 58px}.product-copy h1{font-size:clamp(58px,8vw,100px);margin:12px 0 0;letter-spacing:-6px}.product-copy h2{font-size:25px;color:#c7d1d8;font-weight:500;letter-spacing:-1px}.product-copy p{max-width:560px}.badges{display:flex;gap:7px;flex-wrap:wrap;margin:22px 0}.badges span{padding:7px 9px;border-radius:7px;border:1px solid var(--line);background:#1a2630;font:700 9px ui-monospace,monospace;color:#aab9c4}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.feature{background:#1b2832;border:1px solid var(--line);border-radius:14px;padding:22px}.feature b{display:block;margin-bottom:8px}.feature p{font-size:13px;color:var(--muted);line-height:1.55;margin:0}.back{display:inline-block;color:var(--muted);text-decoration:none;font-size:13px;margin-bottom:5px}footer{height:92px;border-top:1px solid var(--line);display:flex;align-items:center;gap:25px}footer p{margin-left:auto;color:#728391;font-size:12px}
@media(max-width:800px){.wrap{width:min(100% - 28px,1160px)}.nav{height:64px}nav{display:none}.hero,.product-hero{grid-template-columns:1fr;gap:30px;padding:48px 0}.hero h1,.product-copy h1{letter-spacing:-3px}.visual{min-height:280px}.app-window{transform:none}.cards{grid-template-columns:1fr}.card{min-height:270px}.features{grid-template-columns:1fr}.section{padding:48px 0}.section-head{display:block}.dash{padding:13px;gap:7px}.metric{padding:10px}.metric b{font-size:20px}.graph{height:90px}.about{padding:50px 0}}
@media(max-width:430px){h1{font-size:48px}.actions{display:grid;grid-template-columns:1fr 1fr}.btn{text-align:center}.visual{min-height:235px}.metric:nth-child(3){display:none}.dash{grid-template-columns:1fr 1fr}.card{padding:23px;min-height:265px}.card h3{font-size:42px}.product-copy h1{font-size:58px}.windowbar{height:36px}footer p{display:none}}
/* v2.1 — tighter hero, richer product cards */
.hero{display:block;position:relative;padding:62px 0 54px;overflow:hidden}.hero:after{content:'';position:absolute;right:2%;top:18%;width:420px;height:260px;background:radial-gradient(circle at 60% 40%,#72f1c21c,transparent 48%),linear-gradient(135deg,transparent 45%,#73b9ff0d 46%,transparent 48%);border:1px solid #40526055;border-radius:50%;filter:blur(.2px);transform:rotate(-8deg);pointer-events:none}.hero-copy{max-width:850px;position:relative;z-index:1}.hero h1{max-width:820px}.hero p{max-width:650px}.cards{gap:16px}.card{min-height:280px;padding:27px 240px 27px 28px}.card h3{margin-top:27px}.card p{position:relative;z-index:2}.card-art{position:absolute;right:25px;top:50%;transform:translateY(-50%);width:180px;height:150px;border:1px solid #ffffff12;border-radius:14px;background:#101a2280;box-shadow:inset 0 0 40px #0003;z-index:1}.art-hfo{padding:18px}.art-hfo i{display:block;height:2px;margin:19px 0;background:var(--accent);box-shadow:0 0 14px var(--accent);transform-origin:left}.art-hfo i:nth-child(1){width:74%}.art-hfo i:nth-child(2){width:95%;transform:translateX(8px)}.art-hfo i:nth-child(3){width:58%;transform:translateX(31px)}.art-hfo b{position:absolute;right:13px;bottom:10px;font:700 10px ui-monospace,monospace;color:var(--accent)}.art-hdtex{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:13px}.art-hdtex i{border:1px solid #ffc66d35;border-radius:7px;background:linear-gradient(145deg,#ffc66d1b,transparent)}.art-hdtex i:first-child{grid-column:1/-1}.art-lite{display:grid;grid-template-columns:1fr 1fr;align-content:center;gap:8px 14px;padding:20px}.art-lite span{font:700 9px ui-monospace,monospace;color:#7f96a7}.art-lite b{font-size:21px;color:var(--accent)}.art-hgc{display:flex;align-items:end;gap:9px;padding:16px}.art-hgc i{display:block;flex:1;border-radius:7px 7px 3px 3px;background:linear-gradient(180deg,#b89cff55,#b89cff12);border:1px solid #b89cff33}.art-hgc i:nth-child(1){height:68%}.art-hgc i:nth-child(2){height:92%}.art-hgc i:nth-child(3){height:54%}
@media(max-width:800px){.hero{padding:46px 0 42px}.hero:after{width:250px;height:170px;right:-100px;top:30%}.card{padding-right:190px}.card-art{width:135px;height:125px;right:20px}}
@media(max-width:560px){.card{padding:23px;min-height:330px}.card-art{width:calc(100% - 46px);height:92px;right:23px;top:auto;bottom:54px;transform:none}.card .go{bottom:23px}.card h3{margin-top:20px}.art-hfo{padding:10px 16px}.art-hfo i{margin:12px 0}.art-lite{padding:12px 18px}.art-lite b{font-size:17px}.hero:after{display:none}}
/* v2.2 — real product imagery */
.card{padding:24px;min-height:430px;display:flex;flex-direction:column}.card .shot{height:180px;margin:14px 0 14px;border-radius:11px;overflow:hidden;border:1px solid #ffffff18;background:#0c1217;position:relative}.card .shot:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 35px #0005;pointer-events:none}.card .shot img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.card:hover .shot img{transform:scale(1.025)}.card h3{font-size:43px;margin:0 0 1px}.card h4{margin-bottom:10px}.card p{margin:0 0 16px}.card .go{position:static;margin-top:auto}.card-art{display:none}.hfo .shot img{object-position:18% 45%}.hdtex .shot img{object-position:50% 35%}.hdtlite .shot img{object-position:40% 30%}.hgc .shot img{object-position:50% 35%}.about h2{max-width:940px}.product-media{display:grid;gap:12px}.product-media .hero-shot{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#0b1116;box-shadow:0 28px 80px #05090c55}.product-media img{width:100%;display:block}.gallery{display:grid;grid-template-columns:2fr 1fr;gap:12px;margin:20px 0 42px}.gallery img{width:100%;height:100%;min-height:180px;object-fit:cover;border:1px solid var(--line);border-radius:13px;background:#0b1116}.gallery img:first-child{grid-row:span 2}.product-hero{gap:40px}.product-hero .product-media img{max-height:420px;object-fit:cover}.product-hero.hfo-product .product-media img{object-position:16% center}
@media(max-width:800px){.card{min-height:390px}.card .shot{height:160px}.gallery{grid-template-columns:1fr}.gallery img:first-child{grid-row:auto}.product-hero .product-media{order:-1}.product-hero .product-media img{max-height:300px}.product-hero{padding-top:34px}}
@media(max-width:560px){.card{min-height:365px;padding:20px}.card .shot{height:135px;margin:12px 0}.card h3{font-size:39px}.gallery{margin-bottom:30px}.product-hero .product-media img{max-height:220px}}
/* v2.3 — compact homepage + bespoke product illustrations + fixed product pages */
.compact-hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:0;padding:42px 0 38px;gap:34px}.compact-hero:after{display:none}.compact-hero h1{font-size:clamp(50px,6vw,78px);margin:14px 0 16px}.compact-hero p{margin:0;line-height:1.5}.compact-hero .actions{margin-top:20px}.hero-art{height:300px;position:relative;perspective:900px}.monitor{position:absolute;left:4%;top:34px;width:72%;height:190px;border:1px solid #4d6c78;border-radius:18px;background:linear-gradient(145deg,#1e3440,#0d171e);box-shadow:0 30px 70px #0006,0 0 50px #72f1c214;transform:rotateY(-8deg);overflow:hidden}.monitor:after{content:'';position:absolute;left:42%;bottom:-45px;width:12%;height:45px;background:#253a45;clip-path:polygon(30% 0,70% 0,100% 100%,0 100%)}.wave{position:absolute;inset:25px;background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff0a 29px),repeating-linear-gradient(90deg,transparent 0 50px,#ffffff08 51px)}.wave:after{content:'';position:absolute;left:3%;right:3%;top:52%;height:3px;background:linear-gradient(90deg,var(--mint),#74c8ff);clip-path:polygon(0 60%,8% 60%,13% 20%,20% 70%,29% 45%,36% 75%,43% 35%,53% 55%,60% 10%,67% 65%,76% 40%,85% 70%,92% 28%,100% 45%,100% 70%,0 70%)}.hud{position:absolute;padding:8px 10px;border:1px solid #72f1c244;background:#101b22dd;border-radius:8px;font:700 9px ui-monospace;color:#8da1ad}.hud b{display:block;color:var(--mint);font-size:17px}.hud-a{left:22px;top:20px}.hud-b{right:20px;bottom:20px}.pc-tower{position:absolute;right:2%;top:16px;width:25%;height:245px;border:1px solid #48616e;border-radius:14px;background:linear-gradient(145deg,#233540,#111b22);box-shadow:0 30px 70px #0006}.pc-tower i{display:block;width:64px;height:64px;margin:14px auto;border:7px solid #72f1c255;border-radius:50%;box-shadow:0 0 25px #72f1c222,inset 0 0 18px #72f1c233}.orb{position:absolute;width:270px;height:270px;border-radius:50%;right:18%;top:4px;background:radial-gradient(circle,#72f1c214,transparent 67%);filter:blur(8px);z-index:-1}.home-apps{padding:40px 0 42px}.home-apps .section-head{margin-bottom:18px}.home-apps .section-head h2{font-size:clamp(32px,3.4vw,46px)}.concept-cards{grid-template-columns:repeat(4,1fr);gap:12px}.concept-cards .card{min-height:360px;padding:20px;display:block}.concept-cards .card h3{font-size:36px;margin:18px 0 0}.concept-cards .card h4{font-size:13px;min-height:38px}.concept-cards .card p{font-size:12.5px}.concept-cards .go{position:absolute;left:20px;bottom:20px}.concept-art{height:120px;border-radius:12px;margin-bottom:18px;border:1px solid #ffffff14;background:linear-gradient(145deg,#101b22,#1b2a34);position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0005}.art-overlay{padding:18px;font:700 11px ui-monospace;color:#7f94a1}.art-overlay b{position:absolute;right:18px;top:13px;color:var(--mint);font-size:28px}.art-overlay i{display:block;height:2px;margin:17px 0;background:var(--mint);box-shadow:0 0 10px var(--mint)}.art-overlay i:nth-of-type(2){width:70%;margin-left:20%}.art-overlay i:nth-of-type(3){width:45%;margin-left:8%}.art-extreme{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:12px}.art-extreme div{border:1px solid #ffc66d33;border-radius:6px;background:linear-gradient(145deg,#ffc66d17,transparent)}.art-extreme div:first-child{grid-column:1/-1}.art-extreme i{position:absolute;left:17px;right:17px;top:34px;height:2px;background:#ffc66d;box-shadow:0 0 12px #ffc66d}.art-lite2{display:grid;grid-template-columns:1.2fr .7fr .7fr;grid-template-rows:1fr 1fr;align-items:center;padding:14px;gap:4px 10px}.art-lite2 .ring{grid-row:1/3;width:74px;height:74px;border-radius:50%;border:8px solid #73b9ff44;border-top-color:#73b9ff;display:grid;place-items:center;color:#cfe7ff;font-weight:800}.art-lite2 span{font:700 9px ui-monospace;color:#8297a5}.art-lite2 b{color:#73b9ff}.art-library{display:flex;align-items:flex-end;gap:7px;padding:14px}.art-library i{flex:1;border:1px solid #b89cff55;border-radius:6px;background:linear-gradient(160deg,#b89cff66,#6f5bff22);height:78%}.art-library i:nth-child(2){height:96%}.art-library i:nth-child(3){height:68%}.art-library i:nth-child(4){height:88%}.art-library i:nth-child(5){height:60%}.compact-about{padding:38px 0 42px}.about-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end}.compact-about h2{font-size:clamp(30px,3.3vw,45px);margin-bottom:0}.compact-about p{margin:0}.product-hero{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:38px;padding:46px 0 34px}.product-hero>*{min-width:0}.product-copy h1{font-size:clamp(54px,6.5vw,84px);letter-spacing:-4px}.product-media,.hero-shot{min-width:0;max-width:100%}.product-media .hero-shot{width:100%}.product-media img{width:100%;max-width:100%;height:auto;max-height:370px;object-fit:cover}.product-hero+.section{padding:34px 0 22px}.gallery{width:min(1160px,calc(100% - 42px));grid-template-columns:1.5fr 1fr 1fr;margin:10px auto 42px;align-items:stretch}.gallery img,.gallery img:first-child{grid-row:auto;min-width:0;height:210px;min-height:0}.gallery img:first-child{height:210px}.product-hero.hfo-product .product-media img{object-position:16% center}.product-page-art{height:120px;margin-top:18px;border:1px solid var(--line);border-radius:14px;position:relative;overflow:hidden;background:linear-gradient(135deg,#172832,#101820)}.product-page-art:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 48px,#ffffff07 49px),repeating-linear-gradient(0deg,transparent 0 28px,#ffffff06 29px)}.product-page-art:after{content:'';position:absolute;width:70%;height:2px;left:12%;top:55%;background:var(--mint);box-shadow:30px -22px 0 #73b9ff,90px 18px 0 #b89cff}
@media(max-width:1000px){.concept-cards{grid-template-columns:repeat(2,1fr)}.concept-cards .card{min-height:330px}.compact-hero{grid-template-columns:1fr .75fr}.hero-art{height:260px}.pc-tower{display:none}.monitor{width:95%}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:1/-1;height:280px}}
@media(max-width:800px){.compact-hero{grid-template-columns:1fr;padding:36px 0 28px}.hero-art{height:220px;order:-1}.monitor{left:0;top:10px;height:170px;width:100%;transform:none}.home-apps{padding:32px 0}.about-grid{grid-template-columns:1fr;gap:16px}.product-hero{grid-template-columns:1fr;padding:30px 0 24px}.product-hero .product-media{order:0}.product-media img{max-height:300px}.gallery{width:min(100% - 28px,1160px);grid-template-columns:1fr}.gallery img,.gallery img:first-child{height:auto;max-height:300px;object-fit:cover}.product-hero+.section{padding:25px 0}}
@media(max-width:560px){.concept-cards{grid-template-columns:1fr}.concept-cards .card{min-height:325px}.concept-art{height:105px}.hero-art{height:185px}.monitor{height:145px}.hud-b{display:none}.compact-hero h1{font-size:46px;letter-spacing:-3px}.home-apps .section-head p{font-size:13px}.gallery img,.gallery img:first-child{max-height:230px}}
/* v2.4 — clear product identity on homepage */
.compact-hero{grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);padding:48px 0 44px;gap:46px}
.hero-logo{justify-self:center;align-self:center;font-weight:950;font-size:clamp(54px,6.3vw,86px);letter-spacing:-5px;line-height:.9;color:#f7fafc;position:relative;text-shadow:0 0 34px #72f1c21c}
.hero-logo>span{color:var(--mint)}
.hero-logo:before{content:'';position:absolute;width:330px;height:210px;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-7deg);border:1px solid #72f1c225;border-radius:50%;background:radial-gradient(circle,#72f1c212 0,transparent 66%);z-index:-1}
.hero-logo small{display:block;margin-top:17px;text-align:center;font-size:9px;letter-spacing:3px;color:#78909d}
.home-apps{padding:44px 0 46px}
.concept-cards .card{min-height:390px;padding:18px}
.app-thumb{height:142px;margin-bottom:17px;border-radius:11px;overflow:hidden;border:1px solid #ffffff18;background:#080d11;box-shadow:inset 0 0 28px #0008}
.app-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease,filter .3s ease}
.card:hover .app-thumb img{transform:scale(1.025);filter:brightness(1.06)}
.hfo .app-thumb img{object-position:10% 48%}.hdtex .app-thumb img{object-position:50% 35%}.hdtlite .app-thumb img{object-position:50% 30%}.hgc .app-thumb img{object-position:50% 28%}
.concept-cards .card h3{margin:13px 0 0}.concept-cards .card h4{min-height:34px}.concept-cards .card p{margin-bottom:34px}
@media(max-width:800px){.compact-hero{grid-template-columns:1fr;padding:38px 0 34px}.hero-logo{order:-1;margin:24px 0 12px}.hero-logo:before{width:260px;height:150px}.concept-cards .card{min-height:380px}}
@media(max-width:560px){.hero-logo{font-size:56px;letter-spacing:-4px}.app-thumb{height:150px}.concept-cards .card{min-height:385px}}

/* Updated product screenshots supplied by the author */
.hdtex-gallery{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.hdtex-gallery img{min-height:0;height:auto;aspect-ratio:auto;object-fit:contain}.hdtex-gallery img:first-child{grid-row:auto;grid-column:1/-1}.lite-gallery{grid-template-columns:1fr}.lite-gallery img,.lite-gallery img:first-child{grid-row:auto;width:100%;height:auto;min-height:0;object-fit:contain}.product-hero .product-media img{max-height:none;object-fit:contain}

/* Product hero logos */
.product-media.product-logo .hero-shot{border:0;background:transparent;box-shadow:none;overflow:visible;display:flex;align-items:center;justify-content:center;padding:10px}
.product-media.product-logo img{width:100%;height:auto;max-height:390px;object-fit:contain;filter:drop-shadow(0 24px 42px #0008)}
.hgc .product-media.product-logo img{max-height:300px}
@media(max-width:800px){.product-media.product-logo img{max-height:280px}.hgc .product-media.product-logo img{max-height:230px}}

/* v2.7 — wider responsive layout, richer screenshots and useful capability panels */
.wrap{width:min(1480px,calc(100% - clamp(36px,6vw,104px)));margin-inline:auto}
.gallery{width:min(1480px,calc(100% - clamp(36px,6vw,104px)))}
.compact-hero{grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(44px,6vw,100px)}
.concept-cards{gap:18px}
.concept-cards .card{min-height:410px}
.app-thumb{height:165px;box-shadow:0 18px 38px #0008,inset 0 0 30px #0007;border-color:#ffffff24}
.app-thumb:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,#ffffff0c,transparent 30%,transparent 70%,#0005);box-shadow:inset 0 0 28px #0008}
.card{box-shadow:0 16px 38px #0003,inset 0 1px #ffffff08}
.card:hover{box-shadow:0 24px 58px #0007,0 0 34px color-mix(in srgb,var(--accent) 16%,transparent),inset 0 1px #ffffff10}
.product-hero{grid-template-columns:minmax(420px,.86fr) minmax(500px,1.14fr);gap:clamp(48px,7vw,120px);padding:54px 0 40px}
.product-media .hero-shot{filter:drop-shadow(0 30px 55px #0009)}
.product-media.product-logo .hero-shot{filter:none}
.product-media.product-logo img{filter:drop-shadow(0 30px 46px #000b) drop-shadow(0 0 28px color-mix(in srgb,var(--accent) 18%,transparent))}
.capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:22px;max-width:650px}
.capabilities span{position:relative;min-height:52px;display:flex;align-items:center;padding:11px 13px 11px 34px;border:1px solid color-mix(in srgb,var(--accent) 25%,var(--line));border-radius:10px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,#18242d),#17222b);color:#dce5eb;font-size:12px;line-height:1.35;box-shadow:inset 0 1px #ffffff08,0 8px 20px #0002}
.capabilities span:before{content:'✓';position:absolute;left:13px;color:var(--accent);font-weight:900}
.gallery{gap:18px;margin-top:18px}
.gallery img{border-radius:14px;border:1px solid #ffffff20;box-shadow:0 22px 50px #0008,0 0 32px color-mix(in srgb,var(--accent) 10%,transparent);background:#090e12;transition:transform .25s ease,box-shadow .25s ease;filter:saturate(1.05) contrast(1.03)}
.gallery img:hover{transform:translateY(-3px);box-shadow:0 30px 65px #000a,0 0 42px color-mix(in srgb,var(--accent) 18%,transparent)}
.hdtex-gallery{gap:20px}
.product-hero+.section{padding-top:42px}
@media(max-width:1100px){.wrap,.gallery{width:min(100% - 42px,1480px)}.concept-cards{grid-template-columns:repeat(2,1fr)}.product-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:38px}.product-media.product-logo img{max-height:320px}}
@media(max-width:800px){.wrap,.gallery{width:calc(100% - 28px)}.compact-hero,.product-hero{grid-template-columns:1fr}.product-media{order:-1}.product-media.product-logo{order:0}.concept-cards{grid-template-columns:1fr}.capabilities{grid-template-columns:1fr}.product-hero{gap:24px}.gallery{gap:14px}.app-thumb{height:180px}}
@media(max-width:480px){.wrap,.gallery{width:calc(100% - 22px)}.product-hero{padding-top:26px}.capabilities span{min-height:48px}.app-thumb{height:155px}}
/* v2.8 — denser homepage, ambient background, richer cards and banner-derived logo */
body{position:relative;background:
 radial-gradient(900px 520px at 78% 15%,#173b4738,transparent 72%),
 radial-gradient(720px 520px at 18% 68%,#24425a20,transparent 72%),
 linear-gradient(180deg,#14202a 0%,#101820 54%,#111a22 100%);background-attachment:fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.38;background-image:linear-gradient(#7cebc208 1px,transparent 1px),linear-gradient(90deg,#7cebc207 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent 2%,#000 24%,#000 78%,transparent 98%)}
body:after{content:'';position:fixed;width:620px;height:620px;right:-180px;top:18vh;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#72f1c20b,transparent 68%);filter:blur(12px)}
.compact-hero{padding:34px 0 24px;gap:clamp(28px,4vw,70px);min-height:430px}
.compact-hero h1{margin-bottom:12px}.compact-hero .actions{margin-top:17px}
.hero-logo-image{width:100%;max-width:650px;display:flex;align-items:center;justify-content:center;font-size:0;filter:drop-shadow(0 24px 50px #0007)}
.hero-logo-image:before{width:500px;height:290px;background:radial-gradient(circle,#29b9ff16 0,#72f1c20a 38%,transparent 70%);border-color:#62d9ff1c}
.hero-logo-image img{width:100%;height:auto;display:block;object-fit:contain;filter:saturate(1.08) contrast(1.04)}
.home-apps{padding:24px 0 32px}.home-apps .section-head{margin-bottom:16px}.section-head h2{margin-bottom:0}
.concept-cards{gap:20px}.concept-cards .card{min-height:520px;padding:20px;border-color:#4b607066;background:linear-gradient(155deg,#20313d 0%,#192630 52%,#15212a 100%)}
.app-thumb{height:205px;margin-bottom:18px;border-radius:13px;box-shadow:0 22px 44px #0009,0 0 34px color-mix(in srgb,var(--accent) 9%,transparent),inset 0 0 30px #0008}
.concept-cards .card h3{font-size:42px;margin:15px 0 1px}.concept-cards .card h4{font-size:14px;min-height:32px;margin-bottom:10px}.concept-cards .card p{font-size:13px;line-height:1.55;margin:0 0 12px}
.app-points{list-style:none;padding:12px 0 38px;margin:0;border-top:1px solid #ffffff0d}.app-points li{position:relative;padding:5px 0 5px 17px;color:#b7c5cf;font-size:12px;line-height:1.35}.app-points li:before{content:'•';position:absolute;left:2px;color:var(--accent);font-weight:900}.concept-cards .go{left:20px;bottom:20px}
.compact-about{padding:30px 0 34px}
@media(min-width:1500px){.wrap{width:min(1540px,calc(100% - 70px))}.concept-cards .card{min-height:535px}.app-thumb{height:220px}}
@media(max-width:1100px){.compact-hero{min-height:0}.concept-cards .card{min-height:500px}.app-thumb{height:210px}}
@media(max-width:800px){.compact-hero{padding:28px 0 18px;gap:14px}.hero-logo-image{max-width:540px;margin:0 auto}.home-apps{padding:22px 0 28px}.concept-cards .card{min-height:490px}.app-thumb{height:220px}}
@media(max-width:560px){body:before{background-size:48px 48px;opacity:.25}.compact-hero{padding-top:22px}.hero-logo-image{order:0;margin:8px auto 0}.hero-logo-image:before{width:280px;height:160px}.concept-cards .card{min-height:475px}.app-thumb{height:185px}.app-points{padding-bottom:34px}}
/* v2.9 — transparent brand mark + contact */
.hero-logo-image img{max-width:720px;filter:drop-shadow(0 22px 35px #0008) drop-shadow(0 0 20px #1ba7ff24)}
.hero-logo-image{background:radial-gradient(ellipse at center,#1d6b8b18 0,transparent 64%);border-radius:42px}
.hero-logo-image:before{display:none}
.contact-hero{padding:62px 0 34px;max-width:900px}.contact-hero h1{font-size:clamp(54px,7vw,92px);margin:14px 0 16px}.contact-hero>p{max-width:720px;color:var(--muted);font-size:17px;line-height:1.65}
.contact-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;padding:16px 0 70px}.contact-card,.social-card{border:1px solid var(--line);background:linear-gradient(145deg,#20303b,#16222b);border-radius:18px;box-shadow:0 20px 45px #0004,inset 0 1px #ffffff08}.contact-card{padding:30px}.contact-card h2{font-size:32px;margin:8px 0 12px}.contact-card p{color:var(--muted);line-height:1.6}.email-placeholder{margin-top:24px;padding:18px;border:1px dashed #72f1c266;border-radius:12px;color:#d8e5ec;background:#72f1c208}.email-placeholder b{display:block;color:var(--mint);margin-bottom:6px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:12px}.social-card{min-height:145px;padding:22px;text-decoration:none;color:#fff;display:flex;flex-direction:column;justify-content:space-between;transition:.2s}.social-card:hover{transform:translateY(-3px);border-color:#ffffff55;box-shadow:0 26px 55px #0007,0 0 30px var(--social-glow)}.social-icon{font-weight:900;font-size:26px;letter-spacing:-1px}.social-card span:last-child{color:#aebbc5;font-size:12px}.youtube{--social-glow:#ff335522}.facebook{--social-glow:#4c8dff22}.xnet{--social-glow:#ffffff18}.instagram{--social-glow:#d85cff22}
@media(max-width:800px){.contact-grid{grid-template-columns:1fr}.contact-hero{padding-top:38px}.socials{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.socials{grid-template-columns:1fr}.contact-card{padding:22px}}

/* v3.0 — tighter rhythm, trust strip, support and richer social cards */
.compact-hero{min-height:0!important;padding:22px 0 16px!important}.compact-hero h1{margin-top:14px}.home-apps{padding:12px 0 24px!important}.home-apps .section-head{margin-bottom:12px}.compact-about{padding:24px 0 30px!important}.about-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(520px,1.05fr);gap:54px;align-items:center}.compact-about h2{font-size:clamp(31px,3.2vw,48px);margin:8px 0 10px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.trust-item{padding:18px;border:1px solid #415565;border-radius:14px;background:linear-gradient(145deg,#1d2d38,#15212a);box-shadow:0 16px 34px #0004,inset 0 1px #ffffff09}.trust-item b{display:block;color:var(--mint);font-size:29px;line-height:1}.trust-item span{display:block;font-weight:800;margin:7px 0 5px}.trust-item small{display:block;color:#8799a7;letter-spacing:0;font:11px/1.35 Inter,system-ui,sans-serif}.contact-hero{padding:34px 0 18px}.contact-grid{padding:10px 0 42px;grid-template-columns:.9fr 1.1fr}.social-card{min-height:174px;padding:22px;position:relative;overflow:hidden}.social-card:after{content:'';position:absolute;width:150px;height:150px;border-radius:50%;right:-45px;top:-55px;background:radial-gradient(circle,var(--social-glow),transparent 68%);filter:blur(2px)}.social-icon{width:46px;height:46px;border:1px solid #ffffff20;border-radius:13px;display:grid;place-items:center;background:#ffffff09;box-shadow:0 10px 24px #0004}.social-icon svg{width:25px;height:25px;fill:currentColor}.social-card strong{font-size:19px;margin-top:auto}.youtube{color:#ff5d6c;--social-glow:#ff334477}.facebook{color:#75a7ff;--social-glow:#4387ff77}.xnet{color:#f3f6f8;--social-glow:#ffffff44}.instagram{color:#d98cff;--social-glow:#c553ff77}.social-card span:last-child{color:#9dafbb}.support-hero{max-width:none}.support-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;padding:10px 0 52px}.support-card{padding:34px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(145deg,#20303b,#15212a);box-shadow:0 22px 55px #0005,inset 0 1px #ffffff09}.support-card h2{font-size:38px;margin:8px 0 10px}.support-card>p{color:var(--muted);max-width:720px;line-height:1.65}.coffee-link{display:inline-block;margin:20px 0 10px;filter:drop-shadow(0 15px 25px #0007);transition:.2s}.coffee-link:hover{transform:translateY(-2px);filter:drop-shadow(0 20px 32px #0009)}.coffee-link img{display:block;max-width:100%;height:auto}.support-note{font-size:12px!important;color:#7f929f!important}.support-side{display:grid;gap:12px}.support-side div{padding:24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#1e2e39,#15212a);box-shadow:0 15px 35px #0003}.support-side b{display:block;color:var(--mint);font-size:19px;margin-bottom:7px}.support-side span{color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:900px){.about-grid,.support-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:repeat(3,1fr)}.contact-grid{grid-template-columns:1fr}.compact-hero{padding-top:18px!important}}
@media(max-width:620px){.trust-grid{grid-template-columns:1fr}.compact-hero{padding-top:14px!important}.home-apps{padding-top:8px!important}.contact-hero{padding-top:24px}.support-card{padding:24px}}
/* v3.1 — cleaner identity, denser homepage, expanded product summaries */
.hero-wordmark{justify-self:center;position:relative;display:grid;grid-template-columns:auto auto;align-items:baseline;column-gap:10px;padding:34px 42px 30px;min-width:min(100%,610px);border-radius:34px;background:radial-gradient(ellipse at center,#31b9e817 0,transparent 67%);filter:drop-shadow(0 22px 40px #0006)}
.hero-wordmark:before{content:'';position:absolute;inset:7% 3%;border:1px solid #72f1c218;border-radius:50%;pointer-events:none}
.hero-wordmark>span{font-size:clamp(64px,6.2vw,112px);font-weight:900;letter-spacing:-7px;color:#f7fafc;line-height:.85}
.hero-wordmark>b{font-size:clamp(64px,6.2vw,112px);font-weight:900;letter-spacing:-7px;line-height:.85;background:linear-gradient(135deg,#72f1c2,#36b8ff 55%,#3378ff);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-wordmark>small{grid-column:1/-1;text-align:center;margin-top:20px;color:#8195a3;font-size:9px;letter-spacing:4px}
.home-apps .section-head{display:block}.compact-about .about-grid>div:first-child{max-width:900px}.compact-about h2{max-width:920px;line-height:1.08}
.product-copy h1{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.product-copy .version{font:800 13px/1 ui-monospace,monospace;letter-spacing:1px;color:var(--mint);background:#72f1c20b;border:1px solid #72f1c238;border-radius:7px;padding:6px 8px;transform:translateY(-8px)}
.product-copy>p{font-size:15px;max-width:650px}.product-copy .actions{margin-top:20px}.capabilities{margin-top:18px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.capabilities span{min-height:64px;padding:13px 14px 13px 38px;font-size:12px;line-height:1.48;display:flex;align-items:center}.capabilities span:before{top:50%;transform:translateY(-50%)}
@media(max-width:800px){.hero-wordmark{min-width:0;width:100%;padding:26px 22px}.hero-wordmark>span,.hero-wordmark>b{letter-spacing:-4px}.product-copy .version{transform:none}.capabilities{grid-template-columns:1fr}}

/* v3.2 — navigation, contact density, support depth */
.hero-wordmark>small{display:none}
.contact-meta{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.contact-meta>div{padding:15px 16px;border:1px solid #3a5060;border-radius:12px;background:linear-gradient(145deg,#182731,#132029);box-shadow:inset 0 1px #ffffff08,0 12px 24px #0003}.contact-meta b{display:block;color:var(--mint);font:800 10px ui-monospace,monospace;letter-spacing:1.4px;margin-bottom:6px}.contact-meta span{color:#9fb0bc;font-size:12px;line-height:1.45}.contact-card{background:radial-gradient(circle at 12% 0,#72f1c20d,transparent 34%),linear-gradient(145deg,#20303b,#16222b)}.socials{align-content:stretch}.social-card{box-shadow:0 18px 42px #0005,inset 0 1px #ffffff0a}.support-side div{position:relative;overflow:hidden;box-shadow:0 20px 44px #0006,inset 0 1px #ffffff0b,0 0 0 1px #72f1c207}.support-side div:after{content:'';position:absolute;width:150px;height:150px;right:-65px;top:-75px;border-radius:50%;background:radial-gradient(circle,#72f1c222,transparent 68%);pointer-events:none}.support-card{box-shadow:0 28px 65px #0007,inset 0 1px #ffffff0b}.nav nav a{transition:.18s}.nav nav a:hover{color:var(--text)}
@media(max-width:620px){.contact-meta{grid-template-columns:1fr}}

/* v3.3 — safe wordmark, repaired contact and horizontal screenshot galleries */
.hero-wordmark{overflow:visible;grid-template-columns:max-content max-content;column-gap:14px;padding:38px 54px;min-width:0;width:min(100%,760px)}
.hero-wordmark>span,.hero-wordmark>b{font-size:clamp(58px,5.8vw,104px);letter-spacing:-5px;line-height:1;overflow:visible;padding-bottom:.08em}
.contact-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:stretch}.contact-card{height:100%}.socials{height:100%}.contact-card,.social-card{box-shadow:0 22px 52px #0006,inset 0 1px #ffffff0b}
.gallery-carousel{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;gap:12px;align-items:center;margin-top:26px;margin-bottom:44px}.gallery-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:8px 4px 18px}.gallery-track::-webkit-scrollbar{display:none}.gallery-item{flex:0 0 clamp(360px,45vw,690px);scroll-snap-align:start;border:1px solid #344957;border-radius:15px;overflow:hidden;background:#080d11;box-shadow:0 22px 48px #0008,0 0 30px color-mix(in srgb,var(--accent) 8%,transparent);transition:.2s}.gallery-item:hover{transform:translateY(-3px);border-color:#ffffff45;box-shadow:0 28px 58px #000a,0 0 38px color-mix(in srgb,var(--accent) 13%,transparent)}.gallery-item img{display:block;width:100%;height:360px;object-fit:contain;background:#05090c}.gallery-arrow{width:46px;height:72px;border:1px solid #405564;border-radius:13px;background:#192832;color:#eaf4f8;font-size:34px;cursor:pointer;box-shadow:0 14px 30px #0006;transition:.18s}.gallery-arrow:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
@media(max-width:800px){.hero-wordmark{width:100%;padding:24px 18px;column-gap:8px}.hero-wordmark>span,.hero-wordmark>b{font-size:clamp(48px,14vw,78px);letter-spacing:-3px}.gallery-carousel{grid-template-columns:36px minmax(0,1fr) 36px;gap:7px}.gallery-arrow{width:36px;height:58px}.gallery-item{flex-basis:88vw}.gallery-item img{height:300px}}
@media(max-width:520px){.gallery-carousel{grid-template-columns:1fr}.gallery-arrow{display:none}.gallery-item{flex-basis:90%}.gallery-item img{height:240px}}


/* v3.4 — clean wordmark, bug report form, first-party downloads */
.hero-wordmark{background:none!important;filter:none!important;border-radius:0!important;padding:28px 18px!important;width:auto!important;max-width:100%;overflow:visible!important}
.hero-wordmark:before,.hero-wordmark:after{display:none!important;content:none!important}
.hero-wordmark>span,.hero-wordmark>b{line-height:1.08!important;padding:.08em .02em .12em!important;overflow:visible!important}
.download-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.download-actions .btn{margin:0}
.btn.secondary-download{background:transparent;color:var(--text);border:1px solid var(--line);box-shadow:none}
.btn.secondary-download:hover{border-color:#78909f;background:#ffffff08}
.btn.site-download[aria-disabled="true"]{cursor:default}
.report-form{margin-top:22px;display:grid;gap:12px}
.report-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.report-form label{display:grid;gap:7px;color:#aebdc7;font-size:12px}
.report-form input,.report-form select,.report-form textarea{width:100%;border:1px solid #3b5261;background:#111c24;color:#edf5f8;border-radius:11px;padding:12px 13px;font:inherit;outline:none;box-sizing:border-box}
.report-form textarea{min-height:130px;resize:vertical}
.report-form input:focus,.report-form select:focus,.report-form textarea:focus{border-color:var(--mint);box-shadow:0 0 0 3px #72f1c212}
.report-form .btn{justify-self:start;border:0}
.report-status{min-height:18px;color:var(--mint);font-size:12px;margin:0!important}
.contact-card.report-card{padding:30px 32px}
.contact-card.report-card h2{margin-bottom:8px}
.contact-card.report-card>p{margin-top:0}
@media(max-width:620px){.report-row{grid-template-columns:1fr}.hero-wordmark{padding:18px 4px!important}.download-actions{align-items:stretch}.download-actions .btn{flex:1 1 auto;text-align:center}}


/* v3.5 — safe wordmark + product devlog columns */
.hero-wordmark{display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important;padding:36px 28px 46px!important;width:100%!important;max-width:760px!important;overflow:visible!important;line-height:normal!important}
.hero-wordmark>span,.hero-wordmark>b{display:block!important;font-size:clamp(58px,5.7vw,104px)!important;line-height:1.18!important;letter-spacing:-5px!important;padding:0 0 .12em!important;overflow:visible!important;white-space:nowrap!important}
.product-detail-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(300px,1.1fr);gap:42px;align-items:start;padding:24px 0 34px}
.product-detail-grid .capabilities{display:flex;flex-direction:column;gap:9px;margin:0;max-width:none}
.product-detail-grid .capabilities span{width:100%;min-height:58px}
.devlog{padding:4px 0 0}
.devlog .eyebrow{margin-bottom:10px}
.devlog h3{font-size:clamp(28px,2.5vw,38px);letter-spacing:-1.5px;margin:0 0 12px}
.devlog p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 18px;max-width:620px}
.devlog-list{list-style:none;padding:0;margin:0;display:grid;gap:0}
.devlog-list li{position:relative;padding:11px 0 11px 22px;border-bottom:1px solid #ffffff0c;color:#cbd6de;font-size:13px;line-height:1.5}
.devlog-list li:before{content:'•';position:absolute;left:2px;top:10px;color:var(--accent);font-size:18px;line-height:1}
.devlog-list li:last-child{border-bottom:0}
@media(max-width:850px){.product-detail-grid{grid-template-columns:1fr;gap:28px}.hero-wordmark{padding:24px 8px 34px!important;gap:9px!important}.hero-wordmark>span,.hero-wordmark>b{font-size:clamp(46px,13vw,78px)!important;letter-spacing:-3px!important}}

/* v3.6 — wordmark asset, compact product info/devlog, contact e-mail */
.hero-wordmark.hero-wordmark-svg{display:block!important;width:min(100%,720px)!important;max-width:720px!important;padding:0!important;margin:0 auto!important;overflow:visible!important;background:none!important;filter:none!important}
.hero-wordmark-svg img{display:block;width:100%;height:auto;overflow:visible;object-fit:contain}
.product-detail-grid{grid-template-columns:minmax(320px,520px) minmax(300px,480px)!important;justify-content:start;gap:34px!important;padding:18px 0 30px!important}
.product-detail-grid .capabilities{max-width:520px!important;gap:7px!important}
.product-detail-grid .capabilities span{min-height:0!important;padding:13px 16px!important;font-size:12px!important;line-height:1.4!important}
.product-detail-grid .devlog{max-width:480px!important;padding-top:2px!important}
.devlog h3{font-size:31px!important;margin-bottom:8px!important}.devlog p{max-width:460px!important;margin-bottom:10px!important}.devlog-list li{padding:8px 0 8px 20px!important}
.contact-email-slot{margin:18px 0 4px;padding:14px 16px;border:1px dashed #72f1c266;border-radius:12px;background:#72f1c208}.contact-email-slot b{display:block;color:var(--mint);font:800 10px ui-monospace,monospace;letter-spacing:1.5px;margin-bottom:5px}.contact-email-slot span{color:#cbd7de;font-size:13px}
@media(max-width:850px){.product-detail-grid{grid-template-columns:1fr!important}.product-detail-grid .capabilities,.product-detail-grid .devlog{max-width:none!important}.hero-wordmark.hero-wordmark-svg{width:min(100%,620px)!important}}

/* v3.7 — richer social tiles + refined homepage wordmark */
.hero-wordmark-svg{position:relative;isolation:isolate;padding:34px 42px;overflow:visible}
.hero-wordmark-svg:before{content:'';position:absolute;inset:12% 3%;z-index:-2;background:radial-gradient(ellipse at center,#38c9f31a 0,#72f1c20c 38%,transparent 72%);filter:blur(18px)}
.hero-wordmark-svg:after{content:'';position:absolute;left:10%;right:8%;bottom:18%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,#72f1c23d 22%,#3dbef45c 70%,transparent);box-shadow:0 0 24px #38bff044}
.hero-wordmark-svg img{position:relative;z-index:1;filter:drop-shadow(0 22px 32px #0008) drop-shadow(0 0 18px #36bff023)}
.hero-wordmark-svg .logo-orbit{position:absolute;inset:19% 6%;z-index:-1;border-top:1px solid #72f1c21f;border-bottom:1px solid #39bdf11a;transform:skewX(-9deg);pointer-events:none}
.hero-wordmark-svg .logo-orbit:before,.hero-wordmark-svg .logo-orbit:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px var(--mint)}
.hero-wordmark-svg .logo-orbit:before{left:9%;top:-3px}.hero-wordmark-svg .logo-orbit:after{right:12%;bottom:-3px;background:#3bbcf3;box-shadow:0 0 16px #3bbcf3}

.social-card{display:flex;flex-direction:column;min-height:174px;padding:22px}
.social-card strong{font-size:25px;letter-spacing:-.7px;line-height:1.05;margin-top:14px}
.social-card>span:last-child{font-size:13px;margin-top:4px}
.social-preview{margin-top:auto;padding-top:14px;position:relative;z-index:2}
.social-preview-box{height:66px;border:1px solid #ffffff12;border-radius:11px;background:linear-gradient(145deg,#101b23cc,#1c2b35cc);padding:11px 12px;display:grid;grid-template-columns:54px 1fr;gap:11px;align-items:center;box-shadow:inset 0 1px #ffffff08}
.social-preview-thumb{height:42px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(135deg,color-mix(in srgb,currentColor 22%,#14222c),#101820);font-weight:900;font-size:18px;color:currentColor;overflow:hidden}
.social-preview-copy{min-width:0}.social-preview-copy b{display:block;color:#dfe8ee;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-preview-copy small{display:block;margin-top:4px;color:#8094a2;font:9px/1.2 Inter,system-ui,sans-serif;letter-spacing:0}
.social-preview-label{position:absolute;right:0;top:-17px;color:#718793;font:700 8px ui-monospace,monospace;letter-spacing:1.2px;text-transform:uppercase}
@media(max-width:800px){.hero-wordmark-svg{padding:22px 12px}.social-card strong{font-size:22px}}

/* v3.8 — live social embeds */
.social-card{isolation:isolate}
.social-embed{height:92px;margin-top:auto;padding-top:12px;overflow:hidden;border-radius:11px}
.social-frame{display:block;width:100%;height:92px;border:0;border-radius:10px;background:#0e1820;position:relative;z-index:3}
.youtube-frame{aspect-ratio:16/9;height:auto;min-height:92px;transform:translateY(-1px)}
.facebook-frame{height:92px;background:#172630}
.social-await .social-preview-box{height:92px}
.social-card:has(.social-frame)>strong{margin-top:10px}
@media(max-width:800px){.social-embed,.social-frame{height:100px}.youtube-frame{min-height:100px}}

/* v3.9 — live social embeds */
.x-timeline-wrap{height:92px;overflow:hidden;border:1px solid #ffffff12;border-radius:10px;background:#0e1820;position:relative;z-index:3}
.x-timeline-wrap .twitter-timeline{display:grid;place-items:center;height:100%;padding:0 14px;color:#dbe5eb;text-decoration:none;font-size:12px;text-align:center}
.instagram-frame{height:92px;background:#0e1820}
.social-card .twitter-timeline-rendered{margin:0!important;max-width:100%!important}

/* v4.0 — stable social cards; no third-party widgets controlling layout */
.socials{align-items:stretch}
.social-card{height:100%;min-height:0!important;overflow:hidden}
.social-card strong{font-size:25px!important}
.social-content{margin-top:auto;height:112px;border:1px solid #ffffff14;border-radius:12px;background:linear-gradient(145deg,#101b23e8,#1b2a34e8);display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center;padding:11px;box-shadow:inset 0 1px #ffffff08;overflow:hidden}
.social-media-thumb{height:88px;border-radius:9px;display:grid;place-items:center;font-size:25px;font-weight:900;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,currentColor 20%,transparent),transparent 48%),#0d171e;border:1px solid #ffffff10;overflow:hidden;background-size:cover;background-position:center}
.social-content-copy{min-width:0}.social-content-copy small{display:block;color:var(--mint);font:800 8px/1.2 ui-monospace,monospace;letter-spacing:1.25px;margin-bottom:7px}.social-content-copy b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#eef5f8;font-size:13px;line-height:1.3}.social-content-copy span{display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:5px!important;color:#8397a4!important;font-size:10px!important;line-height:1.3}
.youtube .social-media-thumb{color:#ff5068}.facebook .social-media-thumb{color:#70a7ff}.xnet .social-media-thumb{color:#eef4f7}.instagram .social-media-thumb{color:#e27cff}
@media(max-width:1050px){.social-content{grid-template-columns:76px 1fr}.social-media-thumb{height:76px}}


/* v4.1 — product pages: compact hero, full-width two-column details, no duplicate overview */
.product-hero{grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr)!important;gap:54px!important;align-items:center!important;padding-bottom:34px!important}
.product-media.product-logo{display:flex!important;justify-content:center!important;align-items:center!important;min-height:250px!important}
.product-media.product-logo .hero-shot{width:min(100%,480px)!important;max-width:480px!important;margin:0 auto!important}
.product-media.product-logo .hero-shot img{display:block!important;width:100%!important;height:auto!important;max-height:300px!important;object-fit:contain!important}
.product-detail-grid{width:min(1160px,calc(100% - 42px))!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:64px!important;justify-content:stretch!important;align-items:start!important;padding:8px 0 42px!important}
.product-detail-grid .capabilities{width:100%!important;max-width:none!important;gap:8px!important}
.product-detail-grid .capabilities span{width:100%!important;min-height:48px!important;padding:12px 16px 12px 40px!important;position:relative!important}
.product-detail-grid .capabilities span:before{content:'✓';position:absolute;left:15px;color:var(--accent);font-weight:900}
.product-detail-grid .devlog{width:100%!important;max-width:none!important;padding:3px 0 0!important}
.product-detail-grid .devlog p{max-width:560px!important}
.product-detail-grid .devlog-list{max-width:100%!important}
.gallery-carousel{margin-top:4px!important}
@media(max-width:850px){.product-hero{grid-template-columns:1fr!important;gap:22px!important}.product-media.product-logo{min-height:180px!important}.product-media.product-logo .hero-shot{width:min(82vw,390px)!important}.product-detail-grid{grid-template-columns:1fr!important;gap:28px!important}}

/* v4.2 — align feature/devlog row with the main page content */
.product-detail-grid{
  width:min(1480px,calc(100% - clamp(36px,6vw,104px)))!important;
  grid-template-columns:minmax(0,520px) minmax(0,520px)!important;
  gap:64px!important;
  justify-content:start!important;
}
@media(min-width:1500px){
  .product-detail-grid{width:min(1540px,calc(100% - 70px))!important}
}
@media(max-width:1180px){
  .product-detail-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:40px!important}
}
@media(max-width:850px){
  .product-detail-grid{grid-template-columns:1fr!important;gap:28px!important;width:min(100% - 28px,1160px)!important}
}

/* v4.3 — denser product composition, stronger section rhythm */
.product-hero{padding-top:56px!important;padding-bottom:44px!important}
.product-detail-grid{
  position:relative;
  width:min(1480px,calc(100% - clamp(36px,6vw,104px)))!important;
  grid-template-columns:minmax(430px,.92fr) minmax(430px,1.08fr)!important;
  gap:72px!important;
  padding:28px 30px 32px!important;
  border:1px solid #ffffff0b;
  border-radius:20px;
  background:
    radial-gradient(circle at 0 0,color-mix(in srgb,var(--accent) 8%,transparent),transparent 34%),
    linear-gradient(145deg,#17242d99,#111b2390);
  box-shadow:inset 0 1px #ffffff08,0 24px 60px #0002;
  overflow:hidden;
}
.product-detail-grid:after{content:'';position:absolute;top:30px;bottom:30px;left:calc(43.5% + 30px);width:1px;background:linear-gradient(transparent,#ffffff12 14%,#ffffff12 86%,transparent);pointer-events:none}
.product-detail-grid .capabilities{max-width:620px!important}
.product-detail-grid .capabilities span{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 5%,#192832),#17242d);border-color:color-mix(in srgb,var(--accent) 28%,#344554)!important;box-shadow:inset 0 1px #ffffff08}
.product-detail-grid .devlog{max-width:620px!important;padding-left:4px!important}
.product-detail-grid .devlog h3{font-size:34px!important}
.product-detail-grid .devlog-list li{max-width:600px}
.gallery-intro{padding-top:34px;margin-bottom:16px}
.gallery-intro h3{margin:7px 0 0;font-size:clamp(24px,2.2vw,34px);letter-spacing:-1px}
.gallery-carousel{margin-top:0!important;padding-bottom:46px!important}
.gallery-track{scroll-snap-type:x mandatory}
.gallery-item{scroll-snap-align:start}
.gallery-track:has(.gallery-item:only-child){justify-content:flex-start!important;overflow:visible!important}
.gallery-track:has(.gallery-item:only-child) .gallery-item{flex:0 1 760px!important;max-width:min(760px,100%)!important}
.gallery-carousel:has(.gallery-item:only-child) .gallery-arrow{display:none!important}
@media(max-width:1180px){
 .product-detail-grid{grid-template-columns:1fr 1fr!important;gap:46px!important;padding:24px!important}
 .product-detail-grid:after{display:none}
}
@media(max-width:850px){
 .product-hero{padding-top:34px!important;padding-bottom:28px!important}
 .product-detail-grid{grid-template-columns:1fr!important;gap:30px!important;width:min(100% - 28px,1160px)!important;padding:20px!important;border-radius:16px}
 .product-detail-grid .capabilities,.product-detail-grid .devlog{max-width:none!important}
 .gallery-intro{padding-top:22px}
}

/* v4.4 — homepage release spotlight + quick app launcher */
.app-switcher{display:flex;align-items:center;gap:7px}
.app-mini{display:grid;place-items:center;height:32px;min-width:42px;padding:0 10px;border:1px solid #3b4f5e;border-radius:9px;background:#182630;color:#dce7ed;text-decoration:none;font:800 10px/1 ui-monospace,monospace;letter-spacing:.2px;box-shadow:inset 0 1px #ffffff09;transition:.18s}
.app-mini:hover{transform:translateY(-2px);background:#20313c}
.hfo-mini{color:var(--mint);border-color:#72f1c24a}.hdtex-mini{color:var(--amber);border-color:#ffc66d42}.lite-mini{color:var(--blue);border-color:#73b9ff42}.hgc-mini{color:var(--violet);border-color:#b89cff42}
.home-hero-v44{display:grid!important;grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important;gap:clamp(46px,6vw,100px)!important;align-items:center!important;padding:42px 0 34px!important}
.hero-brand-panel{max-width:none!important}
.home-main-logo{margin:0!important;width:min(100%,620px)!important;max-width:620px!important;transform:translateX(-2.5%)}
.home-main-logo:before{inset:4% 0!important;filter:blur(26px)!important}
.home-main-logo .logo-orbit{inset:13% 3%!important}
.hero-brand-note{margin:3px 0 0!important;max-width:520px!important;font-size:14px!important;color:#91a3af!important}
.home-hero-v44 .actions{margin-top:19px!important}
.whats-new{position:relative;overflow:hidden;min-height:355px;padding:30px 32px 27px;border:1px solid #496071;border-radius:20px;background:linear-gradient(135deg,#1b2c37 0%,#1b2734 38%,#20283c 70%,#162a31 100%);box-shadow:0 28px 70px #0006,inset 0 1px #ffffff0c}
.whats-new:before{content:'';position:absolute;inset:-45%;background:conic-gradient(from 210deg,#72f1c21f,#36b8ff22,#b89cff1c,#ff7b7217,#72f1c21f);filter:blur(55px);animation:releaseGlow 14s linear infinite;pointer-events:none}
.whats-new:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,transparent 0 35%,#ffffff06 48%,transparent 61%);transform:translateX(-80%);animation:releaseSweep 8s ease-in-out infinite;pointer-events:none}
.whats-new>*{position:relative;z-index:1}.whats-new-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.release-pill{padding:7px 9px;border:1px solid #72f1c244;border-radius:8px;background:#72f1c20c;color:var(--mint);font:800 11px ui-monospace,monospace;white-space:nowrap}.whats-new h2{font-size:clamp(27px,2.5vw,39px);letter-spacing:-1.7px;line-height:1.05;margin:24px 0 10px}.whats-new>p{margin:0 0 17px;color:#b0bec8;font-size:13px;line-height:1.58;max-width:650px}.release-points{list-style:none;padding:0;margin:0;border-top:1px solid #ffffff0d}.release-points li{position:relative;padding:9px 0 9px 22px;border-bottom:1px solid #ffffff0b;color:#d2dce2;font-size:12px;line-height:1.4}.release-points li:before{content:'•';position:absolute;left:3px;color:var(--mint);font-size:17px;line-height:1}.release-link{display:inline-block;margin-top:17px;color:var(--mint);font-size:12px;font-weight:800;text-decoration:none}.release-link:hover{text-decoration:underline}
@keyframes releaseGlow{to{transform:rotate(360deg)}}@keyframes releaseSweep{0%,62%{transform:translateX(-90%)}85%,100%{transform:translateX(90%)}}
@media(max-width:1050px){.home-hero-v44{grid-template-columns:1fr!important;gap:24px!important}.home-main-logo{width:min(100%,590px)!important}.whats-new{min-height:0}.app-switcher{gap:5px}.app-mini{min-width:38px;padding:0 8px}}
@media(max-width:800px){.nav{gap:12px}.app-switcher{margin-right:auto}.home-hero-v44{padding-top:28px!important}.home-main-logo{transform:none}.whats-new{padding:24px}.whats-new-top{align-items:flex-start}}
@media(max-width:470px){.app-mini{height:30px;min-width:34px;padding:0 6px;font-size:9px}.whats-new-top{display:block}.release-pill{display:inline-block;margin-top:10px}.whats-new h2{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.whats-new:before,.whats-new:after{animation:none}}
\n\n/* v4.5 — home hero refinements */
.app-switcher{gap:9px!important}
.app-mini{height:38px!important;min-width:52px!important;padding:0 13px!important;border-radius:10px!important;font-size:11px!important;letter-spacing:.35px!important}
.lite-mini{min-width:70px!important}
.home-hero-v44{padding-top:26px!important;padding-bottom:22px!important}
.home-main-logo{padding:0!important}
.home-main-logo:before,.home-main-logo:after,.home-main-logo .logo-orbit{display:none!important;content:none!important}
.home-main-logo img{filter:drop-shadow(0 18px 30px #0007)!important}
.brand-emblem{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;padding:20px 28px 17px 25px;border-left:3px solid var(--mint);background:linear-gradient(90deg,#72f1c209,transparent 72%);clip-path:polygon(0 0,96% 0,100% 18%,100% 100%,4% 100%,0 82%)}
.brand-emblem:before{content:'';position:absolute;left:0;top:0;width:82px;height:3px;background:linear-gradient(90deg,var(--mint),transparent)}
.brand-emblem:after{content:'';position:absolute;right:0;bottom:0;width:110px;height:3px;background:linear-gradient(90deg,transparent,#36b8ff)}
.brand-emblem img{width:min(100%,580px)!important;height:auto!important}
.brand-chip,.brand-signature{font:800 9px/1 ui-monospace,monospace;letter-spacing:2px;color:#7f95a2}
.brand-chip{margin:0 0 10px 4px;color:var(--mint)}
.brand-signature{margin:10px 0 0 5px;font-size:8px;letter-spacing:1.7px}
.whats-new{min-height:330px!important;padding:25px 30px 23px!important}
.whats-new-top small{font:900 12px/1.2 ui-monospace,monospace!important;letter-spacing:1.65px!important;color:#82f5cf!important}
.release-pill{padding:8px 11px!important;font-size:12px!important;letter-spacing:.4px!important}
.whats-new h2{margin-top:20px!important}
@media(max-width:1050px){.home-hero-v44{padding-top:22px!important;padding-bottom:20px!important}.app-mini{height:36px!important;min-width:48px!important;padding:0 10px!important}.lite-mini{min-width:64px!important}}
@media(max-width:800px){.brand-emblem{padding:15px 18px 14px 17px}.whats-new{padding:22px!important}.home-hero-v44{padding-top:20px!important}}
@media(max-width:470px){.app-mini{height:32px!important;min-width:38px!important;padding:0 7px!important;font-size:9px!important}.lite-mini{min-width:54px!important}.brand-chip,.brand-signature{display:none}.brand-emblem{padding:12px 12px 13px 11px}.whats-new-top small{font-size:10px!important;letter-spacing:1px!important}.release-pill{font-size:10px!important}}


/* v4.6 — clean larger home logo + stronger release labels */
.app-switcher{gap:10px!important}
.app-mini{height:42px!important;min-width:58px!important;padding:0 15px!important;font-size:13px!important;font-weight:900!important;letter-spacing:.3px!important}
.lite-mini{min-width:84px!important}
.home-hero-v44{padding-top:22px!important;padding-bottom:8px!important;align-items:center!important}
.home-main-logo{display:block!important;width:min(100%,700px)!important;max-width:700px!important;margin:0!important;padding:0!important;transform:translateX(-1.5%)!important;background:none!important;border:0!important;clip-path:none!important;filter:none!important;overflow:visible!important}
.home-main-logo:before,.home-main-logo:after,.home-main-logo .logo-orbit{display:none!important;content:none!important}
.home-main-logo>img{display:block!important;width:100%!important;height:auto!important;max-width:none!important;filter:drop-shadow(0 18px 28px #0006)!important}
.hero-brand-note{margin-top:6px!important}
.whats-new{min-height:0!important;padding:24px 30px 21px!important}
.whats-new-top small{font-size:14px!important;line-height:1.25!important;letter-spacing:1.7px!important;font-weight:900!important}
.release-pill{padding:9px 13px!important;font-size:14px!important;font-weight:900!important}
.release-link{margin-top:15px!important;font-size:15px!important;font-weight:900!important;letter-spacing:.1px!important}
.home-apps{padding-top:28px!important}
@media(max-width:1050px){.home-hero-v44{padding-top:18px!important;padding-bottom:8px!important}.home-main-logo{width:min(100%,650px)!important;transform:none!important}.app-mini{height:40px!important;min-width:54px!important;padding:0 12px!important;font-size:12px!important}.lite-mini{min-width:78px!important}}
@media(max-width:800px){.home-hero-v44{padding-top:18px!important;padding-bottom:6px!important}.whats-new{padding:22px!important}.whats-new-top small{font-size:12px!important}.release-pill{font-size:12px!important}.release-link{font-size:14px!important}}
@media(max-width:470px){.app-mini{height:34px!important;min-width:40px!important;padding:0 8px!important;font-size:10px!important}.lite-mini{min-width:62px!important}.whats-new-top small{font-size:11px!important;letter-spacing:.9px!important}.release-pill{font-size:11px!important}.release-link{font-size:13px!important}}

/* v4.7 — home alignment, unified wordmark, primary download emphasis */
.home-hero-v44{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr)!important}
.hero-brand-panel{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;padding-right:4%!important}
.home-main-logo{width:min(100%,760px)!important;transform:none!important;filter:drop-shadow(0 30px 38px #0008) drop-shadow(0 12px 24px #32c7dc1a)!important}
.home-main-logo>img{filter:none!important}
.hero-brand-note{text-align:center!important;margin-top:-4px!important;max-width:590px!important}
.home-hero-v44 .actions{justify-content:center!important;width:100%!important}
.site-download{font-size:16px!important;padding:15px 24px!important;min-width:112px!important;min-height:52px!important}
.secondary-download{font-size:13px!important;padding:12px 16px!important}
@media(max-width:1050px){.hero-brand-panel{padding-right:0!important}.home-main-logo{width:min(100%,700px)!important}}
@media(max-width:620px){.site-download{font-size:15px!important;padding:14px 20px!important;min-height:50px!important}}

/* v4.8 — homepage motto/alignment + richer product feature/devlog balance */
.hero-brand-panel{padding-right:0!important;text-align:center!important}
.home-main-logo{width:min(100%,720px)!important;margin:0 auto!important;transform:none!important;filter:drop-shadow(0 30px 34px #0009) drop-shadow(0 12px 28px #43d7c02a)!important}
.home-main-logo>img{filter:none!important}
.hero-motto{margin:4px 0 0!important;text-align:center;color:#aab7c3;font-size:14px;line-height:1.4;letter-spacing:.15px}
.hero-motto span{color:var(--mint);font-weight:800}
.home-hero-v44 .actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;margin-top:18px!important}
.home-hero-v44 .actions .btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}
.product-detail-grid .devlog{padding:24px 26px!important;border-radius:16px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 7%,#15232c),#131d27 62%,#18202c);box-shadow:inset 0 1px #ffffff0a,0 16px 34px #0002;border:1px solid color-mix(in srgb,var(--accent) 13%,#ffffff0b)}
.product-detail-grid .capabilities{gap:7px!important}
.product-detail-grid .capabilities span{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important}
.secondary-download{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:44px!important;padding:0 18px!important;font-size:14px!important;line-height:1!important;white-space:nowrap!important}
.download-actions{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
@media(max-width:850px){.product-detail-grid .devlog{padding:20px!important}.home-main-logo{width:min(100%,680px)!important}}

/* v4.9 — final alignment pass: centered home mark, balanced product details, feature icons */
.home-main-logo{transform:translateX(4%)!important}

/* Use the full detail panel: capabilities left, release notes right. */
.product-detail-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;gap:42px!important}
.product-detail-grid:after{left:calc(47% + 20px)!important}
.product-detail-grid .capabilities{max-width:none!important;width:100%!important}
.product-detail-grid .devlog{max-width:none!important;width:100%!important;margin:0!important;padding:24px 28px!important;align-self:stretch!important}
.product-detail-grid .devlog p{max-width:none!important}
.product-detail-grid .devlog-list{max-width:none!important;width:100%!important}
.product-detail-grid .devlog-list li{max-width:none!important;width:100%!important}

/* Small visual anchors for feature rows — deliberately simple and app-coloured. */
.product-detail-grid .capabilities span{padding-left:54px!important;position:relative!important;min-height:48px!important}
.product-detail-grid .capabilities span:before{content:'✓'!important;left:14px!important;top:50%!important;transform:translateY(-50%)!important;width:27px!important;height:27px!important;border-radius:8px!important;display:grid!important;place-items:center!important;background:color-mix(in srgb,var(--accent) 10%,#14212a)!important;border:1px solid color-mix(in srgb,var(--accent) 34%,#344554)!important;color:var(--accent)!important;font:900 13px/1 ui-monospace,monospace!important;box-shadow:inset 0 1px #ffffff0b,0 5px 12px #0002!important}
.product-detail-grid .capabilities span:nth-child(3n+1):before{content:'◈'!important}
.product-detail-grid .capabilities span:nth-child(3n+2):before{content:'⌁'!important}
.product-detail-grid .capabilities span:nth-child(3n):before{content:'+'!important}

@media(max-width:1180px){
 .product-detail-grid{grid-template-columns:1fr 1fr!important;gap:28px!important}
 .product-detail-grid .devlog{padding:22px!important}
}
@media(max-width:1050px){.home-main-logo{transform:none!important}}
@media(max-width:850px){
 .product-detail-grid{grid-template-columns:1fr!important;gap:24px!important}
 .product-detail-grid .devlog{padding:20px!important}
}

/* v5.0 — richer capability pictograms + final home-logo alignment */
.home-brand-stage{transform:translateX(34px)!important}
.product-detail-grid .capabilities span:before{
  content:''!important;
  background-color:color-mix(in srgb,var(--accent) 12%,#14212a)!important;
  background-repeat:no-repeat!important;
  background-position:center!important;
  background-size:17px 17px!important;
  border:1px solid color-mix(in srgb,var(--accent) 40%,#344554)!important;
  box-shadow:inset 0 1px #ffffff10,0 6px 16px #0003,0 0 14px color-mix(in srgb,var(--accent) 10%,transparent)!important;
}
.product-detail-grid .capabilities span:after{content:'';position:absolute;left:20px;top:50%;width:15px;height:15px;transform:translateY(-50%);background:var(--accent);mask:var(--cap-icon) center/contain no-repeat;-webkit-mask:var(--cap-icon) center/contain no-repeat;pointer-events:none}
.cap-gauge{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 18a8 8 0 1 1 16 0h-2a6 6 0 1 0-12 0H4Zm7-2 5-6 1.5 1.3-5 6L11 16Z'/%3E%3C/svg%3E")}
.cap-thermo{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M10 4a2 2 0 1 1 4 0v8.3a5 5 0 1 1-4 0V4Zm2 1v9l-.7.3a3 3 0 1 0 1.4 0L12 14V5Z'/%3E%3C/svg%3E")}
.cap-memory{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M5 7h14v10H5V7Zm2 2v6h10V9H7Zm1-5h2v2H8V4Zm6 0h2v2h-2V4ZM8 18h2v2H8v-2Zm6 0h2v2h-2v-2ZM2 9h2v2H2V9Zm18 0h2v2h-2V9Zm-18 4h2v2H2v-2Zm18 0h2v2h-2v-2Z'/%3E%3C/svg%3E")}
.cap-sliders{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 6h7v2H4V6Zm11 0h5v2h-5V6Zm-2-2h2v6h-2V4ZM4 16h3v2H4v-2Zm7 0h9v2h-9v-2Zm-4-2h2v6H7v-6Z'/%3E%3C/svg%3E")}
.cap-monitor{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M3 4h18v13H3V4Zm2 2v9h14V6H5Zm4 13h6v2H9v-2Z'/%3E%3C/svg%3E")}
.cap-feather{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M20 3c-6 0-11 3-13 8l-3 8 8-3c5-2 8-7 8-13Zm-4 4-8 8 1-3c1-2 3-4 7-5Z'/%3E%3C/svg%3E")}
.cap-frames{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M4 5h11v11H4V5Zm5 3h11v11H9v-2h9V10H9V8Z'/%3E%3C/svg%3E")}
.cap-clock{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 3a9 9 0 1 1 0 18 9 9 0 0 1 0-18Zm0 2a7 7 0 1 0 0 14 7 7 0 0 0 0-14Zm-1 2h2v5l4 2-1 1.7-5-2.7V7Z'/%3E%3C/svg%3E")}
.cap-hotspot{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M13 2c1 5-3 5-1 9 1-2 3-2 4-5 3 3 4 6 3 9a7 7 0 1 1-13-5c0 3 2 3 3 4-1-5 2-8 4-12Z'/%3E%3C/svg%3E")}
.cap-chip{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M7 7h10v10H7V7Zm3 3v4h4v-4h-4ZM3 9h3v2H3V9Zm15 0h3v2h-3V9ZM3 13h3v2H3v-2Zm15 0h3v2h-3v-2ZM9 3h2v3H9V3Zm4 0h2v3h-2V3ZM9 18h2v3H9v-3Zm4 0h2v3h-2v-3Z'/%3E%3C/svg%3E")}
.cap-fan{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='M12 10a2 2 0 1 1 0 4 2 2 0 0 1 0-4Zm1-8c4 0 5 4 2 8-1-4-3-5-2-8ZM4 7c2-3 6-1 7 3-4-1-6 0-7-3Zm1 10c-2-4 1-7 6-6-3 3-3 6-6 6Zm12 3c-4 2-7-1-6-6 3 3 6 3 6 6Zm3-13c2 4-1 7-6 6 3-3 3-6 6-6Z'/%3E%3C/svg%3E")}
.cap-shield{--cap-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='black' d='m12 2 8 3v6c0 5-3 9-8 11-5-2-8-6-8-11V5l8-3Zm0 3L6 7v4c0 4 2 6.7 6 8.5 4-1.8 6-4.5 6-8.5V7l-6-2Z'/%3E%3C/svg%3E")}
@media(max-width:1050px){.home-brand-stage{transform:none!important}}

/* v5.1 — home wordmark + larger application logos */
.home-main-logo{transform:translateX(7%)!important}
.product-media.product-logo img{max-height:470px!important;transform:scale(1.12);transform-origin:center}
.hgc .product-media.product-logo img{max-height:360px!important;transform:scale(1.12)}
@media(max-width:1050px){.home-main-logo{transform:none!important}}
@media(max-width:800px){
  .product-media.product-logo img{max-height:330px!important;transform:scale(1.06)}
  .hgc .product-media.product-logo img{max-height:275px!important;transform:scale(1.06)}
}

/* Contact email: one line, consistent with hajperAPP theme */
.contact-hero .contact-email-line{margin:20px 0 0;color:var(--text);font-size:17px;line-height:1.6}.contact-email-line a{color:var(--mint);font-weight:650;text-decoration:none;border-bottom:1px solid #72f1c266;transition:color .2s,border-color .2s}.contact-email-line a:hover,.contact-email-line a:focus-visible{color:#b8ffe5;border-bottom-color:currentColor}

/* Download information panel: HDTeX, HDT Lite, HFO */
.download-notice{margin-top:16px;padding:14px 18px;border:1px solid rgba(100,220,190,.28);border-radius:12px;background:rgba(100,220,190,.065);font-size:.9rem;line-height:1.55}
.download-notice-heading{display:flex;align-items:center;gap:9px;margin-bottom:7px}.download-notice-heading strong{display:inline;color:#80e2c9}.download-notice-icon{display:inline-flex;align-items:center;justify-content:center;font-size:18px;line-height:1;flex:none}
.download-notice p{margin:0;max-width:none;width:100%;color:inherit;opacity:.88}

/* v5.2 — optional light appearance (dark remains default) */
.theme-toggle{background:var(--panel2);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:8px 10px;cursor:pointer;font-size:15px;line-height:1.1;flex-shrink:0}
.theme-toggle:hover{border-color:var(--mint)}
html[data-theme="light"]{--bg:#f4f7f8;--bg2:#eef3f5;--panel:#fff;--panel2:#eaf1f3;--line:#cbd8dd;--text:#17262d;--muted:#536773;--mint:#087d62;--blue:#2465a4;--amber:#9b650e;--violet:#7653b1;color-scheme:light}
html[data-theme="light"] body{background:radial-gradient(circle at 85% 5%,#dcece9 0,transparent 30%),linear-gradient(180deg,var(--bg2),var(--bg))}
html[data-theme="light"] .brand,html[data-theme="light"] .hero-logo{color:#182a31}
html[data-theme="light"] .lang,html[data-theme="light"] .theme-toggle{background:#fff;color:#22333b}
html[data-theme="light"] .btn:not(.primary){background:#fff;color:#21343e}
html[data-theme="light"] .card{background:linear-gradient(145deg,#fff,#edf3f5);box-shadow:0 12px 30px #24405212}
html[data-theme="light"] .card:hover{box-shadow:0 16px 36px #24405222}
html[data-theme="light"] .capabilities span{background:linear-gradient(135deg,#f6fbfa,#e9f2f3);color:#21343e;box-shadow:none}
html[data-theme="light"] .download-notice{background:#e9f5f0;border-color:#9acdbb;color:#243b36}
html[data-theme="light"] .download-notice-heading strong,html[data-theme="light"] .download-notice p span[style*="color:#80e2c9"]{color:#087d62!important}
html[data-theme="light"] .app-window{background:linear-gradient(145deg,#e3edf0,#d5e3e8);border-color:#adc0c8}
html[data-theme="light"] .windowbar{background:#d7e5e9;border-color:#b5c7cf}
html[data-theme="light"] .window-title{color:#334d58}
html[data-theme="light"] .metric{background:#f7fafb;border-color:#c1d1d8}
html[data-theme="light"] .metric span{color:#586e79}
html[data-theme="light"] .graph{background:linear-gradient(180deg,#e4f1f3,#d8e9eb),repeating-linear-gradient(0deg,transparent 0 23px,#bdd4d8 24px)}
html[data-theme="light"] .hero-shot,html[data-theme="light"] .product-page-art,html[data-theme="light"] .concept-art,html[data-theme="light"] .app-thumb,html[data-theme="light"] .gallery img{border-color:#cbd8dd}
html[data-theme="light"] .product-media.product-logo img{filter:drop-shadow(0 18px 28px #19374722)}
html[data-theme="light"] .product-copy p,html[data-theme="light"] .about p,html[data-theme="light"] .hero p{color:var(--muted)}
@media(max-width:650px){.nav{gap:8px}.theme-toggle{padding:7px 8px}}


/* v5.3 — cohesive light palette; all rules scoped to light mode. */
html[data-theme="light"]{--bg:#f3f7f8;--bg2:#edf3f5;--panel:#fff;--panel2:#eaf2f3;--line:#c8d8de;--text:#172b34;--muted:#526a76;--mint:#087d67;--blue:#2465a4;--amber:#98600c;--violet:#7045a9}
html[data-theme="light"] .home-main-logo{background:url('assets/hajperapp-wordmark-light.svg') center/contain no-repeat!important;filter:drop-shadow(0 13px 23px #29475116)!important}
html[data-theme="light"] .home-main-logo img{opacity:0}
html[data-theme="light"] .hero-brand-note,html[data-theme="light"] .hero-motto{color:#455e69!important}
html[data-theme="light"] .card,html[data-theme="light"] .concept-cards .card{background:linear-gradient(160deg,#fff 0%,#f5f9fa 100%)!important;border-color:#c8d8de!important;box-shadow:0 9px 22px #213e4a13!important}
html[data-theme="light"] .card:hover{box-shadow:0 14px 28px #213e4a20!important}
html[data-theme="light"] .card h4,html[data-theme="light"] .product-copy h2{color:#4d6571!important}
html[data-theme="light"] .card p,html[data-theme="light"] .card li,html[data-theme="light"] .card .app-points li{color:#4a6270!important}
html[data-theme="light"] .card .tag,html[data-theme="light"] .card .go{color:var(--accent)!important}
html[data-theme="light"] .whats-new{background:linear-gradient(135deg,#fff,#eaf4f2)!important;border-color:#b9d6d1!important;box-shadow:0 14px 34px #213e4a16!important;color:#172b34!important}
html[data-theme="light"] .whats-new:before{opacity:.17}
html[data-theme="light"] .whats-new h2{color:#172b34!important}
html[data-theme="light"] .whats-new>p{color:#4c6470!important}
html[data-theme="light"] .whats-new-top small{color:#087d67!important}
html[data-theme="light"] .release-points{border-color:#cbdcde!important}
html[data-theme="light"] .release-points li{color:#314b57!important;border-color:#d4e0e4!important}
html[data-theme="light"] .release-pill{color:#087d67!important;border-color:#a5d0c2!important;background:#e3f3ed!important}
html[data-theme="light"] .trust-item{background:#fff!important;border-color:#cbd9de!important;box-shadow:0 9px 22px #213e4a12!important}
html[data-theme="light"] .trust-item span{color:#253d47!important}
html[data-theme="light"] .trust-item small{color:#526a76!important}
html[data-theme="light"] .product-detail-grid{background:linear-gradient(145deg,#f7fbfc,#edf4f6)!important;border-color:#d0dee3!important;box-shadow:none!important}
html[data-theme="light"] .product-detail-grid .capabilities span{background:#fff!important;color:#203943!important;border:1px solid #cbdce0!important;box-shadow:0 3px 9px #1e3a4410!important}
html[data-theme="light"] .product-detail-grid .capabilities span:before{background-color:#e6f2f0!important;border-color:#bcd9d2!important;box-shadow:none!important}
html[data-theme="light"] .product-detail-grid .devlog{background:#fff!important;color:#172b34!important;border-color:#cbdce0!important;box-shadow:0 6px 18px #213e4a0d!important}
html[data-theme="light"] .devlog h3{color:#172b34!important}
html[data-theme="light"] .devlog p{color:#4c6470!important}
html[data-theme="light"] .devlog-list li{color:#304a56!important;border-color:#d9e4e7!important}
html[data-theme="light"] .contact-card,html[data-theme="light"] .social-card,html[data-theme="light"] .support-card,html[data-theme="light"] .support-side div{background:linear-gradient(155deg,#fff,#f2f7f8)!important;border-color:#cbd9de!important;box-shadow:0 12px 28px #213e4a15!important;color:#172b34!important}
html[data-theme="light"] .contact-card h2,html[data-theme="light"] .support-card h2{color:#172b34!important}
html[data-theme="light"] .contact-card p,html[data-theme="light"] .support-card>p{color:#526a76!important}
html[data-theme="light"] .email-placeholder,html[data-theme="light"] .contact-meta>div{background:#edf6f3!important;border-color:#abd1c4!important;color:#314c55!important}
html[data-theme="light"] .contact-meta span{color:#4c6470!important}
html[data-theme="light"] .report-form label{color:#334d58!important}
html[data-theme="light"] .report-form input,html[data-theme="light"] .report-form select,html[data-theme="light"] .report-form textarea{background:#fff!important;color:#172b34!important;border-color:#b9cdd4!important}
html[data-theme="light"] .report-form input::placeholder,html[data-theme="light"] .report-form textarea::placeholder{color:#647c87!important;opacity:1}
html[data-theme="light"] .social-card span:last-child{color:#526a76!important}
html[data-theme="light"] .social-icon{background:#edf4f6!important;border-color:#d2e0e4!important;box-shadow:none!important}
html[data-theme="light"] .xnet{color:#263b46!important}
html[data-theme="light"] .social-preview-box,html[data-theme="light"] .social-content{background:#edf4f6!important;border-color:#d0dfe3!important;box-shadow:none!important}
html[data-theme="light"] .social-preview-copy b,html[data-theme="light"] .social-content-copy b{color:#1c3440!important}
html[data-theme="light"] .social-preview-copy small,html[data-theme="light"] .social-content-copy span{color:#536b77!important}
html[data-theme="light"] .social-preview-label{color:#59717c!important}
html[data-theme="light"] .support-side span,html[data-theme="light"] .support-note{color:#526a76!important}
html[data-theme="light"] .badges span,html[data-theme="light"] .feature{background:#fff!important;color:#314b57!important;border-color:#cbd9de!important}
html[data-theme="light"] .contact-email-line a:hover{color:#05634f!important}
html[data-theme="light"] .btn.primary{background:#087d67!important;border-color:#087d67!important;color:#fff!important}
html[data-theme="light"] .app-mini{background:#fff!important;border-color:#c5d7dc!important;box-shadow:none!important}
html[data-theme="light"] .download-notice{background:#e8f5ef!important;color:#29463e!important}

/* v5.3 — Contact legibility refinement, light theme only */
html[data-theme="light"] .contact-email-slot{background:#e6f4ef!important;border-color:#7dbda8!important}
html[data-theme="light"] .contact-email-slot b{color:#086c55!important}
html[data-theme="light"] .contact-email-slot span{color:#193b39!important;font-weight:650!important;font-size:14px!important;opacity:1!important}
html[data-theme="light"] .contact-card p,html[data-theme="light"] .contact-hero p,html[data-theme="light"] .support-card>p{color:#344e59!important;opacity:1!important}
html[data-theme="light"] .report-form label,html[data-theme="light"] .report-form label>span{color:#263f4b!important;opacity:1!important}
html[data-theme="light"] .report-form input::placeholder,html[data-theme="light"] .report-form textarea::placeholder{color:#506a76!important;opacity:1!important}
html[data-theme="light"] .social-card>span:last-of-type{color:#304955!important;opacity:1!important}
html[data-theme="light"] .social-content-copy span,html[data-theme="light"] .social-preview-copy small{color:#3c5864!important;opacity:1!important}
html[data-theme="light"] .social-content-copy small,html[data-theme="light"] .social-preview-label{color:#08715b!important;opacity:1!important}
html[data-theme="light"] .contact-email-line{color:#263f4b!important}
html[data-theme="light"] .contact-email-line a{color:#086c55!important}

/* v5.3 mobile hotfix — homepage hero must not retain desktop min-widths. */
@media (max-width: 1050px) {
  .home-hero-v44 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 24px !important;
    width: min(100% - 28px, 1160px) !important;
    max-width: 100% !important;
  }
  .home-hero-v44 > *,
  .home-hero-v44 .hero-brand-panel,
  .home-hero-v44 .whats-new { min-width: 0 !important; max-width: 100% !important; }
  .home-hero-v44 .whats-new h2,
  .home-hero-v44 .whats-new p,
  .home-hero-v44 .release-points li { overflow-wrap: break-word; }
}
@media (max-width: 600px) {
  .home-hero-v44 { gap: 18px !important; padding-top: 24px !important; }
  .home-hero-v44 .whats-new { padding: 22px 18px !important; border-radius: 16px; }
  .home-hero-v44 .whats-new h2 { font-size: clamp(26px, 7.2vw, 34px) !important; line-height: 1.13; letter-spacing: -.8px; }
  .home-hero-v44 .whats-new-top { flex-wrap: wrap; }
  .home-hero-v44 .release-points { padding-left: 18px; }
  .home-hero-v44 .hero-brand-panel { padding-right: 0 !important; }
  .home-hero-v44 .home-main-logo { width: 100% !important; max-width: 100% !important; transform: none !important; }
}