/* HAZIRLIKLI PREMIUM GLOBAL LAUNCH SURFACE V1
   Final presentation owner for the Porcelain Executive system.
   Product logic, capability contracts, billing and locale authority are unchanged. */

html{font-family:var(--font-sans);text-rendering:optimizeLegibility}
body{font-family:var(--font-sans);letter-spacing:-.005em}
button,input,textarea,select{font-family:inherit}
:where(a,button,input,textarea,select,summary):focus-visible{
  outline:3px solid var(--accent-28)!important;
  outline-offset:3px!important;
  box-shadow:var(--focus-ring)!important;
}
:where(button,a,.choice,.hzv3-card,.hzv3-solution,.hzv3-history-item,.hzv3-settings-tile){
  transition:transform .18s var(--ease-standard),border-color .18s var(--ease-standard),background-color .18s var(--ease-standard),box-shadow .18s var(--ease-standard);
}
:where(button,a)[disabled],:where(button,a)[aria-disabled="true"]{cursor:not-allowed!important;filter:none!important;transform:none!important}

/* Public acquisition surface */
body.hz-landing{background:var(--background)!important}
.hzl-shell{width:min(calc(100% - 48px),1240px)}
.hzl-header{
  background:var(--surface-alpha)!important;
  border-color:var(--border)!important;
  backdrop-filter:blur(18px) saturate(1.05);
}
.hzl-header-inner{height:76px}
.hzl-brand-name{font-size:22px;letter-spacing:-.045em}
.hzl-nav{gap:32px}
.hzl-nav a,.hzl-login{font-size:13px;font-weight:720;color:var(--text-secondary)}
.hzl-nav a:hover,.hzl-login:hover{color:var(--text-primary)}
.hzl-button{min-height:50px;padding:0 20px;border-radius:var(--radius-control);font-size:13px;letter-spacing:-.01em}
.hzl-button-primary{box-shadow:var(--shadow-accent)!important}
.hzl-button-secondary{background:var(--surface-alpha-strong)!important}
.hzl-hero{
  min-height:calc(100vh - 76px);
  display:flex;
  align-items:center;
  padding:72px 0 84px;
  background:
    radial-gradient(circle at 82% 18%,var(--accent-10),transparent 31%),
    linear-gradient(180deg,var(--surface),var(--background))!important;
}
.hzl-hero-grid{grid-template-columns:minmax(0,1.03fr) minmax(430px,.97fr);gap:clamp(52px,7vw,96px)}
.hzl-hero-copy{max-width:660px}
.hzl-eyebrow{font-size:10px;letter-spacing:.2em}
.hzl-hero h1{margin-top:17px;font-size:clamp(58px,5.8vw,82px);line-height:.97;letter-spacing:-.065em}
.hzl-hero h1 span{font-weight:520;color:var(--text-secondary)!important}
.hzl-hero h1 strong{font-weight:880}
.hzl-lead{max-width:610px;margin-top:24px;font-size:18px!important;line-height:1.65!important}
.hzl-hero-actions{margin-top:30px;gap:10px}
.hzl-proof-row{margin-top:23px;gap:9px}
.hzl-proof-row span{min-height:30px;padding:7px 10px;border-radius:999px;background:var(--surface-alpha);font-size:11px;color:var(--text-secondary)}
.hzl-proof-row span::before{content:"✓";margin-right:6px;color:var(--accent-strong);font-weight:900}
.hzl-story-stage{
  border-radius:var(--radius-panel)!important;
  border-color:var(--border-strong)!important;
  background:linear-gradient(155deg,var(--surface-alpha-strong),var(--surface-elevated))!important;
  box-shadow:var(--shadow-raised)!important;
}
.hzl-story-problem{box-shadow:none!important}
.hzl-story-result{box-shadow:0 0 0 1px var(--accent-04),var(--shadow-soft)!important}
.hzl-section{padding:112px 0}
.hzl-section-tight{padding-top:104px}
.hzl-section-head h2{font-size:clamp(40px,4.3vw,62px);line-height:1.01;letter-spacing:-.058em}
.hzl-section-head p{max-width:620px;font-size:17px!important;line-height:1.7!important}
.hzl-workflow-grid{gap:16px;margin-top:44px}
.hzl-case-card{min-height:286px;padding:27px 29px;border-radius:var(--radius-card);box-shadow:none}
.hzl-case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft)}
.hzl-case-card blockquote{font-size:21px;line-height:1.42}
.hzl-more-workflows{gap:10px;margin-top:16px}
.hzl-more-workflows>div,.hzl-more-workflows>a{border-radius:15px;background:var(--surface)}
.hzl-system-grid{gap:18px;margin-top:44px}
.hzl-system-card{min-height:238px;padding:29px;border-radius:var(--radius-card);box-shadow:none}
.hzl-manifesto-section{padding:38px 0}
.hzl-manifesto-card{padding:38px 42px;border-radius:var(--radius-panel);box-shadow:var(--shadow-soft)}
.hzl-split,.hzl-trust-grid{gap:clamp(58px,7vw,92px)}
.hzl-memory-panel,.hzl-package-panel{border-radius:var(--radius-panel);box-shadow:var(--shadow-soft)}
.hzl-trust-cards{gap:12px}
.hzl-trust-cards>div{padding:20px;border-radius:17px}
.hzl-final-cta{padding:92px 0}
.hzl-final-card{padding:44px 48px;border-radius:var(--radius-panel);box-shadow:var(--shadow-soft)}
.hzl-footer-inner{min-height:124px}

/* Auth: editorial context on wide screens, focused form on small screens. */
body.hz-auth-page{
  background:linear-gradient(135deg,var(--background),var(--surface-elevated))!important;
}
body.hz-auth-page .grid-bg{opacity:.22!important;background-size:64px 64px!important}
body.hz-auth-page .input{
  min-height:52px!important;
  border-radius:var(--radius-control)!important;
  padding:12px 14px!important;
  font-size:15px!important;
  background:var(--surface)!important;
}
body.hz-auth-page form button[type="submit"]{
  min-height:52px!important;
  border-radius:var(--radius-control)!important;
  font-size:14px!important;
}
body.hz-auth-page .error-box,body.hz-auth-page .success-box{border-radius:var(--radius-control);line-height:1.5}
body.hz-auth-page .signup-consent{line-height:1.55}

