:root{
  --ink:#0b1d47;
  --text:#3f4c67;
  --muted:#7b8599;
  --blue:#0964f8;
  --blue-2:#2c7bff;
  --line:#dfe5ee;
  --surface:#fff;
  --warm:#fffaf2;
  --shadow:0 10px 30px rgba(19,46,91,.09);
  --shadow-soft:0 5px 14px rgba(25,48,85,.07);
}
*{box-sizing:border-box}
html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;scroll-behavior:smooth;color-scheme:light}
body{margin:0;min-width:320px;min-height:100dvh;display:flex;flex-direction:column;background:radial-gradient(circle at 22% 43%,#fff9ed 0 26%,transparent 54%),linear-gradient(180deg,#fff 0,#fffdf9 68%,#fff 100%);font-size:14px}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit}
button,a,select,input{transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid rgba(9,100,248,.22);outline-offset:2px}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
svg{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

.site-header{height:70px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e8ee;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:relative;z-index:10}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;min-width:0}
.brand-logo{width:48px;height:48px;display:block;object-fit:contain;border-radius:12px;flex:0 0 auto}
.brand-name{font-size:27px;letter-spacing:-.7px}
.header-actions{display:flex;align-items:center;gap:18px}
.theme-toggle{width:70px;height:42px;border:1px solid #d7e0ee;border-radius:10px;background:#fff;color:#253c6e;display:inline-flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 1px 3px rgba(20,36,75,.04);cursor:pointer}
.theme-toggle:hover,.support-button:hover,.login-button:hover{background:#f6f9ff}
.theme-toggle svg{width:20px;height:20px;stroke-width:2.25px}
.theme-toggle .theme-sun{color:#0758ff}
.theme-toggle .theme-moon{color:#0e1644}
.support-button{height:42px;padding:0 17px;display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#fff;color:#111;cursor:pointer}
.support-button svg{font-size:19px}
.header-divider{width:1px;height:28px;background:#dfe3ea;margin:0 3px}
.header-link{font-weight:600;padding:10px 0;color:#252525}
.header-link:hover{color:var(--blue)}
.login-button{height:42px;border:1.5px solid var(--blue);color:var(--blue);border-radius:9px;padding:0 17px;display:flex;align-items:center;gap:9px;font-weight:700;background:#fff}
.login-button svg{font-size:18px}

main{padding:12px 42px 0;flex:1 0 auto;width:100%}
.hero-shell{max-width:1480px;margin:0 auto;display:grid;grid-template-columns:1fr 1.14fr;gap:70px;align-items:start}
.hero-copy{padding:5px 0 0 60px;min-width:0}
.form-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #c8ddff;background:#f2f7ff;color:var(--blue);border-radius:999px;font-weight:700}
h1{font-size:44px;line-height:1.03;letter-spacing:-1.8px;margin:0 0 12px;color:#0b1b45;font-weight:800}
.hero-intro{font-size:16px;line-height:1.5;color:#606b80;max-width:560px;margin:0 0 15px}
.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:620px}
.feature-card{min-height:91px;background:#fff;border:1px solid #e0e4eb;border-radius:10px;box-shadow:var(--shadow-soft);display:grid;grid-template-columns:58px 1fr;gap:11px;padding:12px 14px;align-items:start}
.feature-icon,.benefit-icon{background:#edf4ff;color:var(--blue);display:grid;place-items:center;border-radius:13px}
.feature-icon{width:55px;height:55px}
.feature-icon svg{font-size:31px}
.feature-card h3{font-size:14px;margin:1px 0 5px;line-height:1.18}
.feature-card p{font-size:12px;line-height:1.38;color:#596478;margin:0}

.preview-stage{height:215px;position:relative;margin-top:10px;max-width:660px}
.dot-field{position:absolute;left:-76px;bottom:46px;width:76px;height:104px;background-image:radial-gradient(#7cb7ff 2px,transparent 2px);background-size:18px 18px;opacity:.75}
.preview-orb{position:absolute;right:-35px;bottom:-35px;width:190px;height:190px;border-radius:50%;background:linear-gradient(135deg,#fff4dc,#dbeaff)}
.dashboard-preview{position:absolute;inset:0 0 0 0;background:#fff;border:1px solid #e4e8ee;border-radius:13px;box-shadow:0 14px 24px rgba(16,44,92,.14);overflow:hidden;display:grid;grid-template-columns:120px 1fr;z-index:2}
.mini-sidebar{background:linear-gradient(180deg,#0a234c,#091a38);padding:13px 10px;color:#fff;display:flex;flex-direction:column;gap:5px}
.mini-brand{display:flex;align-items:center;gap:7px;font-size:11px;margin-bottom:3px;min-width:0}
.mini-brand-logo{width:22px;height:22px;display:block;object-fit:contain;border-radius:5px;flex:0 0 auto}
.mini-brand b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mini-nav{height:22px;border-radius:5px;color:#fff;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:9px;opacity:.9}
.mini-nav svg{font-size:11px}
.mini-nav.active{background:#1168ff;box-shadow:0 3px 9px rgba(6,101,255,.45);opacity:1}
.mini-main{padding:12px 14px 11px;min-width:0}
.mini-main h4{font-size:10px;margin:0 0 8px}
.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}
.mini-stats>div{border:1px solid #e5e8ee;border-radius:7px;padding:7px 8px;background:#fff;position:relative}
.mini-stats small{font-size:6.8px;color:#667085;display:block}
.mini-stats strong{display:block;font-size:16px;margin:1px 0 0}
.mini-stats em{font-size:6.7px;color:#677189;font-style:normal}
.mini-stats>div:after{content:"";position:absolute;right:7px;top:12px;width:18px;height:18px;background:#e9f3ff;border-radius:50%}
.mini-panels{display:grid;grid-template-columns:1.55fr 1fr;gap:9px;margin-top:8px}
.mini-panels section{border:1px solid #e6e9ef;border-radius:7px;padding:7px 9px;height:94px}
.mini-panels h5{font-size:7px;margin:0 0 1px}
.line-panel svg{height:58px;width:100%;overflow:visible}
.grid-line{stroke:#e9edf4;stroke-width:1}
.chart-line{fill:none;stroke:#0c68ff;stroke-width:2.6}
.months{display:flex;justify-content:space-between;font-size:6px;color:#70798c;margin-top:-3px}
.donut-row{display:flex;align-items:center;gap:9px;margin-top:10px}
.donut{width:56px;height:56px;border-radius:50%;background:conic-gradient(#0b63f6 0 65%,#1fc77b 65% 90%,#7fe1c4 90%);position:relative;flex:0 0 auto}
.donut:after{content:"";position:absolute;inset:10px;background:#fff;border-radius:50%}
.donut-row ul{list-style:none;margin:0;padding:0;font-size:5.7px;color:#5e687b;display:grid;gap:7px;flex:1}
.donut-row li{display:flex;align-items:center;gap:4px;white-space:nowrap}
.donut-row i{width:5px;height:5px;border-radius:50%;display:inline-block}
.donut-row i.blue{background:#0b63f6}.donut-row i.green{background:#1fc77b}.donut-row i.mint{background:#7fe1c4}
.donut-row b{margin-left:auto;color:#3f495a}

.registration-card{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:var(--shadow);padding:28px 29px 20px;margin-top:0;min-height:0}
.form-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto 25px;width:100%}
.form-badge{padding:8px 18px;display:inline-flex;width:max-content;font-size:15px}
.form-badge-icon{width:33px;height:33px;margin:-6px 1px -6px -13px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}
.form-badge svg{font-size:18px}
.form-badge-text--compact,.form-help-button{display:none}
.form-help-button{width:38px;height:38px;border:1px solid #c8ddff;border-radius:10px;background:#f2f7ff;color:var(--blue);align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.form-help-button svg{width:20px;height:20px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:19px}
.field{display:grid;gap:8px;color:#202f4a;font-weight:500;min-width:0}
.field>span:first-child{font-size:13px}
.field input,.field select{height:42px;width:100%;border:1px solid #d5dbe5;border-radius:7px;background:#fff;padding:0 13px;color:#24314b;box-shadow:inset 0 1px 2px rgba(13,33,67,.02)}
.field input::placeholder{color:#929aab}
.field select{appearance:auto;color:#8a93a4}
.field-wide{grid-column:1/-1}
.input-with-icon{position:relative;display:block}
.input-with-icon input{padding-right:44px}
.input-with-icon button{position:absolute;right:2px;top:2px;width:39px;height:38px;border:0;background:transparent;color:#20324e;display:grid;place-items:center;cursor:pointer}
.input-with-icon button svg{font-size:18px}
.field input:hover,.field select:hover{border-color:#b6c7df}
.field input:focus,.field select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,100,248,.1);outline:0}
.submit-button{width:100%;height:43px;border:0;border-radius:6px;background:linear-gradient(90deg,#1267f4,#075df1);color:#fff;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 16px rgba(9,100,248,.18)}
.submit-button:hover{transform:translateY(-1px);box-shadow:0 11px 20px rgba(9,100,248,.24)}
.or-separator{height:34px;display:flex;align-items:center;gap:10px;color:#a0a7b5}
.or-separator:before,.or-separator:after{content:"";height:1px;background:#e4e7ec;flex:1}
.or-separator span{font-size:12px}
.already{text-align:center;margin:0;color:#4e596d;font-size:13px}
.already a{color:var(--blue);font-weight:600}

.benefits-strip{max-width:1580px;margin:15px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.benefits-strip article{min-height:105px;background:#fff;border:1px solid #e2e6ec;border-radius:12px;box-shadow:var(--shadow-soft);padding:17px 25px;display:grid;grid-template-columns:66px 1fr;gap:17px;align-items:center}
.benefit-icon{width:62px;height:62px;border-radius:50%}
.benefit-icon svg{font-size:32px}
.benefits-strip h3{font-size:16px;margin:0 0 6px}
.benefits-strip p{font-size:13px;line-height:1.45;color:#4d596f;margin:0}

.site-footer{width:min(100%,1580px);margin:auto auto 0;padding:24px clamp(20px,3vw,42px) calc(18px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;gap:18px 40px;color:#333f58;font-size:12px}
.site-footer p{margin:0;flex:0 0 auto;line-height:1.45}
.site-footer nav{display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap;justify-content:flex-end;line-height:1.45}
.site-footer a:hover{color:var(--blue)}

@media (max-width:1250px){
  .hero-shell{gap:32px;grid-template-columns:.95fr 1.05fr}
  .hero-copy{padding-left:10px}
  .header-actions{gap:11px}
  .site-footer nav{gap:15px}
}
@media (max-width:980px){
  .site-header{height:auto;min-height:66px;padding:10px 20px;gap:20px}
  .header-link,.header-divider{display:none}
  main{padding:20px}
  .hero-shell{grid-template-columns:1fr;max-width:780px}
  .hero-copy{padding:0}
  .registration-card{order:-1}
  .preview-stage{margin-inline:auto;width:100%}
  .feature-grid{max-width:none}
  .benefits-strip{grid-template-columns:1fr;max-width:780px}
  .site-footer{max-width:780px;display:grid;gap:14px;text-align:center;padding:22px clamp(16px,4vw,24px) calc(18px + env(safe-area-inset-bottom))}
  .site-footer p{justify-self:center}
  .site-footer nav{justify-content:center}
}
@media (max-width:650px){
  body{font-size:13px}
  .site-header{padding:10px 14px;align-items:center}
  .brand-mark{width:44px;font-size:23px;letter-spacing:-11px}
  .brand-name{font-size:21px}
  .theme-group,.support-button span{display:none}
  .support-button{width:42px;padding:0;justify-content:center}
  .header-actions{gap:8px}
  .login-button{padding:0 12px}
  main{padding:16px 12px 0}
  .registration-card{padding:23px 15px 18px;border-radius:15px}
  .form-grid{grid-template-columns:1fr;gap:15px}
  .field-wide{grid-column:auto}
  h1{font-size:37px}
  .feature-grid{grid-template-columns:1fr}
  .preview-stage{height:195px;overflow:hidden}
  .dashboard-preview{grid-template-columns:96px 1fr;transform-origin:left top}
  .mini-sidebar{padding-inline:7px}
  .mini-nav{font-size:8px;padding-inline:5px}
  .mini-main{padding:10px}
  .mini-stats{grid-template-columns:1fr 1fr}
  .mini-stats>div:nth-child(n+3){display:none}
  .mini-panels{grid-template-columns:1fr}
  .donut-panel{display:none}
  .benefits-strip article{padding:15px;grid-template-columns:54px 1fr}
  .benefit-icon{width:52px;height:52px}
  .site-footer nav{gap:10px 16px}
}


/* Unified theme and responsive refinements */
html[data-theme="dark"]{color-scheme:dark;--ink:#f6f8ff;--text:#d8e2f6;--muted:#9aabc9;--line:#304a74;--surface:#102447;--warm:#08172f;--shadow:0 12px 32px rgba(0,0,0,.28);--shadow-soft:0 5px 16px rgba(0,0,0,.22);background:#07152d}
html[data-theme="dark"] body{background:radial-gradient(circle at 22% 43%,rgba(20,50,94,.72) 0 24%,transparent 54%),linear-gradient(180deg,#07152d 0,#091b38 72%,#07152d 100%);color:var(--ink)}
html[data-theme="dark"] .site-header{background:rgba(7,21,45,.94);border-color:#263f68}
html[data-theme="dark"] .brand-name,html[data-theme="dark"] h1,html[data-theme="dark"] .feature-card h3,html[data-theme="dark"] .benefits-strip h3,html[data-theme="dark"] .mini-main h4,html[data-theme="dark"] .mini-panels h5{color:#f6f8ff}
html[data-theme="dark"] .theme-toggle,html[data-theme="dark"] .support-button,html[data-theme="dark"] .login-button,html[data-theme="dark"] .feature-card,html[data-theme="dark"] .registration-card,html[data-theme="dark"] .benefits-strip article,html[data-theme="dark"] .dashboard-preview,html[data-theme="dark"] .mini-stats>div,html[data-theme="dark"] .mini-panels section{background:#102447;border-color:#304a74;color:#f6f8ff}
html[data-theme="dark"] .theme-toggle:hover,html[data-theme="dark"] .support-button:hover,html[data-theme="dark"] .login-button:hover{background:#17315d}
html[data-theme="dark"] .header-link{color:#eaf1ff}
html[data-theme="dark"] .header-link:hover{color:#75aaff}
html[data-theme="dark"] .theme-toggle .theme-sun{color:#ffb31a}
html[data-theme="dark"] .theme-toggle .theme-moon{color:#fff}
html[data-theme="dark"] .hero-intro,html[data-theme="dark"] .feature-card p,html[data-theme="dark"] .benefits-strip p,html[data-theme="dark"] .already,html[data-theme="dark"] .site-footer,html[data-theme="dark"] .mini-stats small,html[data-theme="dark"] .mini-stats em{color:#b9c8e2}
html[data-theme="dark"] .field{color:#e8eefc}
html[data-theme="dark"] .field input{background:#0b1d3b;border-color:#3b5682;color:#f7f9ff}
html[data-theme="dark"] .field input::placeholder{color:#8295b8}
html[data-theme="dark"] .input-with-icon button{color:#dbe6fb}
html[data-theme="dark"] .or-separator:before,html[data-theme="dark"] .or-separator:after{background:#304a74}
html[data-theme="dark"] .form-badge,html[data-theme="dark"] .form-help-button{background:#142f5b;border-color:#3e6db1;color:#73aaff}
html[data-theme="dark"] .feature-icon,html[data-theme="dark"] .benefit-icon{background:#17335f;color:#75aaff}
html[data-theme="dark"] .donut:after{background:#102447}
html[data-theme="dark"] .grid-line{stroke:#294267}
html[data-theme="dark"] .site-footer a:hover{color:#75aaff}

@media (max-width:980px){
  .form-heading{justify-content:flex-start;margin-bottom:20px}
  .form-badge{max-width:calc(100% - 48px);white-space:normal;line-height:1.2}
  .form-badge-text--desktop{display:none}
  .form-badge-text--compact{display:inline}
  .form-help-button{display:inline-flex}
  .registration-card{scroll-margin-top:12px}
  #owner-information{scroll-margin-top:18px}
}

@media (max-width:650px){
  .brand-logo{width:42px;height:42px;border-radius:10px}
  .brand-name{font-size:21px}
  .theme-toggle{width:58px;height:40px;gap:7px}
  .theme-toggle svg{width:18px;height:18px}
  .form-heading{gap:8px}
  .form-badge{font-size:14px;padding:8px 13px}
  .form-badge-icon{width:30px;height:30px}
  .form-help-button{width:38px;height:38px}
}

@media (max-width:380px){
  .site-header{padding-inline:10px;gap:8px}
  .brand{gap:0}
  .brand-name{display:none}
  .header-actions{gap:6px}
  .theme-toggle{width:54px}
  .login-button{width:40px;padding:0;justify-content:center}
  .login-button span{display:none}
}

/* Responsive hardening: symmetric gutters and overflow protection */
html,
body{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:clip;
}

body{
  overflow-y:auto;
  overscroll-behavior-x:none;
}

.site-header,
main,
.hero-shell,
.hero-copy,
.registration-card,
.registration-card form,
.form-grid,
.field,
.input-with-icon,
.feature-grid,
.feature-card,
.benefits-strip,
.benefits-strip article,
.site-footer,
.site-footer nav,
.header-actions{
  min-width:0;
  max-width:100%;
}

main{
  padding-inline:clamp(12px,3vw,42px);
}

.hero-shell,
.benefits-strip,
.site-footer{
  width:100%;
}

.field input,
.input-with-icon,
.input-with-icon input,
.submit-button{
  max-width:100%;
}

.feature-card > div:last-child,
.benefits-strip article > div:last-child,
.form-badge-text,
.site-footer a{
  min-width:0;
  overflow-wrap:anywhere;
}

@media (max-width:980px){
  .site-header{
    width:100%;
    padding-inline:clamp(14px,3vw,20px);
  }

  main{
    padding-inline:clamp(14px,3vw,20px);
  }

  .hero-shell,
  .benefits-strip,
  .site-footer{
    max-width:780px;
    margin-inline:auto;
  }

  .registration-card,
  .hero-copy,
  .preview-stage,
  .feature-grid,
  .benefits-strip article{
    width:100%;
  }

  .form-heading{
    width:100%;
  }

  .form-badge{
    flex:1 1 auto;
    width:auto;
    min-width:0;
    max-width:none;
  }

  .site-footer{
    padding-left:max(clamp(16px,4vw,24px),env(safe-area-inset-left));
    padding-right:max(clamp(16px,4vw,24px),env(safe-area-inset-right));
  }
}

@media (max-width:650px){
  .site-header{
    padding-inline:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }

  main{
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }

  .registration-card{
    margin-inline:0;
    padding-inline:15px;
  }

  .feature-card,
  .benefits-strip article{
    width:100%;
  }

  .preview-stage{
    width:100%;
    max-width:100%;
  }

  .site-footer{
    width:100%;
    padding-left:max(12px,env(safe-area-inset-left));
    padding-right:max(12px,env(safe-area-inset-right));
  }
}

@media (max-width:520px){
  .site-header{
    grid-template-columns:auto minmax(0,1fr);
  }

  .brand-name{
    display:none;
  }

  .brand{
    gap:0;
  }

  .header-actions{
    justify-content:flex-end;
    gap:7px;
  }

  .theme-toggle{
    width:52px;
    min-width:52px;
  }

  .support-button,
  .login-button{
    flex:0 0 auto;
  }

  .registration-card{
    padding:20px 14px 17px;
  }

  .form-heading{
    align-items:stretch;
  }

  .form-badge{
    padding:7px 10px;
    font-size:13.5px;
  }

  .form-badge-icon{
    width:28px;
    height:28px;
    margin:-4px 0 -4px -7px;
  }

  .form-help-button{
    width:36px;
    height:36px;
  }

  .feature-card{
    grid-template-columns:50px minmax(0,1fr);
    padding:12px;
  }

  .feature-icon{
    width:48px;
    height:48px;
  }

  .benefits-strip article{
    grid-template-columns:48px minmax(0,1fr);
    gap:12px;
    padding:14px;
  }

  .benefit-icon{
    width:48px;
    height:48px;
  }

  .site-footer nav{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px 14px;
  }
}

@media (max-width:400px){
  .site-header{
    min-height:60px;
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
    gap:8px;
  }

  .brand-logo{
    width:38px;
    height:38px;
    border-radius:9px;
  }

  .header-actions{
    gap:6px;
  }

  .theme-toggle{
    width:48px;
    min-width:48px;
    height:38px;
    gap:5px;
  }

  .theme-toggle svg{
    width:16px;
    height:16px;
  }

  .support-button,
  .login-button{
    width:38px;
    min-width:38px;
    height:38px;
    padding:0;
    justify-content:center;
  }

  .login-button span{
    display:none;
  }

  main{
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
    padding-top:12px;
  }

  .registration-card{
    width:100%;
    padding:18px 12px 16px;
    border-radius:14px;
  }

  .form-heading{
    gap:7px;
    margin-bottom:16px;
  }

  .form-badge{
    font-size:13px;
    padding-right:9px;
  }

  .form-grid{
    gap:13px;
  }

  .field{
    gap:6px;
  }

  .field input{
    min-width:0;
    height:40px;
  }

  .input-with-icon button{
    height:36px;
  }

  .submit-button{
    height:42px;
    font-size:14px;
  }

  .hero-copy,
  .feature-grid,
  .preview-stage,
  .benefits-strip,
  .site-footer{
    width:100%;
    margin-left:auto;
    margin-right:auto;
  }

  h1{
    font-size:clamp(29px,9vw,34px);
    letter-spacing:-1px;
  }

  .hero-intro{
    font-size:14px;
  }

  .feature-card{
    min-height:0;
  }

  .preview-stage{
    height:175px;
  }

  .site-footer{
    padding-left:max(10px,env(safe-area-inset-left));
    padding-right:max(10px,env(safe-area-inset-right));
  }
}

@media (max-width:340px){
  .site-header{
    padding-inline:8px;
  }

  main,
  .site-footer{
    padding-left:8px;
    padding-right:8px;
  }

  .theme-toggle{
    width:44px;
    min-width:44px;
  }

  .support-button,
  .login-button{
    width:36px;
    min-width:36px;
  }

  .registration-card{
    padding-inline:10px;
  }

  .form-badge{
    font-size:12.5px;
  }

  .site-footer nav{
    grid-template-columns:1fr;
  }
}

/* Unified registration page: context-driven functional layer */
.registration-unified-page [hidden]{display:none!important}
.registration-context-pill{display:inline-flex;align-items:center;min-height:34px;padding:7px 14px;margin:0 0 14px;border:1px solid #c8ddff;border-radius:999px;background:#f2f7ff;color:var(--blue);font-size:13px;font-weight:800}
.registration-card{align-self:start;max-height:calc(100dvh - 96px);overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.registration-card::-webkit-scrollbar{width:8px}.registration-card::-webkit-scrollbar-thumb{background:#c7d5ea;border-radius:999px}.registration-card::-webkit-scrollbar-track{background:transparent}
.form-heading{position:sticky;top:-28px;z-index:4;padding-top:28px;padding-bottom:6px;background:linear-gradient(180deg,var(--surface) 78%,rgba(255,255,255,0));}
.registration-message{margin:0 0 14px;padding:10px 12px;border:1px solid #cbd9ed;border-radius:9px;background:#f4f8ff;color:#25446e;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.registration-message.is-error{border-color:#f2b5bd;background:#fff1f3;color:#a1162b}.registration-message.is-success{border-color:#b7e3c8;background:#effbf3;color:#116a36}.registration-message.is-warning{border-color:#efd39a;background:#fff8e7;color:#7a5300}
.registration-state{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;padding:24px 10px}
.registration-state h2{margin:0;color:var(--ink);font-size:clamp(22px,3vw,30px)}
.registration-state p{max-width:520px;margin:0;color:var(--text);line-height:1.55}
.registration-success-mark{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:#e8f8ef;color:#159451;font-size:32px;font-weight:900}
.registration-form{display:grid;gap:15px;min-width:0}
.registration-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;min-width:0}
.registration-password-row{grid-column:1/-1;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;column-gap:20px;row-gap:16px;align-items:start;width:100%;min-width:0}
.registration-password-row .registration-field{min-width:0;width:100%}
.registration-owner-form-grid .registration-field:first-child{grid-column:1/-1}
.registration-field{display:grid;gap:7px;min-width:0;color:#202f4a;font-weight:600}
.registration-field-label{display:inline-flex;align-items:baseline;gap:3px;min-width:0;font-size:13px;line-height:1.2}
.registration-required-mark{color:#e0233f;font-size:13px;line-height:1}
.registration-mobile-input{position:relative;display:flex;align-items:center;width:100%;min-width:0}
.registration-mobile-input input,.registration-mobile-input select{width:100%;min-width:0;height:42px;border:1px solid #d5dbe5;border-radius:7px;background:#fff;color:#24314b;padding:0 42px 0 38px;box-shadow:inset 0 1px 2px rgba(13,33,67,.02)}
.registration-mobile-input select{appearance:none;cursor:pointer}
.registration-mobile-input input::placeholder{color:#929aab}
.registration-mobile-input input[readonly]{background:#edf5ff;color:#314b70;cursor:not-allowed}
.registration-field-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:#6c7e99;pointer-events:none;z-index:2}
.registration-field-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;color:#65758e;pointer-events:none}
.registration-password-toggle{position:absolute;right:2px;top:2px;width:38px;height:38px;border:0;background:transparent;color:#52647f;display:grid;place-items:center;cursor:pointer;border-radius:6px}
.registration-password-toggle svg{width:18px;height:18px}
.registration-mobile-input input:hover,.registration-mobile-input select:hover{border-color:#aec4e1}
.registration-mobile-input:focus-within input,.registration-mobile-input:focus-within select{border-color:var(--blue);box-shadow:0 0 0 3px rgba(9,100,248,.12);outline:0}
.registration-note-card{grid-column:1/-1;padding:11px 13px;border:1px solid #cfe0f7;border-radius:9px;background:#f4f8ff;color:#40516c;font-size:13px;line-height:1.45}
.registration-note-card__heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.registration-note-card__heading strong{color:#203658}
.registration-primary-btn{width:100%;min-height:43px;border:0;border-radius:7px;background:linear-gradient(90deg,#1267f4,#075df1);color:#fff;font-weight:800;font-size:14px;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;cursor:pointer;box-shadow:0 8px 16px rgba(9,100,248,.18)}
.registration-primary-btn:hover{transform:translateY(-1px);box-shadow:0 11px 20px rgba(9,100,248,.24)}.registration-primary-btn:disabled{opacity:.58;cursor:not-allowed;transform:none}
.registration-secondary-link{text-align:center;color:var(--blue);font-weight:700;font-size:13px}
.registration-preview-note{padding:10px 12px;border:1px solid #efd39a;border-radius:9px;background:#fff8e7;color:#6d4b00;font-size:13px;line-height:1.45}
.feature-grid .feature-card{min-width:0}
.form-help-button{display:inline-flex}
.registration-help-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}
.registration-help-modal__backdrop{position:absolute;inset:0;background:rgba(4,17,40,.66);backdrop-filter:blur(5px)}
.registration-help-modal__dialog{position:relative;z-index:1;width:min(520px,calc(100vw - 36px));max-height:min(620px,calc(100dvh - 36px));overflow:auto;display:flex;flex-direction:column;gap:13px;align-items:center;padding:24px;border:1px solid #d8e2f0;border-radius:16px;background:#fff;box-shadow:0 24px 70px rgba(5,22,52,.3)}
.registration-help-modal__icon{width:40px;height:40px;border-radius:12px;background:#eaf3ff;color:var(--blue);display:grid;place-items:center}.registration-help-modal__icon svg{width:22px;height:22px}
.registration-help-modal__dialog h2{margin:0;text-align:center;font-size:21px}.registration-help-modal__dialog p{margin:0;width:100%;color:#465570;line-height:1.58;white-space:pre-line;overflow-wrap:anywhere}
.registration-help-open{overflow:hidden}

html[data-theme="dark"] .registration-context-pill,html[data-theme="dark"] .registration-note-card{background:#142f5b;border-color:#3e6db1;color:#c9d9f3}
html[data-theme="dark"] .registration-card{scrollbar-color:#45618c transparent}
html[data-theme="dark"] .form-heading{background:linear-gradient(180deg,#102447 78%,rgba(16,36,71,0))}
html[data-theme="dark"] .registration-message{background:#11294f;border-color:#365681;color:#dce8fb}
html[data-theme="dark"] .registration-message.is-error{background:#451a2a;border-color:#8f3b50;color:#ffd4dc}
html[data-theme="dark"] .registration-message.is-success{background:#123c2d;border-color:#2b7658;color:#d5ffea}
html[data-theme="dark"] .registration-message.is-warning,html[data-theme="dark"] .registration-preview-note{background:#493914;border-color:#806529;color:#ffe4a5}
html[data-theme="dark"] .registration-state h2,html[data-theme="dark"] .registration-note-card__heading strong{color:#f6f8ff}
html[data-theme="dark"] .registration-state p,html[data-theme="dark"] .registration-field{color:#c4d1e8}
html[data-theme="dark"] .registration-mobile-input input,html[data-theme="dark"] .registration-mobile-input select{background:#0b1d3b;border-color:#3b5682;color:#f7f9ff}
html[data-theme="dark"] .registration-mobile-input input::placeholder{color:#8295b8}
html[data-theme="dark"] .registration-mobile-input input[readonly]{background:#132c52;color:#bcd1ef}
html[data-theme="dark"] .registration-field-icon,html[data-theme="dark"] .registration-field-chevron,html[data-theme="dark"] .registration-password-toggle{color:#a9bbd8}
html[data-theme="dark"] .registration-help-modal__dialog{background:#102447;border-color:#36547e;color:#f6f8ff}
html[data-theme="dark"] .registration-help-modal__dialog p{color:#c1cee4}
html[data-theme="dark"] .registration-help-modal__icon{background:#17335f;color:#75aaff}

@media (max-width:980px){
  .registration-card{max-height:none;overflow:visible}
  .form-heading{position:static;padding:0;background:none}
  .hero-copy{scroll-margin-top:78px}
  .registration-context-pill{margin-bottom:10px}
}
@media (max-width:650px){
  .registration-form-grid{grid-template-columns:1fr;gap:13px}
  .registration-password-row{grid-template-columns:1fr !important;gap:13px}
  .registration-owner-form-grid .registration-field:first-child{grid-column:auto}
  .registration-card{padding:20px 14px 17px}
  .registration-state{min-height:260px;padding:18px 4px}
  .registration-mobile-input input,.registration-mobile-input select{height:41px}
  .registration-password-toggle{height:37px}
  .registration-help-modal{padding:10px}
  .registration-help-modal__dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);padding:19px 15px;border-radius:14px}
  .registration-help-modal__dialog h2{font-size:18px}.registration-help-modal__dialog p{font-size:13px;line-height:1.5}
}
@media (max-width:340px){
  .site-footer{display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}
  .site-footer p{width:100%;text-align:center}
  .site-footer nav{width:100%;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:9px}
  .site-footer nav a{display:block;width:100%;text-align:center}
}
.registration-form-grid>:only-child{grid-column:1/-1}
.registration-help-button{width:30px;height:30px;border:1px solid #c8ddff;border-radius:8px;background:#f2f7ff;color:var(--blue);display:none;align-items:center;justify-content:center;cursor:pointer;flex:0 0 auto}
.registration-help-button svg{width:17px;height:17px}
html[data-theme="dark"] .registration-help-button{background:#17335f;border-color:#3e6db1;color:#75aaff}
@media (max-width:650px){
  .registration-help-button--mobile{display:inline-flex}
  .registration-owner-note .registration-note-card__heading{margin-bottom:0}
  .registration-owner-note>span{display:none}
}


/* Registration 1.0.110: footer spacing and dark header-link corrections */
@media (min-width:981px){
  .site-footer nav{max-width:72%;}
}
@media (max-width:650px){
  .site-footer{gap:14px;padding-top:22px;padding-bottom:calc(18px + env(safe-area-inset-bottom));}
  .site-footer nav{row-gap:10px;}
}
@media (max-width:400px){
  .site-footer{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));}
}
@media (max-width:340px){
  .site-footer{padding-top:20px;padding-bottom:calc(16px + env(safe-area-inset-bottom));}
}

/* Skip layout/paint work for the lower information strip until it nears the viewport. */
@supports (content-visibility:auto){
  .benefits-strip{content-visibility:auto;contain-intrinsic-size:1px 160px}
}