:root{--gold:#e1ad37;--gold2:#f4d478;--cream:#fbf7ef;--ink:#12100c;--muted:#8a8174}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body.ss-page{margin:0!important;padding:0!important;min-height:100vh;width:100%;overflow-x:hidden;background:#070604;color:#fff;font-family:Inter,Arial,sans-serif}
body.ss-page:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 76% 16%,rgba(225,173,55,.16),transparent 28%),radial-gradient(circle at 12% 82%,rgba(225,173,55,.07),transparent 32%),linear-gradient(115deg,#050403 0%,#080704 55%,#0d0b07 100%)}
body.ss-page:after{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.12),transparent 55%)}
.ss-page *{box-sizing:border-box}
.ss-page input,.ss-page select,.ss-page button{font-family:Inter,Arial,sans-serif}

.ss-shell{width:min(100% - 64px,1280px);min-height:100vh;margin:0 auto;padding:42px 0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);gap:72px;align-items:center}
.ss-hero,.ss-form-wrap{min-width:0}
.ss-brand{display:flex;align-items:center;gap:14px;margin-bottom:42px}
.ss-mark{width:52px;height:52px;flex:0 0 52px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font:18px Georgia,serif}
.ss-logo{font:600 25px/1 Georgia,serif;letter-spacing:.04em;white-space:nowrap}
.ss-sublogo{margin-top:8px;color:var(--gold);font-size:9px;letter-spacing:.34em}
.ss-kicker{margin:0 0 16px;color:var(--gold);font-size:11px;letter-spacing:.34em;font-weight:700}
.ss-copy h1{margin:0 0 22px;font:500 clamp(50px,4.7vw,70px)/.96 Georgia,'Times New Roman',serif;letter-spacing:-.025em;word-break:normal;overflow-wrap:normal}
.ss-copy h1 span{color:#fff}.ss-copy h1 em{font-style:normal;color:var(--gold2)}
.ss-title-mobile{display:none!important}
.ss-desc{max-width:610px;margin:0;color:#e4dfd6;font-size:15px;line-height:1.65}
.ss-benefits{display:grid;gap:13px;margin:25px 0 22px;color:#e9e2d7;font-size:14px;line-height:1.45}
.ss-benefits div{display:block;width:auto!important;max-width:100%!important;padding:0!important;white-space:normal!important;word-break:normal!important}
.ss-sign{margin-top:18px;color:var(--gold2);font:italic 24px/1.16 Georgia,serif}

.ss-form-wrap{position:relative;padding-top:34px}
.ss-ribbon{position:absolute;z-index:2;top:0;left:50%;transform:translate(-50%,-24%);width:max-content;max-width:82%;min-width:300px;padding:14px 24px;border-radius:16px;background:linear-gradient(90deg,var(--gold),var(--gold2));box-shadow:0 18px 55px rgba(224,173,62,.17);color:#17120a;text-align:center;font-size:13px;line-height:1.4}
.ss-card{width:100%;margin:0;background:rgba(251,247,239,.99);color:var(--ink);border-radius:24px;padding:46px 30px 25px;box-shadow:0 30px 100px rgba(0,0,0,.32)}
.ss-alert{margin:0 0 12px;padding:11px 13px;border-radius:11px;font-size:12px;line-height:1.4}.ss-alert.success{background:#edf8ee;color:#24622c}.ss-alert.error{background:#fff0ee;color:#9b2f24}
.ss-step-head{display:flex;align-items:center;gap:12px;margin:14px 0 10px}.ss-step-head>span{width:34px;height:34px;flex:0 0 34px;border:1px solid rgba(224,173,62,.45);border-radius:11px;display:grid;place-items:center;color:#b87c00;font-weight:800;font-size:13px}.ss-step-head small{display:block;margin-bottom:4px;color:#b1a798;letter-spacing:.15em;font-size:8px}.ss-step-head b{display:block;font-size:16px;line-height:1.15}
.ss-grid.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:11px}
.ss-field{display:block;width:100%;min-width:0;background:#fff;border:1px solid #e6dfd5;border-radius:13px;padding:13px 13px 10px;min-height:102px}.ss-field>span{display:block;margin-bottom:10px;color:#8d8477;font-size:10px;font-weight:700}.ss-field input,.ss-field select{display:block;width:100%;min-width:0;max-width:100%;height:auto!important;margin:0!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;color:#18130e;font:600 15px/1.3 Inter,Arial,sans-serif}.ss-field small{display:block;margin-top:9px;color:#9b9388;font-size:8px}
.ss-phone{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;min-width:0}.ss-prefix{font-size:13px;font-weight:700;white-space:nowrap}.ss-phone input{min-width:0}
.ss-branch{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin-bottom:6px;padding:12px 14px;background:#fff;border:1.5px solid var(--gold);border-radius:13px}.ss-radio{width:17px;height:17px;border-radius:50%;border:5px solid var(--gold)}.ss-branch small{display:block;color:#9b9388;font-size:9px}.ss-branch strong{display:block;margin-top:2px;font-size:14px}.ss-branch>span{padding:7px 10px;border-radius:8px;background:#f5df9f;font-size:9px;font-weight:800;white-space:nowrap}
.ss-select{min-height:auto;padding:13px}.ss-select select{appearance:auto}
.ss-consent{display:flex;align-items:flex-start;gap:9px;margin:12px 2px;color:#6e675e;font-size:10px;line-height:1.4}.ss-consent input{margin-top:1px}
.ss-submit{display:block;width:100%;margin:0;padding:15px 18px;border:0;border-radius:12px;background:linear-gradient(90deg,var(--gold),var(--gold2));color:#151007;font-size:13px;font-weight:900;letter-spacing:.07em;cursor:pointer}.ss-submit span{float:right;font-size:20px;line-height:.8}.ss-legal{margin:12px 0 0;text-align:center;color:#9b9388;font-size:8px}

@media (max-width:1050px){
  .ss-shell{width:min(100% - 40px,1080px);grid-template-columns:minmax(0,.9fr) minmax(470px,1.1fr);gap:44px}
  .ss-copy h1{font-size:clamp(46px,5vw,60px)}
  .ss-benefits{font-size:13px}
}

@media (max-width:900px){
  body.ss-page{background:#080705!important}
  .ss-shell{
    display:block;
    width:100%;
    max-width:470px;
    min-height:100vh;
    margin:0 auto;
    padding:20px 16px 118px;
  }
  .ss-hero{width:100%;padding:0 4px;text-align:left}
  .ss-brand{gap:10px;margin:0 0 14px}
  .ss-mark{width:40px;height:40px;flex-basis:40px;font-size:14px}
  .ss-logo{font-size:19px;line-height:1;white-space:nowrap}
  .ss-sublogo{margin-top:5px;font-size:7px;letter-spacing:.25em}
  .ss-kicker{display:none}

  .ss-title-desktop{display:none!important}
  .ss-title-mobile{
    display:block!important;
    margin:0 0 10px!important;
    font:500 32px/1.01 Georgia,'Times New Roman',serif!important;
    letter-spacing:-.02em!important;
    color:#fff!important;
  }
  .ss-title-mobile span,.ss-title-mobile em{display:block!important;font-style:normal!important}
  .ss-title-mobile em{color:var(--gold2)!important}
  .ss-title-mobile strong{
    display:block!important;
    margin-top:6px!important;
    color:#e7e2da!important;
    font:700 14px/1.25 Inter,Arial,sans-serif!important;
    letter-spacing:.01em!important;
  }
  .ss-desc{
    display:block;
    max-width:100%;
    margin:0;
    color:#d7d3cb;
    font-size:12px;
    line-height:1.5;
  }
  .ss-benefits,.ss-sign{display:none!important}

  .ss-form-wrap{
    width:100%;
    margin:18px auto 0;
    padding-top:30px;
  }
  .ss-ribbon{
    width:calc(100% - 36px);
    max-width:360px;
    min-width:0;
    padding:10px 14px;
    border-radius:14px;
    font-size:10px;
    line-height:1.35;
    transform:translate(-50%,-14%);
  }
  .ss-card{
    width:100%;
    margin:0 auto;
    padding:34px 16px 18px;
    border-radius:20px;
    box-shadow:0 18px 50px rgba(0,0,0,.2);
  }
  .ss-alert{margin:0 0 10px;padding:10px 12px;font-size:11px;border-radius:10px}

  .ss-step-head{gap:10px;margin:10px 0 8px}
  .ss-step-head>span{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:11px}
  .ss-step-head small{margin-bottom:3px;font-size:8px}
  .ss-step-head b{font-size:14px;line-height:1.2}

  .ss-grid.two{grid-template-columns:1fr;gap:9px}
  .ss-field{min-height:auto;padding:11px 12px;border-radius:12px}
  .ss-field>span{margin-bottom:6px;font-size:9px}
  .ss-field input,.ss-field select{font-size:15px;line-height:1.35}
  .ss-field small{margin-top:6px;font-size:8px}
  .ss-phone{grid-template-columns:auto minmax(0,1fr);gap:7px}
  .ss-prefix{font-size:12px}

  .ss-branch{min-height:64px;gap:10px;padding:10px 12px;border-radius:12px}
  .ss-radio{width:18px;height:18px;border-width:5px}
  .ss-branch small{font-size:8px}
  .ss-branch strong{font-size:14px}
  .ss-branch>span{padding:7px 9px;font-size:9px;border-radius:8px}

  .ss-select{padding:11px 12px}
  .ss-consent{gap:10px;margin:12px 4px;font-size:9px;line-height:1.4}
  .ss-consent input{flex:0 0 auto}
  .ss-submit{padding:15px 14px;font-size:12px;border-radius:11px}
  .ss-legal{display:none}
}

@media (max-width:420px){
  .ss-shell{max-width:100%;padding:16px 14px 112px}
  .ss-hero{padding:0 2px}
  .ss-brand{margin-bottom:12px}
  .ss-title-mobile{font-size:30px!important}
  .ss-desc{font-size:11.5px}
  .ss-form-wrap{margin-top:16px;padding-top:28px}
  .ss-ribbon{width:calc(100% - 28px)}
  .ss-card{padding-left:14px;padding-right:14px}
}

/* v1.8 - mobile hero centering */
@media (max-width:900px){
  .ss-hero{text-align:center!important;padding-left:8px!important;padding-right:8px!important}
  .ss-brand{justify-content:center!important}
  .ss-title-mobile{text-align:center!important}
  .ss-desc{max-width:400px!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
}
@media (max-width:420px){
  .ss-hero{padding-left:6px!important;padding-right:6px!important}
}