@media (min-width:1024px){
  body.hz-auth-page>div.relative.z-10{
    display:grid!important;
    grid-template-columns:minmax(410px,.9fr) minmax(560px,1.1fr)!important;
    min-height:100dvh!important;
    overflow:hidden!important;
  }
  body.hz-auth-page>div.relative.z-10>section:first-child{
    display:flex!important;
    min-height:100dvh!important;
    padding:clamp(38px,5vw,72px)!important;
    background:linear-gradient(145deg,var(--surface-elevated),var(--background))!important;
    border-color:var(--border)!important;
  }
  body.hz-auth-page .hz-auth-side-content{margin-top:auto!important;margin-bottom:auto!important}
  body.hz-auth-page .hz-auth-side-content h1{max-width:600px;font-size:clamp(44px,4.6vw,68px)!important;line-height:.98!important;letter-spacing:-.058em!important}
  body.hz-auth-page .hz-auth-side-content>p{max-width:520px;font-size:17px!important;line-height:1.65!important}
  body.hz-auth-page .hz-auth-side-panel,body.hz-auth-page .hz-auth-side-grid>div{background:var(--surface-alpha)!important;box-shadow:none!important}
  body.hz-auth-page>div.relative.z-10>.hz-auth-flow{
    width:100%!important;
    min-height:100dvh!important;
    height:100dvh!important;
    padding:30px clamp(36px,6vw,84px)!important;
    align-items:center!important;
    overflow-y:auto!important;
    background:var(--surface-alpha-strong)!important;
  }
  body.hz-auth-page .hz-auth-flow>.w-full.max-w-lg{width:min(100%,480px)!important;max-width:480px!important}
  body.hz-auth-page .hz-auth-flow a.lg\:hidden.flex.items-center{display:none!important}
  body.hz-auth-page [data-language-switcher]{position:static!important;inset:auto!important;width:max-content!important;margin:0 0 18px auto!important}
  body.hz-auth-page h2{font-size:clamp(38px,3.2vw,52px)!important;text-align:left!important}
  body.hz-auth-page h2+p{text-align:left!important;font-size:15px!important;line-height:1.55!important}
  body.hz-auth-page .text-xs.text-cyan-400{text-align:left!important}
  body.hz-auth-page form{margin-top:26px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
  body.hz-auth-page form.space-y-5>:not([hidden])~:not([hidden]){margin-top:16px!important}
  body.hz-auth-page form+.h-px{display:block!important;margin:25px 0!important;background:var(--border)!important}
  body.hz-auth-page form+.h-px+p{font-size:13px!important}
}

/* Onboarding */
body.hz-page-onboarding{background:linear-gradient(180deg,var(--surface),var(--background))!important}
body.hz-page-onboarding>header{background:var(--surface-alpha)!important;border-color:var(--border)!important;backdrop-filter:blur(18px)}
body.hz-page-onboarding>header>div{height:72px!important}
body.hz-page-onboarding>main{max-width:980px!important;padding-top:48px!important;padding-bottom:54px!important}
body.hz-page-onboarding>main>div:first-child{max-width:680px}
body.hz-page-onboarding>main h1{font-size:clamp(38px,5vw,58px)!important;line-height:1.02!important;letter-spacing:-.055em!important}
body.hz-page-onboarding section.glass{border-radius:var(--radius-panel)!important;padding:32px!important;box-shadow:var(--shadow-soft)!important;background:var(--surface)!important}
body.hz-page-onboarding .choice{border-radius:14px!important;background:var(--surface)!important;box-shadow:none!important}
body.hz-page-onboarding .choice:hover{border-color:var(--accent-border)!important;background:var(--accent-04)!important}
body.hz-page-onboarding .choice.active{background:var(--accent-06)!important}
body.hz-page-onboarding .progress{background:var(--surface-soft)!important}

/* Authenticated product shell */
body.hz-page-app .hzv3-header,body.hz-page-app .hzv3-tabbar{
  background:var(--surface-alpha-strong)!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
  backdrop-filter:blur(18px) saturate(1.04);
}
body.hz-page-app .hzv3-main{background:linear-gradient(180deg,var(--surface),var(--background))!important}
body.hz-page-app .hzv3-page{max-width:var(--content-product)!important}
body.hz-page-app .hzv3-kicker{font-size:10px;letter-spacing:.19em}
body.hz-page-app .hzv3-hero h2,body.hz-page-app .hzv3-section-title h2{font-weight:880;letter-spacing:-.052em}
body.hz-page-app .hzv3-hero p,body.hz-page-app .hzv3-section-title p{color:var(--text-secondary)!important}
body.hz-page-app :where(.hzv3-card,.hzv3-problem,.hzv3-solution,.hzv3-history-item,.hzv3-settings-tile,.hzv3-plan-card,.hzv3-memory-row,.hzv3-accordion details,.hzv3-expert-entry,.hz-proof-solution){
  background:var(--surface)!important;
  border-color:var(--border)!important;
  box-shadow:none!important;
}
body.hz-page-app :where(.hzv3-solution,.hzv3-history-item,.hzv3-settings-tile,.hzv3-expert-entry):hover{border-color:var(--accent-border)!important;background:var(--accent-04)!important;transform:translateY(-1px)}
body.hz-page-app .hzv3-primary{min-height:52px;border-radius:var(--radius-control);font-size:14px;box-shadow:var(--shadow-accent)!important}
body.hz-page-app .hzv3-textarea{font-size:15px!important;line-height:1.6!important}
body.hz-page-app .hzv3-command-label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:1px 2px 11px;border-bottom:1px solid var(--border)}
body.hz-page-app .hzv3-command-label strong{font-size:9px;letter-spacing:.18em;color:var(--accent-strong)!important}
body.hz-page-app .hzv3-command-label small{font-size:11px;color:var(--text-tertiary)!important}
body.hz-page-app .hzv3-command-panel:focus-within,body.hz-page-app .hzv3-problem:focus-within{border-color:var(--accent-border)!important;box-shadow:var(--focus-ring)!important}
body.hz-page-app .hzv3-brain{font-family:var(--font-document);font-size:21px!important;font-weight:700}
body.hz-page-app .hzv3-magic{background:var(--overlay)!important;backdrop-filter:blur(14px)}
body.hz-page-app .hzv3-magic-card{background:var(--surface)!important;border-radius:var(--radius-panel)!important;box-shadow:var(--shadow-raised)!important}
body.hz-page-app .hzv3-skeleton{background:linear-gradient(100deg,var(--surface-elevated),var(--surface),var(--surface-elevated))!important;background-size:220% 100%!important}

