/* Hakhamanesh — public experience system / Premium v3. All vector & CSS; no raster UI. */
:root{color-scheme:dark;--ha-bg:#0d0b18;--ha-surface:#171327;--ha-surface2:#1e1933;--ha-surface3:#241e3c;--ha-border:#332b4e;--ha-border-strong:#594674;--ha-text:#f6f3ff;--ha-muted:#b7afc9;--ha-soft:#8d85a3;--ha-purple:#9367f8;--ha-purple-light:#b69aff;--ha-mint:#77d6c7;--ha-width:1256px;--ha-radius:22px;font-family:'Vazirmatn','Segoe UI',Tahoma,Arial,sans-serif;font-size:16px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:112px}
body{margin:0;min-width:320px;background:var(--ha-bg);color:var(--ha-text);font-family:inherit;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
::selection{background:#7949d3;color:white}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{outline-offset:4px}a:focus-visible,button:focus-visible{outline:2px solid var(--ha-purple-light)}
.ha-container{width:min(calc(100% - 72px),var(--ha-width));margin-inline:auto}
.ha-progress{position:fixed;inset:0 auto auto 0;z-index:80;height:3px;width:0;background:var(--ha-purple)}
/* Top navigation: a stable height, no changing line boxes */
.ha-header{position:sticky;top:0;z-index:60;background:rgba(13,11,24,.98);border-bottom:1px solid #29223e;transition:border-color .2s}
.ha-header.scrolled{border-color:#4a395f}
.ha-header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.ha-brand{display:flex;align-items:center;gap:11px;flex:0 0 auto;direction:ltr;text-align:left}
.ha-brand-mark{position:relative;display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;background:linear-gradient(145deg,#a983ff,#6f40da);box-shadow:inset 0 1px 0 #ffffff4b;color:white;font:bold 26px/1 Georgia,serif}
.ha-brand-spark{position:absolute;top:-5px;right:-5px;color:#d9caff;font:14px Georgia,serif}
.ha-brand-name{display:grid;gap:1px}.ha-brand-name strong{font:800 14px/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:1.45px}.ha-brand-name small{font:600 9px/1.3 'Segoe UI',system-ui,sans-serif;letter-spacing:1.08px;color:#a99cbc}
.ha-navigation{display:flex;align-items:center;gap:8px;min-width:0}.ha-navigation a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border-radius:11px;font-size:14px;font-weight:600;color:#bfb8d0;white-space:nowrap;transition:background .2s,color .2s}.ha-navigation a:hover{background:#211b34;color:white}.ha-navigation a[aria-current=page]{color:#e6d9ff;background:#28203f}
.ha-header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ha-language{display:grid;place-items:center;min-width:42px;height:40px;border:1px solid var(--ha-border);background:#1a152a;color:#e6daf9;border-radius:11px;font:700 13px 'Segoe UI',sans-serif}.ha-login{font-weight:700;font-size:14px;color:#dfd9ec;padding:8px 5px}.ha-login:hover{color:#fff}
.ha-btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:48px;padding:11px 22px;border-radius:12px;font-size:14px;font-weight:750;line-height:1.5;white-space:nowrap;border:1px solid transparent;transition:background .18s,border-color .18s,box-shadow .18s}.ha-btn span[aria-hidden]{font:17px/1 'Segoe UI',sans-serif}.ha-btn-primary{background:#8b5be8;color:white;border-color:#a479fa;box-shadow:0 7px 22px #6634c01a}.ha-btn-primary:hover{background:#9c71fa;box-shadow:0 10px 30px #6634c03b}.ha-btn-secondary{background:#211a34;color:#eee5ff;border-color:#483760}.ha-btn-secondary:hover{background:#2c2047;border-color:#7153a9}.ha-header-signup{min-height:42px;padding:9px 16px;font-size:13px}.ha-mobile-toggle{display:none}
/* Hero: fixed measured columns and an in-flow, crisp SVG dashboard */
.ha-hero{display:grid;grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr);align-items:center;gap:72px;min-height:680px;padding-block:90px 104px}
.ha-hero-copy{max-width:560px;min-width:0}.ha-eyebrow{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#c7afff;font-size:13px;line-height:1.6;font-weight:750;margin-bottom:23px}.ha-eyebrow-line{width:25px;height:2px;background:var(--ha-purple)}.ha-eyebrow-index{font:700 11px/1.6 'Segoe UI',sans-serif;letter-spacing:1px;color:#988ab2}
h1,h2,h3,p{overflow-wrap:break-word}.ha-hero h1,.ha-interior-hero h1{margin:0 0 22px;font-size:clamp(38px,4.2vw,64px);font-weight:850;line-height:1.34;letter-spacing:-.65px;max-width:17ch}.ha-lead{font-size:clamp(15px,1.1vw,18px);font-weight:450;line-height:2.03;color:var(--ha-muted);margin:0;max-width:590px}.ha-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.ha-hero-foot{border-top:1px solid #332a48;margin-top:42px;padding-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:24px;color:#9f95b4;font-size:12px}.ha-hero-foot span{display:inline-flex;align-items:center;gap:8px}.ha-live-dot{width:7px;height:7px;background:var(--ha-mint);border-radius:50%;box-shadow:0 0 0 4px #77d6c715}
.ha-demo-wrap{position:relative;min-width:0}.ha-demo-aura{position:absolute;inset:12% 8% 10%;border-radius:50%;background:radial-gradient(circle,#4b287c50,transparent 65%);pointer-events:none;z-index:-1}.ha-demo{border:1px solid #493767;border-radius:24px;overflow:hidden;background:#171327;box-shadow:0 18px 55px #0005;isolation:isolate}.ha-demo-head{display:flex;align-items:center;justify-content:space-between;gap:12px;height:52px;padding:0 20px;border-bottom:1px solid #3a2e52;color:#aea5c5;font:700 10px 'Segoe UI',sans-serif;letter-spacing:1px}.ha-demo-dots{display:flex;gap:6px;direction:ltr}.ha-demo-dots i{width:7px;height:7px;border-radius:50%;background:#624779}.ha-demo-dots i:first-child{background:#a46bff}.ha-demo-dots i:last-child{background:#77d6c7}.ha-demo-demo{font-size:9px;white-space:nowrap;color:#8d82a4}.ha-demo-body{padding:26px}.ha-demo-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;direction:ltr;text-align:left}.ha-demo-summary small{display:block;color:#a49abb;font:700 10px 'Segoe UI',sans-serif;letter-spacing:1.1px}.ha-demo-summary strong{display:flex;align-items:center;gap:9px;margin-top:6px;font:700 22px 'Segoe UI',sans-serif;color:#f4efff}.ha-demo-dot{width:7px;height:7px;border-radius:50%;background:#7ddacb}.ha-demo-pill{border-radius:99px;padding:6px 10px;font:700 10px 'Segoe UI',sans-serif;color:#c6b4f1;border:1px solid #554074;white-space:nowrap}.ha-demo-plot{position:relative;overflow:hidden;margin-top:22px;border-radius:14px;background:#1c1830;height:248px}.ha-demo-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:100% 25%,12.5% 100%}.ha-demo-plot svg{display:block;position:absolute;inset:12px 0 37px;width:100%;height:calc(100% - 49px)}.ha-plot-footer{position:absolute;bottom:0;left:0;right:0;height:36px;display:flex;align-items:center;justify-content:space-around;border-top:1px solid #38304c;color:#b2a6c9;font:600 11px 'Segoe UI',sans-serif;direction:ltr}.ha-demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;direction:ltr}.ha-mini-card{display:flex;align-items:center;gap:12px;border:1px solid #413557;border-radius:13px;padding:13px;background:#211b34;min-width:0}.ha-mini-icon{width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;border-radius:11px;color:#8ce2d6;background:#2c4a4a;font-size:19px}.ha-mini-icon.purple{background:#443369;color:#d8c0ff}.ha-mini-card small{display:block;font:700 10px 'Segoe UI',sans-serif;letter-spacing:.7px;color:#aaa0bb}.ha-mini-card strong{font:600 12px 'Segoe UI',sans-serif;color:#e1d9ef}.ha-minibar{display:flex;gap:4px;margin-top:7px}.ha-minibar i{width:16px;height:7px;border-radius:2px;background:#72cbba}.ha-minibar i:nth-child(2n){background:#b49cff}.ha-demo-caption{margin-top:14px;color:#847c99;text-align:center;font-size:12px}
/* Section system */
.ha-section{padding-block:92px}.ha-section-raised{background:#120f20;border-block:1px solid #241d38}.ha-section-header{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:60px;margin-bottom:32px}.ha-section-header h2,.ha-editorial h2{margin:0;max-width:560px;font-size:clamp(29px,3vw,42px);font-weight:800;line-height:1.5;letter-spacing:-.4px}.ha-section-header p,.ha-editorial p{margin:0;color:var(--ha-muted);font-size:16px;line-height:2;max-width:540px}.ha-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.ha-route-card{min-height:286px;display:flex;flex-direction:column;justify-content:space-between;padding:26px;border-radius:20px;background:#1b172d;border:1px solid #39304f;transition:background .2s,border-color .2s;min-width:0}.ha-route-card:hover{background:#211a38;border-color:#7358a5}.ha-route-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#b1a5c4;font:700 12px 'Segoe UI',sans-serif}.ha-route-symbol{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:#2e234a;color:#c3adff;font-size:28px}.ha-route-card h3{margin:0 0 8px;font-size:24px;line-height:1.5;font-weight:780}.ha-route-card p{margin:0;color:#b6abc9;font-size:15px;line-height:1.95}.ha-route-arrow{font:25px 'Segoe UI',sans-serif;color:#bca0fa;align-self:flex-end}
.ha-editorial-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:76px}.ha-editorial h2{margin-bottom:20px}.ha-editorial .ha-btn{margin-top:25px}.ha-editorial-art{display:grid;gap:14px;padding:30px;background:#17132a;border:1px solid #393054;border-radius:22px}.ha-layer-row{display:flex;align-items:center;gap:20px;border:1px solid #42345e;border-radius:12px;padding:18px 19px;background:#211a36;min-height:75px;direction:ltr}.ha-layer-row span{color:#aa96d8;font:700 12px 'Segoe UI'}.ha-layer-row strong{font:700 16px 'Segoe UI';letter-spacing:.8px}.ha-layer-row i{margin-left:auto;width:10px;height:10px;border:2px solid #a78aff;border-radius:50%}.ha-layer-row:nth-child(2){margin-left:35px;margin-right:20px;background:#2c2149}.ha-layer-row:nth-child(3){margin-left:70px;margin-right:40px}.ha-end-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-block:32px 100px;padding:38px 46px;background:#241a40;border:1px solid #574077;border-radius:22px}.ha-end-cta h2{font-size:clamp(23px,2.4vw,34px);line-height:1.5;margin:5px 0 0}.ha-cta-label{color:#b5a4d7;font:700 11px 'Segoe UI';letter-spacing:1.5px}
/* Independent pages with deliberate rhythm, not stacked touching panels */
.ha-interior-hero{padding-block:85px 59px;border-bottom:1px solid #302842;margin-bottom:40px}.ha-interior-hero h1{max-width:900px;font-size:clamp(35px,3.8vw,56px);line-height:1.48}.ha-interior-hero .ha-lead{max-width:690px}.ha-pipeline{padding:26px 28px 32px;border:1px solid #413253;border-radius:22px;background:#181328}.ha-pipeline-heading{display:flex;justify-content:space-between;gap:12px;color:#a99cc0;font:700 11px 'Segoe UI',Tahoma;letter-spacing:.6px}.ha-pipeline-grid{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:center;gap:16px;margin-top:34px}.ha-pipeline-step{align-self:stretch;min-width:0;padding:25px;border:1px solid #43345e;background:#211a35;border-radius:16px}.ha-step-index,.ha-row-tag{font:700 11px 'Segoe UI';letter-spacing:1px;color:#b5a3d1}.ha-step-icon{display:grid;place-items:center;width:50px;height:50px;margin-top:22px;border-radius:14px;background:#3d2b68;color:#dac7ff;font-size:28px}.ha-pipeline-step h2{font-size:21px;font-weight:750;line-height:1.5;margin:18px 0 8px}.ha-pipeline-step p{font-size:14px;color:#b5adca;line-height:1.95;margin:0}.ha-pipeline-arrow{text-align:center;color:#a98fe5;font-size:26px}.ha-info-rows{margin-top:16px}.ha-info-row{display:grid;grid-template-columns:70px minmax(0,1fr) 100px;align-items:center;gap:20px;padding:27px 10px;border-bottom:1px solid #36304b}.ha-row-index{color:#a88be6;font:700 13px 'Segoe UI'}.ha-info-row h3{margin:0 0 6px;font-size:21px}.ha-info-row p{margin:0;color:#b6aac9;font-size:15px;line-height:1.9}.ha-row-tag{text-align:end}
.ha-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-block:0 74px}.ha-feature-card{min-width:0;display:flex;flex-direction:column;min-height:370px;padding:27px;background:#19152a;border:1px solid #39304e;border-radius:22px;transition:border-color .2s,background .2s}.ha-feature-card:hover{border-color:#7659a8;background:#1d1732}.ha-feature-head{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr}.ha-feature-key{color:#c6b7ed;font:700 12px 'Segoe UI';letter-spacing:1px}.ha-feature-number{color:#847997;font:700 12px 'Segoe UI'}.ha-feature-viz{height:105px;display:flex;align-items:center;justify-content:center;gap:8px;margin:20px 0;background:linear-gradient(130deg,#231b3c,#1c1731);border-radius:14px;border:1px solid #382c52;overflow:hidden}.ha-viz-ai{gap:14px}.ha-viz-orb{display:grid;place-items:center;background:#4d3078;width:59px;height:59px;border-radius:18px;font-size:30px;color:#e2d1ff}.ha-viz-lines{display:grid;gap:10px}.ha-viz-lines i{display:block;width:95px;height:8px;border-radius:50px;background:#655284}.ha-viz-lines i:nth-child(2){width:72px;background:#8e76cb}.ha-viz-lines i:nth-child(3){width:53px}.ha-viz-heat{display:grid;grid-template-columns:repeat(10,1fr);gap:5px;padding:28px}.ha-viz-heat i{width:100%;min-width:0;height:15px;border-radius:4px;background:#906bda}.ha-viz-heat .hc-0{background:#77c0b7}.ha-viz-heat .hc-1{background:#a88bee}.ha-viz-heat .hc-2{background:#8062cc}.ha-viz-heat .hc-3{background:#c18bad}.ha-viz-nova svg,.ha-viz-chart svg{height:72%;width:85%}.ha-viz-flow span{display:flex;flex-direction:column;gap:3px;justify-content:center}.ha-viz-flow span i,.ha-viz-flow span b{width:22px;height:8px;border-radius:2px;background:#8f73d1}.ha-viz-flow span b{background:#62b8aa}.ha-viz-flow span:nth-child(even) i{width:34px}.ha-viz-indices{align-items:flex-end;padding-bottom:24px}.ha-viz-indices i{width:21px;height:30px;background:#6e57ad;border-radius:3px 3px 0 0}.ha-viz-indices i:nth-child(2){height:45px}.ha-viz-indices i:nth-child(3){height:37px}.ha-viz-indices i:nth-child(4){height:55px;background:#a88bea}.ha-viz-indices i:nth-child(5){height:64px;background:#b3a0ff}.ha-viz-indices i:nth-child(6){height:48px}.ha-feature-card h2{margin:0 0 9px;font-size:22px;line-height:1.55;font-weight:750}.ha-feature-card>p{margin:0;color:#b9b0ca;font-size:15px;line-height:1.95}.ha-feature-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #372d4c;margin-top:auto;padding-top:19px;color:#9489ae;font:700 10px 'Segoe UI';letter-spacing:.3px}.ha-feature-bottom span:last-child{color:#b69aff;font-size:16px}.ha-feature-note{display:flex;align-items:center;gap:24px;flex-wrap:wrap;padding:28px 32px;margin-bottom:60px;border-radius:20px;border:1px solid #4c3972;background:#211938}.ha-note-icon{display:grid;place-items:center;width:55px;height:55px;border-radius:16px;background:#3a285f;color:#ccafff;font-size:27px}.ha-feature-note div{flex:1;min-width:210px}.ha-feature-note h2{font-size:23px;margin:0 0 4px}.ha-feature-note p{font-size:14px;line-height:1.85;color:var(--ha-muted);margin:0}
.ha-experience-list{display:grid;gap:30px;margin-bottom:76px}.ha-experience-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;min-height:350px;padding:36px;border-radius:22px;border:1px solid #39304d;background:#19152c}.ha-experience-row:nth-child(even) .ha-experience-graphic{order:-1}.ha-experience-copy{max-width:480px}.ha-exp-num{font:700 12px 'Segoe UI';letter-spacing:1.4px;color:#a995d6}.ha-experience-copy h2{font-size:clamp(25px,2.7vw,34px);line-height:1.5;margin:16px 0}.ha-experience-copy p{font-size:16px;color:var(--ha-muted);line-height:2;margin:0}.ha-experience-graphic{min-width:0;padding:18px;background:#211a37;border:1px solid #43355d;border-radius:18px}.ha-experience-screen{border:1px solid #5c477a;background:#130e25;border-radius:13px;overflow:hidden}.ha-screen-top{display:flex;align-items:center;gap:6px;padding:12px 14px;border-bottom:1px solid #3c2c5b;direction:ltr}.ha-screen-top i{width:6px;height:6px;border-radius:50%;background:#8062c2}.ha-screen-top span{margin-left:auto;color:#9c88c7;font:700 10px 'Segoe UI'}.ha-screen-body{display:grid;grid-template-columns:58px 1fr;direction:ltr;min-height:177px}.ha-screen-menu{display:grid;align-content:start;gap:10px;padding:19px 14px;border-right:1px solid #382d55}.ha-screen-menu i{height:12px;border-radius:3px;background:#453464}.ha-screen-main{padding:18px}.ha-screen-main>span{display:block;width:34%;height:11px;border-radius:4px;background:#59457f}.ha-screen-graph{height:100px;margin-top:12px;border-radius:8px;border:1px solid #3b2f59;background:repeating-linear-gradient(0deg,transparent 0px,transparent 21px,#ffffff09 22px)}.ha-screen-graph svg{width:100%;height:100%}.ha-screen-trays{display:flex;gap:7px;margin-top:11px}.ha-screen-trays i{flex:1;height:20px;background:#3b2e58;border-radius:5px}
.ha-footer{margin-top:65px;border-top:1px solid #2b2540;padding:38px 0 44px;background:#0b0915}.ha-footer-inner{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:48px}.ha-footer-identity{display:flex;align-items:center;gap:12px;direction:ltr;text-align:left}.ha-footer-identity .ha-brand-mark{width:34px;height:34px;border-radius:10px;font-size:20px}.ha-footer-identity strong{font:800 13px 'Segoe UI';letter-spacing:1px}.ha-footer-identity p{margin:1px 0 0;font-size:12px;color:#a297b6}.ha-footer-links{display:flex;flex-wrap:wrap;gap:20px}.ha-footer-links a{font-size:13px;color:#b4a9c7}.ha-footer-links a:hover{color:white}.ha-footer small{font:700 11px 'Segoe UI';color:#7e7295;white-space:nowrap}
/* Reveal uses only opacity — no subpixel transforms that blur typography on click/hover. */
[data-reveal]{opacity:1}.ha-js [data-reveal]{opacity:0;transition:opacity .45s ease}.ha-js [data-reveal].is-visible{opacity:1}
/* Language change remains limited to public landing pages. */
html[dir=ltr] .ha-container,html[dir=ltr] .ha-navigation{direction:ltr}html[dir=ltr] .ha-navigation a{text-align:center}
@media(min-width:2400px){:root{--ha-width:1680px;font-size:18px}.ha-header-inner{height:96px}.ha-hero{min-height:850px;gap:100px}.ha-hero h1{font-size:76px}.ha-interior-hero h1{font-size:68px}.ha-section-header h2{font-size:48px}.ha-demo-body{padding:35px}.ha-demo-plot{height:330px}.ha-feature-grid{gap:30px}.ha-feature-card{min-height:440px;padding:36px}.ha-lead{font-size:20px}}
@media(max-width:1120px){.ha-header-inner{gap:16px}.ha-navigation{gap:0}.ha-navigation a{padding:8px 10px;font-size:13px}.ha-hero{gap:36px;min-height:600px}.ha-hero h1{font-size:clamp(37px,4.8vw,52px)}.ha-route-grid,.ha-feature-grid{gap:17px}.ha-route-card{padding:22px}.ha-feature-card{padding:20px}.ha-feature-card h2{font-size:20px}.ha-editorial-grid{gap:35px}.ha-pipeline-grid{gap:10px}.ha-pipeline-step{padding:17px}}
@media(max-width:900px){.ha-container{width:min(calc(100% - 48px),var(--ha-width))}.ha-header-inner{height:72px}.ha-brand-name small{font-size:8px}.ha-header-signup{display:none}.ha-hero{grid-template-columns:1fr;min-height:unset;gap:40px;padding-block:64px 75px}.ha-hero-copy{max-width:690px}.ha-demo-wrap{max-width:720px;width:100%;margin:0 auto}.ha-section{padding-block:65px}.ha-section-header{grid-template-columns:1fr;gap:18px}.ha-route-grid,.ha-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ha-editorial-grid{grid-template-columns:1fr}.ha-pipeline-grid{grid-template-columns:1fr;gap:11px}.ha-pipeline-arrow{transform:rotate(-90deg)}.ha-footer-inner{grid-template-columns:1fr auto;gap:24px}.ha-footer-links{grid-column:1/-1;grid-row:2}.ha-experience-row{gap:30px;padding:26px}}
@media(max-width:720px){.ha-container{width:min(calc(100% - 36px),var(--ha-width))}.ha-header-inner{position:relative;justify-content:space-between}.ha-brand-name small{display:none}.ha-brand-name strong{font-size:12px}.ha-header-actions{gap:10px}.ha-login{font-size:13px}.ha-mobile-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:39px;height:39px;border:1px solid #48375f;border-radius:10px;background:#201932}.ha-mobile-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:#eadcff}.ha-navigation{display:none;position:absolute;inset:71px 0 auto 0;z-index:65;padding:12px;border-radius:0 0 16px 16px;background:#161123;border:1px solid #38304c;box-shadow:0 14px 24px #0007;flex-direction:column;align-items:stretch;gap:3px}.ha-navigation.is-open{display:flex}.ha-navigation a{justify-content:flex-start;padding:11px 16px;font-size:14px}.ha-hero{padding-top:51px}.ha-hero h1{font-size:clamp(34px,8.6vw,45px);max-width:100%;line-height:1.48}.ha-actions{gap:10px}.ha-btn{min-height:46px;padding:10px 17px}.ha-demo-body{padding:16px}.ha-demo-head{padding:0 12px}.ha-demo-summary strong{font-size:18px}.ha-demo-pill{display:none}.ha-demo-plot{height:200px}.ha-demo-bottom{grid-template-columns:1fr 1fr}.ha-mini-card{gap:7px;padding:10px}.ha-mini-icon{width:30px;height:30px}.ha-mini-card strong{font-size:10px}.ha-route-grid,.ha-feature-grid{grid-template-columns:1fr}.ha-route-card{min-height:235px}.ha-editorial-art{padding:18px}.ha-layer-row:nth-child(n){margin:0}.ha-interior-hero{padding-block:50px 32px;margin-bottom:28px}.ha-interior-hero h1{font-size:clamp(32px,7.8vw,43px)}.ha-pipeline{padding:20px}.ha-pipeline-heading{flex-wrap:wrap}.ha-pipeline-step{padding:22px}.ha-info-row{grid-template-columns:40px 1fr;gap:14px;padding:24px 0}.ha-row-tag{display:none}.ha-feature-grid{margin-bottom:35px}.ha-feature-card{min-height:300px;padding:22px}.ha-feature-viz{height:100px;margin:17px 0}.ha-feature-note{padding:23px;gap:14px}.ha-feature-note h2{font-size:20px}.ha-experience-row,.ha-experience-row:nth-child(even){grid-template-columns:1fr;gap:24px;padding:23px}.ha-experience-row:nth-child(even) .ha-experience-graphic{order:initial}.ha-end-cta{padding:25px;margin-bottom:55px;align-items:flex-start;flex-direction:column;gap:18px}.ha-footer-inner{grid-template-columns:1fr}.ha-footer-links{grid-column:auto;grid-row:auto}.ha-footer small{font-size:10px}}
@media(max-width:390px){.ha-brand-mark{width:36px;height:36px;font-size:21px}.ha-brand-name strong{font-size:11px;letter-spacing:.5px}.ha-language{min-width:37px;height:36px}.ha-login{padding:6px 0}.ha-demo-bottom{grid-template-columns:1fr}.ha-hero-foot{gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ha-js [data-reveal]{opacity:1;transition:none}.ha-btn,.ha-feature-card,.ha-route-card{transition:none}}
.ha-demo{position:relative;--mx:45%;--my:25%}.ha-demo::after{content:"";position:absolute;inset:0;background:radial-gradient(circle 230px at var(--mx) var(--my),#9566ed10,transparent 85%);pointer-events:none}.ha-js [data-reveal]{opacity:1}


/* ============================================================
   Hakhamanesh Royal Glass / November 2026
   Visual-only upgrade: previous ambient richness + current clean grid.
   Scope: public /welcome routes; no dashboard or auth styles affected.
   ============================================================ */
:root {
  --ha-bg:#0e0920;
  --ha-surface:#19112f;
  --ha-surface2:#23183d;
  --ha-border:#6b4b9a55;
  --ha-border-strong:#9974cd88;
  --ha-purple:#a577fc;
  --ha-purple-light:#d2b5ff;
  --ha-text:#faf6ff;
  --ha-muted:#c7b8de;
  --ha-soft:#afa0c7;
}
body.ha-public {
  isolation:isolate;
  background:linear-gradient(158deg,#100923 0%,#100a27 34%,#120923 67%,#0b0c21 100%);
  background-attachment:fixed;
}
.ha-ambient {
  position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;
  background:
    radial-gradient(ellipse 39% 45% at 14% 27%,rgba(118,53,207,.20),transparent 90%),
    radial-gradient(ellipse 39% 43% at 90% 14%,rgba(58,91,157,.19),transparent 88%),
    radial-gradient(ellipse 38% 44% at 83% 87%,rgba(114,39,164,.18),transparent 90%),
    radial-gradient(ellipse 45% 45% at 33% 93%,rgba(97,50,163,.12),transparent 88%);
}
.ha-ambient::before,.ha-ambient::after {content:"";position:absolute;inset:-32%;will-change:transform;}
.ha-ambient::before {
  background:
    radial-gradient(ellipse 30% 30% at 19% 39%,rgba(146,72,255,.33),transparent 75%),
    radial-gradient(ellipse 29% 35% at 78% 23%,rgba(78,66,179,.23),transparent 75%),
    radial-gradient(ellipse 29% 24% at 65% 85%,rgba(147,53,207,.18),transparent 80%);
  filter:blur(28px);animation:ha-ambient-drift 28s ease-in-out infinite alternate;
}
.ha-ambient::after {
  background:
    radial-gradient(circle at 8% 12%,#d9bcff 0 1px,transparent 2px),
    radial-gradient(circle at 21% 47%,#7ddfd6 0 1px,transparent 2px),
    radial-gradient(circle at 45% 23%,#c38aff 0 1px,transparent 2px),
    radial-gradient(circle at 57% 55%,#9571ea 0 1px,transparent 2px),
    radial-gradient(circle at 81% 39%,#87b9ea 0 1px,transparent 2px),
    radial-gradient(circle at 91% 76%,#cf97fe 0 1px,transparent 2px),
    radial-gradient(circle at 35% 87%,#d49dff 0 1px,transparent 2px),
    radial-gradient(circle at 72% 91%,#7ddfd6 0 1px,transparent 2px);
  background-size:100% 100%;opacity:.58;animation:ha-stars-sway 40s ease-in-out infinite alternate;
}
.ha-stardust {position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;background:#dab6ff;opacity:.7;box-shadow:8vw 19vh #b17aff,16vw 77vh #83d5cb,26vw 10vh #ad73ec,37vw 62vh #efafdb,46vw 35vh #8bd0e2,57vw 82vh #8868e6,68vw 20vh #c38bed,75vw 67vh #93d6db,83vw 33vh #ab82eb,93vw 79vh #b27eff;animation:ha-stars-blink 6s ease-in-out infinite alternate;}
@keyframes ha-ambient-drift {0%{transform:translate3d(-3%,-1%,0) scale(1)}50%{transform:translate3d(1%,3%,0) scale(1.06)}100%{transform:translate3d(4%,-3%,0) scale(1.04)}}
@keyframes ha-stars-sway {from{transform:translate3d(-1%,1%,0)}to{transform:translate3d(2%,-2%,0)}}
@keyframes ha-stars-blink {from{opacity:.34}to{opacity:.82}}
.ha-public main,.ha-public .ha-footer{position:relative;z-index:1;}
.ha-progress{z-index:90;background:linear-gradient(90deg,#8b52e4,#dbb46c,#b08cff);box-shadow:0 0 13px #b68bff88}

/* Full-width header ONLY; preserve centered main content width. */
.ha-header {
  background:rgba(17,10,39,.67);
  border-bottom:1px solid rgba(209,166,255,.13);
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:0 10px 42px rgba(10,4,31,.13);
}
.ha-header.scrolled {background:rgba(16,10,36,.85);border-color:rgba(209,166,255,.28)}
.ha-header-inner {
  width:calc(100% - clamp(44px,8vw,162px));max-width:none;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;gap:22px;
}
.ha-brand {justify-self:start;direction:rtl;text-align:right;gap:11px;}
.ha-brand-mark {
  width:57px;height:57px;padding:2px;flex:0 0 57px;
  overflow:hidden;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 50% 40%,#653b8f,#160d2b 80%);
  box-shadow:0 0 0 1px #d4a95b88,0 0 25px #a358e44b,inset 0 0 13px #bd8df32e;
  font-size:0;
}
.ha-brand-mark img {display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;}
.ha-brand-name {gap:3px;}
.ha-brand-name strong {color:#fff7ee;letter-spacing:1.75px;text-shadow:0 0 16px #c38bea22;}
.ha-brand-name small{color:#ba9ce7;letter-spacing:1.18px;}
.ha-navigation{justify-self:center;}
.ha-navigation a {color:#d1c0e6;}
.ha-navigation a:hover {background:rgba(165,107,255,.13);color:#fff;}
.ha-navigation a[aria-current=page] {background:rgba(169,118,255,.19);border:1px solid #ba8dff30;color:#f8efff;}
.ha-header-actions {justify-self:end;}
.ha-language,.ha-login,.ha-mobile-toggle {
  border:1px solid rgba(191,152,255,.27);
  background:rgba(115,70,166,.13);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  border-radius:12px;color:#f0e5ff;
}
.ha-login{padding:9px 13px;}
.ha-login:hover,.ha-language:hover{border-color:#b897f077;background:rgba(144,97,207,.25)}
.ha-btn {border-radius:12px;}
.ha-btn-primary {
  background:linear-gradient(126deg,#a66afc,#773de2);
  border-color:#c4a1ff88;box-shadow:0 7px 26px #793bd245,inset 0 1px #ffffff4a;
}
.ha-btn-primary:hover {background:linear-gradient(126deg,#ba8aff,#8c51f2);box-shadow:0 11px 34px #8847e567;}
.ha-btn-secondary {
  background:rgba(119,77,163,.13);border-color:#b08ac050;
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  box-shadow:inset 0 1px #ffffff09;
}
.ha-btn-secondary:hover{background:rgba(142,87,207,.25);border-color:#b693e29c;}

/* The hero layout remains unchanged; its scenery lives behind the content. */
.ha-hero{position:relative;isolation:isolate;}
.ha-hero::before {
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:min(53vw,800px);aspect-ratio:1;left:-14vw;top:4%;border-radius:50%;
  border:1px solid rgba(184,117,255,.13);
  box-shadow:0 0 0 65px rgba(147,87,235,.025),0 0 0 155px rgba(165,112,255,.019),inset 0 0 90px rgba(143,76,213,.06);
  animation:ha-orbit-breathe 16s ease-in-out infinite alternate;
}
.ha-hero::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:42%;height:65%;left:3%;top:16%;border:1px solid rgba(154,108,223,.13);
  border-radius:50%;transform:rotate(-23deg);
}
@keyframes ha-orbit-breathe{from{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1.06)}}
.ha-eyebrow {color:#ddc0ff;}
.ha-eyebrow-line {background:linear-gradient(90deg,#a56bfc,#e4b264);box-shadow:0 0 9px #b77cff77;}
.ha-hero h1,.ha-interior-hero h1 {color:#fcf8ff;text-shadow:0 3px 24px #c28bff0f;}
.ha-lead {color:#d1c1e4;}
.ha-hero-foot {border-color:#ae86e23b;color:#b8a7d3;}
.ha-demo-aura {background:radial-gradient(ellipse at 50% 50%,#8342d177,transparent 70%);filter:blur(16px);}
.ha-demo {
  border-color:rgba(177,130,255,.44);
  background:linear-gradient(145deg,rgba(40,24,68,.77),rgba(17,13,39,.74));
  -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);
  box-shadow:0 22px 75px #0a04276b,0 0 55px #9c55d31b,inset 0 1px #f0d0ff22;
}
.ha-demo-head {border-color:#a280c234;background:#c2a1ff09;}
.ha-demo-plot {background:linear-gradient(156deg,#21193a,#22153f 70%,#1b1c3b);border:1px solid #a185db24;}
.ha-mini-card {background:rgba(118,82,172,.14);border-color:#b99af13e;}
.ha-mini-card .ha-mini-icon {box-shadow:inset 0 1px #fff2;}
.ha-demo-pill{background:#ad77ff12;border-color:#a27fe15b;}
.ha-section-raised{
  background:linear-gradient(170deg,rgba(57,33,93,.27),rgba(20,14,46,.43) 52%,rgba(67,34,103,.17));
  border-color:#b68cfa29;
}
.ha-route-card,.ha-feature-card,.ha-experience-row,.ha-pipeline,.ha-editorial-art,.ha-feature-note,.ha-end-cta {
  background:linear-gradient(135deg,rgba(51,32,81,.64),rgba(24,18,52,.68));
  border-color:rgba(185,145,243,.26);
  -webkit-backdrop-filter:blur(13px) saturate(135%);backdrop-filter:blur(13px) saturate(135%);
  box-shadow:inset 0 1px rgba(255,240,255,.07),0 18px 40px rgba(6,3,19,.13);
}
.ha-route-card:hover,.ha-feature-card:hover {
  background:linear-gradient(135deg,rgba(78,46,118,.74),rgba(39,26,74,.79));
  border-color:rgba(212,174,255,.55);box-shadow:0 16px 38px #27104433,inset 0 1px #fff2;
}
.ha-route-symbol,.ha-step-icon,.ha-note-icon,.ha-viz-orb {background:linear-gradient(145deg,#61408d88,#3d245f66);color:#e1c6ff;border:1px solid #bd97ed47;}
.ha-route-card p,.ha-feature-card>p,.ha-experience-copy p,.ha-section-header p,.ha-editorial p {color:#c8b7da;}
.ha-layer-row,.ha-pipeline-step,.ha-experience-graphic {background:rgba(110,77,164,.13);border-color:#b897f03b;}
.ha-layer-row:nth-child(2){background:rgba(120,80,177,.2);}
.ha-feature-viz{background:linear-gradient(130deg,rgba(72,42,117,.56),rgba(23,18,55,.68));border-color:#9f7ed945;}
.ha-end-cta{background:linear-gradient(115deg,rgba(107,63,160,.52),rgba(44,27,92,.55));border-color:#b993fa77;}
.ha-footer {background:rgba(11,8,27,.55);border-color:#be92ff37;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);}
.ha-footer-identity .ha-brand-mark{width:42px;height:42px;flex-basis:42px;}
/* Restore alignment after removing purely decorative numeric indices. */
.ha-info-row {grid-template-columns:minmax(0,1fr) 100px;}
.ha-feature-head {justify-content:flex-start;}
.ha-experience-copy h2:first-child {margin-top:0;}
.ha-layer-row {gap:14px;}

@media(max-width:1120px){
 .ha-header-inner{gap:12px;width:calc(100% - 48px);}
 .ha-brand-name strong{font-size:12px;letter-spacing:1px;}
 .ha-brand-name small{font-size:8px;letter-spacing:.6px;}
 .ha-brand-mark{width:48px;height:48px;flex-basis:48px;}
 .ha-header-actions{gap:7px;}
}
@media(max-width:900px){
 .ha-header-inner{display:flex;justify-content:space-between;}
 .ha-navigation {margin-inline:auto;}
 .ha-brand-mark{width:45px;height:45px;flex-basis:45px;}
 .ha-hero::before{width:70vw;left:9%;top:38%;}
}
@media(max-width:720px){
 .ha-header-inner{width:calc(100% - 36px);gap:10px;}
 .ha-brand-name small{display:none;}
 .ha-brand-mark{width:43px;height:43px;flex-basis:43px;}
 .ha-brand-name strong{font-size:11px;letter-spacing:.5px;}
 .ha-language{min-width:36px;height:36px;}
 .ha-login{padding:8px 10px;}
 .ha-mobile-toggle{background:rgba(97,60,150,.25);border-color:#8f67c26a;}
 .ha-navigation{position:absolute;top:71px;left:0;right:0;margin:0;
   background:rgba(24,14,50,.95);border:1px solid #9e75cd66;
   -webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);}
 .ha-hero::before{width:97vw;left:-25vw;top:40%;}
 .ha-hero::after{width:67%;left:9%;top:44%;}
 .ha-info-row{grid-template-columns:minmax(0,1fr);}
 .ha-end-cta{padding:27px;}
}
@media(max-width:390px){
 .ha-brand-name strong{font-size:10px;}
 .ha-brand-mark{width:39px;height:39px;flex-basis:39px;}
 .ha-header-actions{gap:6px;}
 .ha-login{padding:7px 8px;}
}
@media(prefers-reduced-motion:reduce){
 .ha-ambient::before,.ha-ambient::after,.ha-stardust,.ha-hero::before {animation:none!important;}
}

/* Responsive feature showcase: five actual panel screenshots, no SVG chart demo. */
.ha-public .ha-showcase {position:relative;overflow:hidden;border:1px solid rgba(187,143,255,.50);
  border-radius:23px;background:linear-gradient(155deg,#1c1035,#100f22);
  box-shadow:0 20px 56px rgba(7,4,21,.32),0 0 38px rgba(135,73,224,.15);
  contain:layout style;}
.ha-public .ha-showcase::after {display:none;}
.ha-showcase-top {height:47px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;
  gap:9px;border-bottom:1px solid rgba(177,134,239,.20);background:rgba(39,24,63,.75);}
.ha-showcase-title {display:flex;align-items:center;gap:9px;direction:ltr;white-space:nowrap;
  color:#d7c7ee;font:700 10px/1.4 'Segoe UI',system-ui,sans-serif;letter-spacing:1px;}
.ha-showcase-title i{width:7px;height:7px;background:#a878ff;border-radius:50%;box-shadow:0 0 9px #ad78ff;}
.ha-showcase-divider{color:#78639c;}
.ha-showcase-tag {border:1px solid rgba(185,144,255,.26);border-radius:9px;padding:5px 9px;
  color:#d2b6ff;background:rgba(128,76,192,.12);font-size:10px;font-weight:650;white-space:nowrap;}
.ha-showcase-viewport {position:relative;aspect-ratio:1.68;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#2a1b4d,#0d0c1b 78%);isolation:isolate;}
.ha-showcase-image {display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  opacity:0;transform:scale(1.022);transition:opacity .62s ease,transform 1.08s ease;}
.ha-showcase-image.is-active{opacity:1;transform:scale(1);}
.ha-showcase-sheen{position:absolute;z-index:2;inset:0;pointer-events:none;
  background:linear-gradient(118deg,rgba(215,179,255,.10),transparent 21%,transparent 80%,rgba(127,93,226,.09));}
.ha-showcase-watermark{position:absolute;z-index:3;bottom:9px;left:12px;font:700 8px/1 'Segoe UI',sans-serif;
  letter-spacing:1.2px;color:#efe1ff8a;text-shadow:0 1px 3px #000;pointer-events:none;}
.ha-showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;
  min-height:83px;padding:13px 17px;background:linear-gradient(135deg,rgba(45,26,78,.75),rgba(19,15,40,.95));}
.ha-showcase-description{min-width:0;display:grid;gap:4px;}
.ha-showcase-description small{direction:ltr;text-align:right;color:#a58dbb;
  font:700 10px/1.5 'Segoe UI',system-ui,sans-serif;letter-spacing:.9px;}
.ha-showcase-description strong{font-size:15px;color:#f5eeff;font-weight:800;line-height:1.6;}
.ha-showcase-dots{direction:ltr;display:flex;align-items:center;gap:7px;flex:0 0 auto;}
.ha-showcase-dots button{width:9px;height:9px;padding:0;border:0;border-radius:99px;
  background:#5b4576;box-shadow:inset 0 0 0 1px #ffffff1c;transition:background .3s,width .35s;}
.ha-showcase-dots button.is-selected{width:24px;background:linear-gradient(90deg,#a16bff,#dec2ff);box-shadow:0 0 10px #9e64ff66;}
.ha-showcase-dots button:focus-visible{outline:2px solid white;outline-offset:4px;}
.ha-showcase-progress{height:2px;background:rgba(177,132,245,.13);overflow:hidden;}
.ha-showcase-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#7049cd,#ba8bff,#efd4ff);
  transform-origin:left;transform:scaleX(0);}
.ha-showcase.is-playing .ha-showcase-progress span{animation:ha-showcase-countdown 7s linear forwards;}
@keyframes ha-showcase-countdown{from{transform:scaleX(0)}to{transform:scaleX(1)}}
/* Returning to the hero from another public page must not animate scroll-to-top. */
.ha-public{scroll-behavior:auto;}
@media(max-width:720px){
 .ha-showcase-top{height:43px;padding-inline:12px}.ha-showcase-title{font-size:8px;gap:6px;letter-spacing:.35px}
 .ha-showcase-tag{font-size:9px;padding:4px 6px}.ha-showcase-toolbar{padding:11px 12px;min-height:73px}
 .ha-showcase-description strong{font-size:13px}.ha-showcase-description small{font-size:9px}
 .ha-showcase-dots{gap:5px}.ha-showcase-dots button{width:7px;height:7px}
 .ha-showcase-dots button.is-selected{width:18px}
}
@media(prefers-reduced-motion:reduce){.ha-showcase-image{transition:none;transform:none!important;}
 .ha-showcase.is-playing .ha-showcase-progress span{animation:none;transform:scaleX(1)}}

/* Landing showcase sharpness + larger presentation (desktop only).
 * Keep the right-to-left text hierarchy and the existing mobile single-column grid.
 * Enlarging its column rather than scaling the raster avoids soft screenshots. */
@media (min-width:901px) {
  .ha-home .ha-hero {
    grid-template-columns:minmax(0,.90fr) minmax(0,1.10fr);
    column-gap:clamp(28px,3.6vw,54px);
  }
}
.ha-showcase-image {
  image-rendering:auto;
}

/* Public pricing page: admin-defined plans with visible spacing between cards. */
.ha-pricing-shell{
  display:grid;
  gap:22px;
  margin-block:18px 44px;
  padding:clamp(18px,2.6vw,28px);
  border:1px solid rgba(186,142,255,.20);
  border-radius:28px;
  background:linear-gradient(160deg,rgba(38,24,66,.58),rgba(14,11,34,.72));
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 24px 54px rgba(6,3,19,.16);
  backdrop-filter:blur(14px) saturate(132%);
}
.ha-pricing-head{
  display:grid;
  grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr);
  gap:18px;
  align-items:start;
}
.ha-pricing-head h2{margin:10px 0 8px;font-size:clamp(28px,3vw,40px);line-height:1.15}
.ha-pricing-head p{margin:0;color:#cfbddf;line-height:1.95}
.ha-pricing-chip{
  display:inline-flex;align-items:center;gap:8px;
  padding:8px 12px;border-radius:999px;
  border:1px solid rgba(193,150,255,.24);
  background:rgba(136,92,201,.12);color:#f2e5ff;
  font-size:12px;font-weight:800;
}
.ha-pricing-side-note{
  display:grid;gap:8px;padding:18px 18px 16px;
  border:1px solid rgba(186,142,255,.20);border-radius:20px;
  background:linear-gradient(145deg,rgba(92,63,143,.16),rgba(19,25,45,.30));
  color:#d8cae7;font-size:14px;line-height:1.8;
}
.ha-pricing-side-note strong{font-size:15px;color:#fff4ec}
.ha-plan-status{
  min-height:24px;padding:0 2px;color:#d9c4f2;
  font-size:13px;font-weight:700;
}
.ha-plan-status.is-success{color:#95f1cf}
.ha-plan-status.is-error{color:#ffb6cb}
.ha-plan-status.is-info{color:#d9c4f2}
.ha-plan-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(260px,1fr));
  gap:22px;
  align-items:stretch;
}
.ha-plan-empty{
  grid-column:1/-1;padding:22px;border-radius:20px;text-align:center;
  border:1px dashed rgba(197,163,247,.28);background:rgba(121,83,180,.08);color:#d7c3e8;
}
.ha-plan-card{
  position:relative;display:flex;flex-direction:column;gap:18px;
  min-height:100%;padding:24px 22px 20px;
  border-radius:24px;border:1px solid rgba(201,165,255,.22);
  background:linear-gradient(180deg,rgba(7,10,20,.86),rgba(16,8,29,.96));
  box-shadow:inset 0 1px rgba(255,255,255,.05),0 16px 36px rgba(5,3,16,.18);
  overflow:hidden;
}
.ha-plan-card::before{
  content:"";position:absolute;inset:0 0 auto 0;height:4px;
  background:linear-gradient(90deg,rgba(162,107,252,.25),rgba(123,224,221,.55),rgba(162,107,252,.18));
}
.ha-plan-card-accent{
  border-color:rgba(221,184,109,.34);
  box-shadow:0 18px 42px rgba(72,31,117,.22), inset 0 1px rgba(255,255,255,.06);
}
.ha-plan-card-accent::before{background:linear-gradient(90deg,#d5ac63,#a56bfc,#75e1d2)}
.ha-plan-card-top{display:grid;gap:10px}
.ha-plan-badge{
  display:inline-flex;align-items:center;justify-content:center;
  width:max-content;max-width:100%;padding:7px 12px;border-radius:999px;
  border:1px solid rgba(195,158,250,.22);background:rgba(125,82,188,.14);
  color:#efe5ff;font-size:11px;font-weight:800;letter-spacing:.03em;
}
.ha-plan-card h3{margin:0;color:#fff7ee;font-size:30px;line-height:1.15}
.ha-plan-card p{margin:0;color:#b8adc8;font-size:14px;line-height:1.9}
.ha-plan-price{display:grid;gap:6px}
.ha-plan-price strong{font-size:44px;line-height:1;color:#fff7ee;letter-spacing:-.03em}
.ha-plan-price span{color:#d8c6ee;font-size:15px;font-weight:700}
.ha-plan-price small{color:#bda6db;font-size:13px}
.ha-plan-cta{
  justify-content:center;width:100%;padding:14px 18px;
  border-radius:14px;border:1px solid rgba(255,255,255,.14);
  background:linear-gradient(180deg,rgba(255,255,255,.95),rgba(239,236,242,.94));
  color:#17131f;font-weight:800;font-size:18px;box-shadow:none;
}
.ha-plan-cta:hover{background:linear-gradient(180deg,#fff,#f7f2ff);border-color:rgba(255,255,255,.28)}
.ha-plan-cta.is-success{background:linear-gradient(180deg,#90f0cb,#6bd8b0);border-color:rgba(144,240,203,.55)}
.ha-plan-cta:disabled{opacity:1;cursor:default}
.ha-plan-features{
  list-style:none;margin:0;padding:0;
  display:grid;gap:12px;
  border-top:1px solid rgba(255,255,255,.09);padding-top:16px;
}
.ha-plan-features li{
  display:flex;align-items:flex-start;gap:10px;color:#ece2fb;
  font-size:14px;line-height:1.7;
}
.ha-plan-features li span{
  flex:0 0 18px;width:18px;height:18px;margin-top:2px;
  display:grid;place-items:center;border-radius:50%;
  background:rgba(142,231,208,.14);color:#a7f1df;font-size:12px;font-weight:900;
}
.ha-plan-features li b{font-weight:600;color:#e7dcf6}
.ha-pricing-note{margin-bottom:34px}
@media(max-width:1080px){
  .ha-pricing-head{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:780px){
  .ha-plan-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
  .ha-plan-card{padding:22px 18px 18px}
  .ha-plan-card h3{font-size:26px}
  .ha-plan-price strong{font-size:38px}
}
@media(max-width:520px){
  .ha-pricing-shell{padding:16px;border-radius:22px}
  .ha-plan-grid{grid-template-columns:minmax(0,1fr)}
  .ha-pricing-head h2{font-size:26px}
  .ha-plan-card h3{font-size:24px}
  .ha-plan-price strong{font-size:34px}
}