@media (min-width:900px){
  body.hz-page-app .hazirlikli-mobile-frame>.hzv3-app{grid-template-columns:252px minmax(0,1fr)!important;grid-template-rows:80px minmax(0,1fr)!important}
  body.hz-page-app .hazirlikli-mobile-frame .hzv3-header{height:80px!important;min-height:80px!important;padding:0 34px!important}
  body.hz-page-app .hzv3-brand-name{font-size:22px!important}
  body.hz-page-app .hazirlikli-mobile-frame .hzv3-tabbar{padding:27px 18px!important;gap:7px!important;background:var(--surface-alpha-strong)!important}
  body.hz-page-app .hazirlikli-mobile-frame .hzv3-tab{min-height:54px!important;padding:0 16px!important;border-radius:13px!important;font-size:14px!important}
  body.hz-page-app .hazirlikli-mobile-frame .hzv3-tab.is-active:not(.hzv3-tab-create)::before{background:var(--accent-08)!important;border-color:var(--accent-border)!important}
  body.hz-page-app .hazirlikli-mobile-frame .hzv3-main{padding:44px clamp(36px,4vw,68px) 64px!important}
  body.hz-page-app .hzv3-page-home .hzv3-hero h2,body.hz-page-app .hzv3-page-create .hzv3-section-title h2,body.hz-page-app .hzv3-page-solutions .hzv3-section-title h2,body.hz-page-app .hzv3-page-history .hzv3-section-title h2,body.hz-page-app .hzv3-page-settings .hzv3-section-title h2{font-size:clamp(38px,3.5vw,52px)!important}
  body.hz-page-app .hzv3-page-home{gap:18px 24px!important}
  body.hz-page-app .hzv3-page-home>.hzv3-hero{max-width:820px!important;margin-bottom:6px!important}
  body.hz-page-app .hzv3-page-home>.hzv3-home-command{padding:22px!important;border-radius:var(--radius-card)!important}
  body.hz-page-app .hzv3-page-home .hzv3-textarea{min-height:188px!important;padding:10px 5px 18px!important;font-size:17px!important}
  body.hz-page-app .hzv3-home-memory{margin-top:14px!important}
  body.hz-page-app .hzv3-featured-head{margin-top:14px!important}
  body.hz-page-app .hzv3-featured-card{min-height:94px!important;padding:17px!important;border-radius:16px!important}
  body.hz-page-app .hzv3-featured-card strong{font-size:14px!important;line-height:1.35!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hz-proof-solution{border-radius:var(--radius-card)!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-solution{min-height:126px!important;padding:19px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-solution strong{font-size:16px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-solution small{font-size:12px!important;line-height:1.55!important;margin-top:6px!important}
  body.hz-page-app .hzv3-main[data-route="create"] .hzv3-page{max-width:900px!important}
  body.hz-page-app .hzv3-main[data-route="create"] .hzv3-command-panel{padding:22px!important;border-radius:var(--radius-card)!important}
  body.hz-page-app .hzv3-main[data-route="create"] .hzv3-command-panel>textarea{min-height:260px!important;font-size:17px!important;padding:13px 7px!important}
  body.hz-page-app .hzv3-main[data-route="create"] .hzv3-command-footer{grid-template-columns:minmax(0,1fr) 250px!important;align-items:end!important}
  body.hz-page-app .hzv3-main[data-route="create"] .hzv3-create-direct{margin:0!important}
  body.hz-page-app .hzv3-main[data-route="history"] .hzv3-page{max-width:920px!important}
  body.hz-page-app .hzv3-history-item{min-height:72px!important;padding:15px 17px!important;border-radius:15px!important}
  body.hz-page-app .hzv3-history-item strong{font-size:14px!important}
  body.hz-page-app .hzv3-history-item small{font-size:11px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-page{max-width:900px!important}
  body.hz-page-app .hzv3-settings-grid{gap:12px!important}
  body.hz-page-app .hzv3-settings-tile{min-height:94px!important;padding:17px!important;border-radius:16px!important}
  body.hz-page-app .hzv3-settings-tile strong{font-size:14px!important}
  body.hz-page-app .hzv3-settings-tile small{font-size:11px!important;margin-top:5px!important}
  body.hz-page-app .hazirlikli-premium-result,body.hz-page-app .hzv3-page-result{max-width:880px!important;margin:0 auto!important}
  body.hz-page-app .hz-premium-head h2{font-size:clamp(36px,3vw,48px)!important;letter-spacing:-.05em!important}
  body.hz-page-app .hz-premium-card{padding:25px 28px!important;border-radius:18px!important;font-size:16px!important;line-height:1.72!important}
  body.hz-page-app .hz-premium-footer-actions{position:sticky!important;bottom:-40px!important;padding:18px 0 6px!important;background:linear-gradient(180deg,transparent,var(--background) 28%)!important}
}

/* Workspace: document first, controls second. */
body.hz-page-workspace{background:var(--background)!important}
body.hz-page-workspace .topbar{height:72px;padding:0 28px;background:var(--surface-alpha-strong)!important;border-color:var(--border)!important;backdrop-filter:blur(18px)}
body.hz-page-workspace .brand{font-size:21px;letter-spacing:-.035em}
body.hz-page-workspace .app{grid-template-columns:220px 286px minmax(0,1fr);min-height:calc(100vh - 72px)}
body.hz-page-workspace .pane{background:var(--surface-elevated)!important}
body.hz-page-workspace .pane-head{min-height:82px;padding:18px;border-color:var(--border)}
body.hz-page-workspace .pane-body{height:calc(100vh - 154px);padding:12px}
body.hz-page-workspace .project,body.hz-page-workspace .document{border-radius:11px;padding:12px 11px}
body.hz-page-workspace .project:hover,body.hz-page-workspace .document:hover,body.hz-page-workspace .project.active,body.hz-page-workspace .document.active{background:var(--surface)!important;border-color:var(--border)!important}
body.hz-page-workspace .project-name,body.hz-page-workspace .project-count,body.hz-page-workspace .doc-title,body.hz-page-workspace .doc-meta{display:block}
body.hz-page-workspace .editor{background:var(--surface)!important}
body.hz-page-workspace .editor-head{min-height:82px;padding:14px clamp(20px,3vw,42px)}
body.hz-page-workspace .title-input{font-size:24px;font-weight:820;letter-spacing:-.035em}
body.hz-page-workspace .editor-actions{padding:10px clamp(20px,3vw,42px);background:var(--surface-alpha);gap:7px}
body.hz-page-workspace .editor-actions .button,body.hz-page-workspace .project-select,body.hz-page-workspace .project-chip{min-height:38px;border-radius:10px;font-size:12px}
body.hz-page-workspace .document-view{padding:48px clamp(28px,7vw,96px) 80px;font-family:var(--font-document);font-size:17.5px;line-height:1.78}
body.hz-page-workspace .document-view h2,body.hz-page-workspace .document-view h3,body.hz-page-workspace .document-view p,body.hz-page-workspace .document-view blockquote,body.hz-page-workspace .document-view ul{max-width:var(--content-reading)}
body.hz-page-workspace .document-view h2,body.hz-page-workspace .document-view h3{font-family:var(--font-sans);letter-spacing:-.025em}
body.hz-page-workspace .document-view h2{font-size:26px;margin-top:34px}
body.hz-page-workspace .document-view h3{font-size:20px;margin-top:28px}
body.hz-page-workspace .editor-area{padding:48px clamp(28px,7vw,96px) 80px;font:17px/1.78 var(--font-document);max-width:none}
body.hz-page-workspace .welcome-card,body.hz-page-workspace .import-card{border-radius:var(--radius-panel);box-shadow:none;background:var(--surface)!important}
body.hz-page-workspace .welcome-icon{background:var(--accent-08)!important;color:var(--accent-strong)}

/* Legacy deep routes kept visually compatible with the current shell. */
body.hz-page-history>header,body.hz-page-settings-detail>header{background:var(--surface-alpha-strong)!important;border-color:var(--border)!important;box-shadow:none!important}
body.hz-page-history>main,body.hz-page-settings-detail>main{max-width:1240px!important}
body.hz-page-history .card,body.hz-page-settings-detail :where(.card,.setting-card,.mini-card){border-radius:var(--radius-card)!important;box-shadow:none!important;background:var(--surface)!important}
body.hz-page-history .history-card:hover{transform:translateY(-2px);border-color:var(--accent-border)!important;box-shadow:var(--shadow-soft)!important}
body.hz-page-history .modal-card{border-radius:var(--radius-panel)!important;background:var(--surface)!important;box-shadow:var(--shadow-raised)!important}
body.hz-page-settings-detail .settings-menu{background:var(--surface-elevated)!important}
body.hz-page-settings-detail .nav-item{border-radius:11px!important}

body.hz-page-memory{background:linear-gradient(180deg,var(--surface),var(--background))!important}
body.hz-page-memory .hz-memory-shell{width:min(100%,780px);padding-top:34px}
body.hz-page-memory .hz-memory-card{border-radius:var(--radius-panel);padding:28px;box-shadow:var(--shadow-soft)}
body.hz-page-memory .hz-memory-title{letter-spacing:-.058em;font-weight:880}
body.hz-page-memory .hz-memory-note{border-radius:15px;background:var(--accent-06)}
body.hz-page-memory .hz-memory-field input,body.hz-page-memory .hz-memory-field textarea{border-radius:var(--radius-control);background:var(--surface)!important;font-size:15px}
body.hz-page-memory .hz-memory-save{border-radius:var(--radius-control);background:var(--accent-gradient);box-shadow:var(--shadow-accent)}

@media (max-width:899px){
  .hzl-shell{width:calc(100% - 32px)}
  .hzl-hero{min-height:auto;padding:54px 0 70px}
  .hzl-hero-grid{grid-template-columns:1fr;gap:42px}
  .hzl-hero-copy{text-align:left;margin:0}
  .hzl-hero h1{font-size:clamp(46px,12vw,66px)}
  .hzl-hero-actions,.hzl-proof-row{justify-content:flex-start}
  .hzl-section{padding:76px 0}
  .hzl-section-tight{padding-top:74px}
  .hzl-section-head h2{font-size:clamp(36px,9.8vw,48px)}
  .hzl-case-card{min-height:244px}

  body.hz-page-onboarding>header>div{height:56px!important}
  body.hz-page-onboarding>main{padding-top:8px!important;padding-bottom:10px!important}
  body.hz-page-onboarding section.glass{padding:12px!important;border-radius:18px!important;box-shadow:none!important}

  body.hz-page-app .hzv3-main{background:var(--background)!important}
  body.hz-page-app .hzv3-main[data-route="solutions"],body.hz-page-app .hzv3-main[data-route="settings"],body.hz-page-app .hzv3-main[data-route="plans"]{overflow-y:auto!important;padding-bottom:20px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-page-solutions,body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-page-settings,body.hz-page-app .hzv3-main[data-route="plans"] .hzv3-page-plans{height:auto!important;min-height:100%!important;overflow:visible!important}
  body.hz-page-app .hzv3-hero h2,body.hz-page-app .hzv3-section-title h2{font-size:28px!important;line-height:1.07!important}
  body.hz-page-app .hzv3-hero p,body.hz-page-app .hzv3-section-title p{font-size:12.5px!important;line-height:1.5!important}
  body.hz-page-app .hzv3-page-home .hzv3-home-command{padding:13px!important}
  body.hz-page-app .hzv3-page-home .hzv3-textarea{font-size:14px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-discovery-list{overflow:visible!important;flex:none!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-discovery-list .hzv3-solution{min-height:92px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-discovery-list .hzv3-solution strong{font-size:14px!important}
  body.hz-page-app .hzv3-main[data-route="solutions"] .hzv3-discovery-list .hzv3-solution small{font-size:12px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-settings-grid{gap:8px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-settings-tile{min-height:70px!important;padding:10px 11px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-settings-tile .ico{width:34px!important;height:34px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-settings-tile strong{font-size:12px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-settings-tile small{font-size:10px!important}
  body.hz-page-app .hzv3-main[data-route="settings"] .hzv3-signout-wide{min-height:44px!important;margin-top:10px!important}
  body.hz-page-app .hz-premium-card{font-size:15px!important;line-height:1.66!important}

  body.hz-page-workspace .topbar{height:64px;padding:0 12px}
  body.hz-page-workspace .workspace-native-content{height:calc(100dvh - 64px - var(--hz-safe-top,0px))}
  body.hz-page-workspace .document-view,body.hz-page-workspace .editor-area{padding:24px 18px 38px;font-size:16.5px;line-height:1.72}
  body.hz-page-workspace .editor-actions{padding:8px 12px;overflow-x:auto;flex-wrap:nowrap}
  body.hz-page-workspace .editor-actions .stats{position:sticky;left:0;flex-basis:100%;min-width:max-content;background:var(--surface)}
  body.hz-page-memory .hz-memory-shell{padding:20px 16px 34px}
  body.hz-page-memory .hz-memory-card{padding:18px;border-radius:20px;box-shadow:none}
}

@media (max-width:520px){
  .hzl-header-inner{height:64px}
  .hzl-hero{padding-top:42px}
  .hzl-hero h1{font-size:45px;line-height:.99}
  .hzl-lead{font-size:15.5px!important}
  .hzl-hero-actions{flex-direction:column}
  .hzl-proof-row{display:grid;grid-template-columns:1fr;align-items:start}
  .hzl-proof-row span{width:max-content;max-width:100%}
  .hzl-section{padding:64px 0}
  .hzl-section-head h2{font-size:36px}
  .hzl-case-card{min-height:222px;padding:22px}
  .hzl-manifesto-card,.hzl-final-card{padding:25px 21px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}


@media(max-width:767px){
  body.hz-native-shell.hz-page-workspace>.hz-native-header{
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  body.hz-native-shell.hz-page-workspace>.hz-native-header .hz-context-back--header{
    display:grid!important;place-items:center!important;width:44px!important;height:44px!important;min-height:44px!important;
    margin:0!important;padding:0!important;border-radius:13px!important;font-size:20px!important;justify-self:start!important;
  }
  body.hz-native-shell.hz-page-workspace>.hz-native-header .hz-native-brand{min-width:0!important}
  body.hz-native-shell.hz-page-workspace>.hz-native-header .hz-native-page-title{max-width:100%!important}
  body.hz-native-shell.hz-page-workspace>.hz-native-header .hz-native-header-actions{justify-self:end!important}
}


/* 2026-09-18 mobile acquisition density polish: preserve content, reduce redundant vertical air. */
@media (max-width:520px){
  .hzl-header-inner{height:60px!important}
  .hzl-language .hz-language-toggle button{min-width:44px!important;min-height:44px!important}
  .hzl-header-cta{min-height:44px!important}
  .hzl-hero{padding:36px 0 48px!important}
  .hzl-hero-grid{gap:30px!important}
  .hzl-hero h1{font-size:43px!important}
  .hzl-lead{margin-top:20px!important;line-height:1.56!important}
  .hzl-hero-actions{margin-top:22px!important}
  .hzl-proof-row{margin-top:14px!important}
  .hzl-story-stage{padding:15px!important}
  .hzl-section{padding:52px 0!important}
  .hzl-section-tight{padding-top:50px!important}
  .hzl-section-head h2{font-size:34px!important}
  .hzl-section-head p{margin-top:13px!important;line-height:1.6!important}
  .hzl-section-head-row .hzl-text-link{margin-top:14px!important}
  .hzl-workflow-grid{margin-top:26px!important}
  .hzl-case-card{min-height:206px!important;padding:18px!important}
  .hzl-case-card blockquote{margin:17px 0 15px!important;font-size:17px!important}
  .hzl-more-workflows>div,.hzl-more-workflows>a{min-height:60px!important}
  .hzl-system-grid{margin-top:26px!important}
  .hzl-system-card{min-height:160px!important;padding:20px!important}
  .hzl-system-card>small{margin-top:14px!important}
  .hzl-manifesto-section{padding:14px 0!important}
  .hzl-manifesto-card{padding:21px 18px!important}
  .hzl-split,.hzl-split-reverse,.hzl-trust-grid{gap:30px!important}
  .hzl-memory-panel{padding:19px!important}
  .hzl-memory-row{padding:13px 3px!important}
  .hzl-memory-note{margin-top:13px!important}
  .hzl-memory-section .hzl-button{margin-top:20px!important}
  .hzl-package-panel{padding:15px!important}
  .hzl-final-card{padding:22px 18px!important}
  .hzl-final-actions{margin-top:20px!important}
  .hzl-footer-inner{padding:22px 0!important}
}


/* 2026-09-18 premium acquisition overhaul */
body.hz-landing .hzl-header{
  background:color-mix(in srgb,var(--surface) 88%,transparent)!important;
  border-bottom-color:color-mix(in srgb,var(--border) 76%,transparent)!important;
  box-shadow:var(--shadow-soft);
}
body.hz-landing .hzl-header-inner{height:76px}
body.hz-landing .hzl-nav{gap:24px}
body.hz-landing .hzl-nav a{font-size:12.5px;font-weight:760;letter-spacing:-.01em}
body.hz-landing .hzl-header-cta{min-height:48px;padding-inline:18px}
body.hz-landing .hzl-hero{
  padding:88px 0 96px;
  background:
    radial-gradient(680px 360px at 82% 12%,var(--accent-10),transparent 76%),
    linear-gradient(180deg,color-mix(in srgb,var(--background) 96%,var(--surface)),var(--background));
}
body.hz-landing .hzl-hero-grid{gap:84px}
body.hz-landing .hzl-hero-copy{max-width:680px}
body.hz-landing .hzl-hero h1{font-size:clamp(58px,5.6vw,82px);letter-spacing:-.064em}
body.hz-landing .hzl-lead{max-width:640px;font-size:17.5px;line-height:1.68}
body.hz-landing .hzl-proof-row{gap:7px;margin-top:20px}
body.hz-landing .hzl-proof-row span{
  min-height:34px;padding:0 12px;background:color-mix(in srgb,var(--surface) 92%,transparent);
  border-color:color-mix(in srgb,var(--border-strong) 74%,transparent);font-weight:760;
}
body.hz-landing .hzl-story-stage{
  border-color:color-mix(in srgb,var(--accent-border) 72%,var(--border-strong));
  box-shadow:var(--shadow-raised);
}

body.hz-landing .hzl-section-head-row{align-items:flex-end}
body.hz-landing .hzl-case-card,
body.hz-landing .hzl-system-card,
body.hz-landing .hzl-memory-panel,
body.hz-landing .hzl-package-panel,
body.hz-landing .hzl-trust-cards>div{
  border-color:color-mix(in srgb,var(--border-strong) 78%,transparent);
}
body.hz-landing .hzl-case-card:hover,
body.hz-landing .hzl-more-workflows>a:hover{
  box-shadow:var(--shadow-soft);
}
body.hz-landing .hzl-memory-section{
  background:
    radial-gradient(540px 260px at 18% 15%,var(--accent-08),transparent 72%),
    linear-gradient(180deg,var(--background),var(--surface-soft),var(--background));
}
body.hz-landing .hzl-pricing-section{
  background:
    radial-gradient(720px 340px at 50% 0%,var(--accent-08),transparent 76%),
    linear-gradient(180deg,var(--background),color-mix(in srgb,var(--surface-soft) 74%,var(--background)));
}
body.hz-landing .hzl-pricing-head{max-width:820px}
body.hz-landing .hzl-pricing-grid-premium{
  width:min(100%,980px);margin:42px auto 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;
}
body.hz-landing .hzl-pricing-card-premium{
  position:relative;display:flex;flex-direction:column;min-height:440px;padding:28px;
  border:1px solid var(--border-strong);border-radius:26px;background:var(--surface-alpha-strong);
  box-shadow:var(--shadow-soft);overflow:hidden;
}
body.hz-landing .hzl-pricing-card-premium.is-featured{
  border-color:var(--accent-border);
  background:linear-gradient(155deg,var(--surface-alpha-strong),var(--surface),var(--accent-04));
  box-shadow:var(--shadow-raised);
}
body.hz-landing .hzl-pricing-card-premium.is-featured::before{
  content:"";position:absolute;inset:0 auto 0 0;width:3px;background:linear-gradient(180deg,transparent,var(--accent),transparent);
}
body.hz-landing .hzl-price-kicker{
  color:var(--accent-strong);font-size:9px;font-weight:950;letter-spacing:.18em;
}
body.hz-landing .hzl-price-title-row{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-top:14px;padding-bottom:18px;border-bottom:1px solid var(--border);
}
body.hz-landing .hzl-price-title-row h3{
  margin:0;font-size:31px;line-height:1;letter-spacing:-.045em;
}
body.hz-landing .hzl-price-title-row h3 span{font-size:13px;color:var(--text-tertiary);font-weight:760;letter-spacing:0}
body.hz-landing .hzl-price-title-row>strong{font-size:15px;color:var(--text-primary)!important;white-space:nowrap}
body.hz-landing .hzl-pricing-card-premium>p{
  margin:17px 0 0;color:var(--text-secondary)!important;font-size:13px;line-height:1.6;
}
body.hz-landing .hzl-price-saving{
  margin:14px 0 0;padding:9px 11px;border:1px solid var(--accent-border);border-radius:12px;
  background:var(--accent-06);color:var(--accent-strong);font-size:11px;font-weight:820;
}
body.hz-landing .hzl-pricing-card-premium ul{
  display:grid;gap:10px;margin:22px 0 26px;padding:0;list-style:none;
}
body.hz-landing .hzl-pricing-card-premium li{
  position:relative;padding-left:22px;color:var(--text-secondary);font-size:13px;line-height:1.5;
}
body.hz-landing .hzl-pricing-card-premium li::before{
  content:"✓";position:absolute;left:0;top:0;color:var(--accent-strong);font-weight:950;
}
body.hz-landing .hzl-pricing-card-premium .hzl-button{margin-top:auto;width:100%}
body.hz-landing .hzl-pricing-note{
  margin:16px auto 0;max-width:760px;text-align:center;color:var(--text-tertiary);font-size:11px;line-height:1.55;
}
body.hz-landing .hzl-trust-section{
  background:linear-gradient(180deg,var(--background),color-mix(in srgb,var(--surface-soft) 48%,var(--background)),var(--background));
}

@media (max-width:1080px){
  body.hz-landing .hzl-hero{padding-top:68px}
  body.hz-landing .hzl-hero-copy{max-width:760px}
}
@media (max-width:899px){
  body.hz-landing .hzl-pricing-grid-premium{grid-template-columns:1fr;max-width:720px;margin-top:30px}
  body.hz-landing .hzl-pricing-card-premium{min-height:0}
}
@media (max-width:520px){
  body.hz-landing .hzl-price-title-row{align-items:flex-start;flex-direction:column;gap:9px}
  body.hz-landing .hzl-price-title-row h3{font-size:28px}
  body.hz-landing .hzl-pricing-card-premium{padding:20px;border-radius:21px}
  body.hz-landing .hzl-pricing-grid-premium{margin-top:24px;gap:10px}
  body.hz-landing .hzl-pricing-card-premium ul{margin:18px 0 22px}
  body.hz-landing .hzl-pricing-note{text-align:left;font-size:10.5px}
}


/* 2026-09-18 Founder landing QC — alignment, proof, pricing and density. */
body.hz-landing .hzl-story-stage{
  display:flex!important;
  flex-direction:column!important;
  gap:13px!important;
  min-height:0!important;
  padding:26px!important;
}
body.hz-landing .hzl-story-route,
body.hz-landing .hzl-story-problem,
body.hz-landing .hzl-story-bridge,
body.hz-landing .hzl-story-result{
  width:100%!important;
  margin:0!important;
}
body.hz-landing .hzl-story-route{
  min-height:38px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr)!important;
}
body.hz-landing .hzl-story-problem{
  padding:17px 18px!important;
  border-radius:17px!important;
}
body.hz-landing .hzl-story-problem blockquote{
  margin-top:11px!important;
  font-size:16px!important;
  line-height:1.46!important;
}
body.hz-landing .hzl-story-bridge{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:8px!important;
}
body.hz-landing .hzl-story-bridge span{
  min-height:38px!important;
  padding:8px 9px!important;
  line-height:1.25!important;
}
body.hz-landing .hzl-story-result{
  padding:18px!important;
  border-radius:19px!important;
}
body.hz-landing .hzl-story-result-head{
  align-items:center!important;
}
body.hz-landing .hzl-story-result-head h2{
  font-size:22px!important;
  line-height:1.08!important;
}
body.hz-landing .hzl-story-result ul{gap:7px!important}
body.hz-landing .hzl-story-result li{
  min-height:42px!important;
  grid-template-columns:28px minmax(0,1fr)!important;
  gap:10px!important;
  padding:7px 10px!important;
}
body.hz-landing .hzl-story-result li span{
  width:28px!important;
  height:28px!important;
}
body.hz-landing .hzl-story-result li strong{
  font-size:11px!important;
  line-height:1.35!important;
}
body.hz-landing .hzl-story-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-top:10px;
  padding:12px 13px;
  border:1px solid var(--accent-border);
  border-radius:12px;
  background:var(--accent-06);
}
body.hz-landing .hzl-story-footer strong{
  color:var(--accent-strong);
  font-size:10px;
  font-weight:900;
  letter-spacing:.05em;
  text-transform:uppercase;
}
body.hz-landing .hzl-story-footer span{
  color:var(--text-secondary);
  font-size:10px;
  font-weight:760;
  text-align:right;
}
body.hz-landing .hzl-pricing-head{
  width:min(100%,860px)!important;
  max-width:860px!important;
}
body.hz-landing .hzl-pricing-head>p{
  width:min(100%,720px)!important;
  max-width:720px!important;
  margin-left:auto!important;
  margin-right:auto!important;
  text-align:center!important;
}
body.hz-landing .hzl-manifesto-card{
  grid-template-columns:44px minmax(0,1fr)!important;
}
body.hz-landing .hzl-manifesto-mark{
  align-self:center!important;
  font-family:inherit!important;
  font-size:24px!important;
  line-height:1!important;
}
body.hz-landing .hzl-manifesto-card blockquote{
  max-width:880px!important;
  font-size:30px!important;
  line-height:1.16!important;
}
body.hz-landing .hzl-memory-row{
  display:grid!important;
  grid-template-columns:minmax(120px,.65fr) minmax(0,1.35fr)!important;
  align-items:start!important;
}
body.hz-landing .hzl-memory-row strong{
  max-width:100%!important;
  line-height:1.45!important;
}
@media (max-width:780px){
  body.hz-landing .hzl-story-stage{padding:16px!important;gap:9px!important}
  body.hz-landing .hzl-story-bridge{grid-template-columns:1fr!important}
  body.hz-landing .hzl-story-footer{align-items:flex-start;flex-direction:column;gap:4px}
  body.hz-landing .hzl-story-footer span{text-align:left}
  body.hz-landing .hzl-manifesto-card{grid-template-columns:34px minmax(0,1fr)!important}
  body.hz-landing .hzl-manifesto-card blockquote{font-size:24px!important}
  body.hz-landing .hzl-memory-row{grid-template-columns:1fr!important;gap:5px!important}
  body.hz-landing .hzl-memory-row strong{text-align:left!important}
}


/* 2026-09-18 Public landing typography authority.
   Premium hierarchy must remain legible at normal laptop distance: metadata is
   subordinate, never miniature. Inter remains the brand sans; scale and rhythm
   are the authority. */
body.hz-landing{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
body.hz-landing .hzl-nav a,
body.hz-landing .hzl-login{font-size:14px!important}
body.hz-landing .hzl-button{font-size:14px!important;font-weight:820!important}
body.hz-landing .hzl-eyebrow{font-size:12.5px!important;letter-spacing:.145em!important;line-height:1.35!important}
body.hz-landing .hzl-lead{font-size:18px!important;line-height:1.7!important}
body.hz-landing .hzl-proof-row span{font-size:12.5px!important;line-height:1.35!important}

body.hz-landing .hzl-story-route{font-size:12px!important;letter-spacing:.065em!important}
body.hz-landing .hzl-story-label{font-size:12px!important;letter-spacing:.12em!important}
body.hz-landing .hzl-story-problem blockquote{font-size:17.5px!important;line-height:1.5!important}
body.hz-landing .hzl-story-bridge span{font-size:11.5px!important;line-height:1.35!important}
body.hz-landing .hzl-story-result-head small{font-size:11.5px!important;letter-spacing:.13em!important}
body.hz-landing .hzl-story-result-head>b{font-size:10.5px!important}
body.hz-landing .hzl-story-result li span{font-size:11px!important}
body.hz-landing .hzl-story-result li strong{font-size:12.5px!important;line-height:1.4!important}
body.hz-landing .hzl-story-footer strong,
body.hz-landing .hzl-story-footer span{font-size:11.5px!important;line-height:1.35!important}

body.hz-landing .hzl-section-head p{font-size:16.5px!important;line-height:1.72!important}
body.hz-landing .hzl-text-link{font-size:14px!important}
body.hz-landing .hzl-case-head>span{font-size:10.5px!important}
body.hz-landing .hzl-case-head h3{font-size:21px!important}
body.hz-landing .hzl-case-card blockquote{font-size:20.5px!important;line-height:1.42!important}
body.hz-landing .hzl-case-result small{font-size:11.5px!important;letter-spacing:.13em!important}
body.hz-landing .hzl-case-result p{font-size:13.5px!important;line-height:1.5!important}
body.hz-landing .hzl-more-workflows>div small{font-size:11.5px!important;letter-spacing:.12em!important}
body.hz-landing .hzl-more-workflows>div strong{font-size:13.5px!important}
body.hz-landing .hzl-more-workflows>a{font-size:12.5px!important;line-height:1.35!important}

body.hz-landing .hzl-step{font-size:12px!important}
body.hz-landing .hzl-system-card>small{font-size:11.5px!important;letter-spacing:.13em!important}
body.hz-landing .hzl-system-card h3{font-size:22px!important;line-height:1.25!important}
body.hz-landing .hzl-system-card p{font-size:15px!important;line-height:1.7!important}

body.hz-landing .hzl-manifesto-card p{font-size:14px!important;line-height:1.6!important}
body.hz-landing .hzl-memory-panel-head small{font-size:11.5px!important;letter-spacing:.12em!important}
body.hz-landing .hzl-memory-panel-head strong{font-size:20px!important}
body.hz-landing .hzl-memory-panel-head b{font-size:13.5px!important}
body.hz-landing .hzl-memory-row{font-size:14.5px!important;line-height:1.5!important}
body.hz-landing .hzl-memory-note{font-size:13.5px!important;line-height:1.6!important}

body.hz-landing .hzl-package-top small{font-size:11.5px!important;letter-spacing:.13em!important}
body.hz-landing .hzl-package-top h3{font-size:23px!important}
body.hz-landing .hzl-package-top>span{font-size:11.5px!important}
body.hz-landing .hzl-package-summary{font-size:13.5px!important;line-height:1.55!important}
body.hz-landing .hzl-package-list strong{font-size:13.5px!important}
body.hz-landing .hzl-package-list small{font-size:12px!important;line-height:1.45!important}
body.hz-landing .hzl-package-actions{font-size:12.5px!important}

body.hz-landing .hzl-price-kicker{font-size:11.5px!important;letter-spacing:.14em!important}
body.hz-landing .hzl-price-title-row h3 span{font-size:14px!important}
body.hz-landing .hzl-price-title-row>strong{font-size:16px!important}
body.hz-landing .hzl-pricing-card-premium>p{font-size:14.5px!important;line-height:1.65!important}
body.hz-landing .hzl-price-saving{font-size:12.5px!important;line-height:1.4!important}
body.hz-landing .hzl-pricing-card-premium li{font-size:14px!important;line-height:1.55!important}
body.hz-landing .hzl-pricing-note{font-size:12.5px!important;line-height:1.6!important}

body.hz-landing .hzl-trust-cards strong{font-size:14.5px!important}
body.hz-landing .hzl-trust-cards small{font-size:13px!important;line-height:1.55!important}
body.hz-landing .hzl-final-card p{font-size:16px!important;line-height:1.65!important}
body.hz-landing .hzl-footer-brand small{font-size:11.5px!important}
body.hz-landing .hzl-footer-links a,
body.hz-landing .hzl-copyright{font-size:12.5px!important;line-height:1.4!important}

@media (max-width:780px){
  body.hz-landing .hzl-nav a,
  body.hz-landing .hzl-login{font-size:13px!important}
  body.hz-landing .hzl-button{font-size:13.5px!important}
  body.hz-landing .hzl-eyebrow{font-size:11.5px!important}
  body.hz-landing .hzl-lead{font-size:16.5px!important;line-height:1.65!important}
  body.hz-landing .hzl-proof-row span{font-size:11.5px!important}
  body.hz-landing .hzl-story-route{font-size:11px!important}
  body.hz-landing .hzl-story-label{font-size:11.5px!important}
  body.hz-landing .hzl-story-problem blockquote{font-size:16px!important}
  body.hz-landing .hzl-story-bridge span{font-size:11.5px!important}
  body.hz-landing .hzl-story-result li strong{font-size:12px!important}
  body.hz-landing .hzl-section-head p{font-size:15px!important}
  body.hz-landing .hzl-text-link{font-size:13.5px!important}
  body.hz-landing .hzl-case-result p{font-size:13px!important}
  body.hz-landing .hzl-more-workflows>a{font-size:12.5px!important}
  body.hz-landing .hzl-system-card p{font-size:14px!important}
  body.hz-landing .hzl-memory-row{font-size:14px!important}
  body.hz-landing .hzl-memory-note{font-size:13px!important}
  body.hz-landing .hzl-package-list small{font-size:11.5px!important}
  body.hz-landing .hzl-pricing-card-premium>p,
  body.hz-landing .hzl-pricing-card-premium li{font-size:13.5px!important}
  body.hz-landing .hzl-pricing-note{font-size:12px!important}
  body.hz-landing .hzl-trust-cards small{font-size:12.5px!important}
  body.hz-landing .hzl-footer-links a,
  body.hz-landing .hzl-copyright{font-size:12px!important}
}


/* 2026-09-18 public landing geometry + inspectable sample outputs */
html.hz-public-landing{scroll-padding-top:0!important}
html.hz-public-landing body.hz-landing :is(#cozumler,#sistem,#ornekler,#fiyat){scroll-margin-top:0!important}

@media (min-width:900px){
  body.hz-landing .hzl-section{padding:76px 0!important}
  body.hz-landing .hzl-section-tight{padding-top:72px!important}
  body.hz-landing .hzl-workflow-grid,
  body.hz-landing .hzl-system-grid{margin-top:32px!important}
  body.hz-landing .hzl-split,
  body.hz-landing .hzl-split-reverse{gap:58px!important}
  body.hz-landing .hzl-final-cta{padding:64px 0 72px!important}
  body.hz-landing .hzl-footer-inner{min-height:104px!important}
}

body.hz-landing .hzl-package-item{
  appearance:none;
  width:100%;
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  grid-template-rows:auto auto;
  column-gap:10px;
  row-gap:2px;
  align-items:center;
  padding:11px 12px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-soft);
  color:var(--text-primary);
  text-align:left;
  cursor:pointer;
}
body.hz-landing .hzl-package-item:hover,
body.hz-landing .hzl-package-item:focus-visible{
  border-color:var(--accent-border);
  background:var(--surface);
  box-shadow:var(--shadow-soft);
  transform:translateY(-1px);
}
body.hz-landing .hzl-package-item>span{
  grid-row:1/3;
  width:31px;
  height:31px;
  display:grid;
  place-items:center;
  border:1px solid var(--accent-border);
  border-radius:10px;
  color:var(--accent-strong);
}
body.hz-landing .hzl-package-item strong{font-size:13.5px!important}
body.hz-landing .hzl-package-item small{
  color:var(--text-tertiary);
  font-size:12px!important;
  line-height:1.45;
}
body.hz-landing .hzl-package-item em{
  grid-column:3;
  grid-row:1/3;
  align-self:center;
  color:var(--accent-strong);
  font-size:12px;
  font-style:normal;
  font-weight:850;
  white-space:nowrap;
}
body.hz-landing .hzl-example-open{
  appearance:none;
  margin-top:18px;
  padding:0;
  border:0;
  background:transparent;
  cursor:pointer;
}

.hzl-example-dialog{
  width:min(1080px,calc(100vw - 40px));
  max-height:min(86vh,820px);
  padding:0;
  border:1px solid var(--border-strong);
  border-radius:24px;
  background:var(--surface);
  color:var(--text-primary);
  box-shadow:var(--shadow-raised);
  overflow:hidden;
}
.hzl-example-dialog::backdrop{
  background:color-mix(in srgb,var(--text-primary) 34%,transparent);
  backdrop-filter:blur(7px);
}
.hzl-example-dialog-shell{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  max-height:min(86vh,820px);
}
.hzl-example-dialog-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
  padding:24px 26px 20px;
  border-bottom:1px solid var(--border);
  background:linear-gradient(180deg,var(--surface),var(--surface-soft));
}
.hzl-example-dialog-head small,
.hzl-example-document-head small{
  color:var(--accent-strong);
  font-size:11.5px;
  font-weight:900;
  letter-spacing:.13em;
}
.hzl-example-dialog-head h2{
  margin:7px 0 0;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.04em;
}
.hzl-example-dialog-head p{
  margin:8px 0 0;
  color:var(--text-secondary);
  font-size:14px;
  line-height:1.55;
}
.hzl-example-close{
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid var(--border);
  border-radius:13px;
  background:var(--surface);
  color:var(--text-primary);
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.hzl-example-dialog-body{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  min-height:0;
}
.hzl-example-tabs{
  display:grid;
  align-content:start;
  gap:7px;
  padding:18px;
  border-right:1px solid var(--border);
  background:var(--surface-soft);
  overflow:auto;
}
.hzl-example-tabs button{
  min-height:46px;
  padding:10px 12px;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:var(--text-secondary);
  text-align:left;
  font-size:13px;
  font-weight:780;
  cursor:pointer;
}
.hzl-example-tabs button:hover,
.hzl-example-tabs button.is-active{
  border-color:var(--accent-border);
  background:var(--surface);
  color:var(--text-primary);
}
.hzl-example-document{
  min-width:0;
  padding:22px 26px 24px;
  overflow:auto;
}
.hzl-example-document-head{
  padding-bottom:16px;
  border-bottom:1px solid var(--border);
}
.hzl-example-document-head h3{
  margin:6px 0 0;
  font-size:25px;
  line-height:1.15;
  letter-spacing:-.035em;
}
.hzl-example-content{
  display:grid;
  gap:12px;
  padding:18px 0 20px;
}
.hzl-example-content section{
  padding:15px 16px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--surface-soft);
}
.hzl-example-content h4{
  margin:0;
  color:var(--accent-strong);
  font-size:12px;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.hzl-example-content p{
  margin:7px 0 0;
  color:var(--text-secondary);
  font-size:15px;
  line-height:1.65;
  white-space:pre-line;
}
.hzl-example-document-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:16px;
  border-top:1px solid var(--border);
}
.hzl-example-document-foot .hzl-button{
  width:auto!important;
  min-width:154px;
}
.hzl-example-document-foot span{
  max-width:440px;
  color:var(--text-tertiary);
  font-size:12px;
  line-height:1.5;
  text-align:right;
}

@media (max-width:780px){
  .hzl-example-dialog{
    width:calc(100vw - 20px);
    max-height:92vh;
    border-radius:20px;
  }
  .hzl-example-dialog-shell{max-height:92vh}
  .hzl-example-dialog-head{padding:18px 18px 15px}
  .hzl-example-dialog-head h2{font-size:23px}
  .hzl-example-dialog-head p{font-size:13px}
  .hzl-example-dialog-body{grid-template-columns:1fr}
  .hzl-example-tabs{
    grid-template-columns:repeat(5,max-content);
    padding:12px;
    border-right:0;
    border-bottom:1px solid var(--border);
    overflow-x:auto;
  }
  .hzl-example-tabs button{min-height:44px;white-space:nowrap}
  .hzl-example-document{padding:18px}
  .hzl-example-document-head h3{font-size:22px}
  .hzl-example-content p{font-size:14px}
  .hzl-example-document-foot{
    align-items:flex-start;
    flex-direction:column;
  }
  .hzl-example-document-foot span{text-align:left}
  body.hz-landing .hzl-package-item em{display:none}
}


/* 2026-09-18 mobile package correction */
body.hz-landing .hzl-package-item{
  grid-template-columns:31px minmax(0,1fr) auto!important;
}
body.hz-landing .hzl-package-item>span{
  grid-column:1!important;
  grid-row:1/3!important;
}
body.hz-landing .hzl-package-item>strong{
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.hz-landing .hzl-package-item>small{
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
  margin-top:0!important;
  overflow-wrap:normal!important;
  word-break:normal!important;
}
body.hz-landing .hzl-package-item>em{
  grid-column:3!important;
  grid-row:1/3!important;
}
@media (max-width:780px){
  body.hz-landing .hzl-package-item{
    grid-template-columns:31px minmax(0,1fr)!important;
    padding:12px!important;
  }
  body.hz-landing .hzl-package-item>em{display:none!important}
  body.hz-landing .hzl-package-item>strong{font-size:13px!important;line-height:1.35!important}
  body.hz-landing .hzl-package-item>small{font-size:11.5px!important;line-height:1.45!important}
  body.hz-landing .hzl-package-panel{padding:13px!important}
  body.hz-landing .hzl-package-top{gap:10px!important;padding:6px 4px 14px!important}
  body.hz-landing .hzl-package-top h3{font-size:19px!important;line-height:1.2!important}
  body.hz-landing .hzl-package-top>span{font-size:10.5px!important}
  body.hz-landing .hzl-package-summary{font-size:12.5px!important}
  body.hz-landing .hzl-package-actions{
    align-items:flex-start!important;
    gap:4px!important;
    font-size:11.5px!important;
    line-height:1.4!important;
  }
}


/* 2026-09-19 Theme continuity for standalone signed-in surfaces. */
html[data-hz-theme="dark"] body.hz-page-memory{
  --ink:var(--text-primary);
  --muted:var(--text-secondary);
  --line:var(--border);
  --card:var(--surface);
  --soft:var(--surface-elevated);
  --green:var(--accent);
  background:var(--page-gradient)!important;
  color:var(--text-primary)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-back,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-lang{
  background:var(--surface-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-primary)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-lang button{
  color:var(--text-secondary)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-lang button[aria-pressed="true"]{
  background:var(--accent-12)!important;
  color:var(--accent-strong)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-kicker,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-status{
  color:var(--accent-strong)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-desc,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-guide-card span,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-note span,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-field label{
  color:var(--text-secondary)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-card,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-guide-card{
  background:var(--surface)!important;
  border-color:var(--border)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-note{
  background:var(--surface-elevated)!important;
  border-color:var(--accent-border)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-field input,
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-field textarea{
  background:var(--input-bg)!important;
  color:var(--text-primary)!important;
  border-color:var(--border)!important;
}
html[data-hz-theme="dark"] body.hz-page-memory .hz-memory-save{
  background:var(--accent-gradient)!important;
  color:var(--on-accent)!important;
  box-shadow:var(--shadow-accent)!important;
}

/* Onboarding follows the same saved appearance instead of owning an unrelated dark shell. */
body.hz-page-onboarding{
  color:var(--text-primary)!important;
}
body.hz-page-onboarding .grid-bg{
  background-image:var(--grid-pattern)!important;
  opacity:.34!important;
}
body.hz-page-onboarding>header{
  background:var(--surface-alpha-strong)!important;
  border-color:var(--border)!important;
}
body.hz-page-onboarding>header .text-slate-500,
body.hz-page-onboarding .text-slate-500,
body.hz-page-onboarding .text-slate-400,
body.hz-page-onboarding .text-slate-300{
  color:var(--text-secondary)!important;
}
body.hz-page-onboarding section.glass{
  background:var(--surface)!important;
  border-color:var(--border)!important;
  color:var(--text-primary)!important;
}
body.hz-page-onboarding .choice{
  background:var(--surface-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-primary)!important;
}
body.hz-page-onboarding .choice.active{
  background:var(--accent-12)!important;
  border-color:var(--accent-border)!important;
}
body.hz-page-onboarding .input,
body.hz-page-onboarding input,
body.hz-page-onboarding select,
body.hz-page-onboarding textarea{
  background:var(--input-bg)!important;
  color:var(--text-primary)!important;
  border-color:var(--border)!important;
}
body.hz-page-onboarding .progress{
  background:var(--surface-soft)!important;
}
body.hz-page-onboarding .progress-bar{
  background:var(--accent-gradient)!important;
}
body.hz-page-onboarding #onboardingActions .bg-slate-800{
  background:var(--surface-elevated)!important;
  border-color:var(--border)!important;
  color:var(--text-primary)!important;
}
body.hz-page-onboarding #nextButton{
  background:var(--accent-gradient)!important;
  color:var(--on-accent)!important;
}