@font-face{font-family:Inter;src:url("fonts/inter-latin-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;src:url("fonts/inter-latin-ext-wght.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face {
      font-family: "Fraunces";
      font-style: normal;
      font-weight: 300 600;
      font-display: swap;
      src: url("fonts/fraunces-regular.woff2") format("woff2");
      /* Exactly what the file covers, so letters it lacks (ā, ē) come
         from "Fraunces Ext" in lang-v1.css instead of being faked from a
         base letter plus a loose accent mark. */
      unicode-range: U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+2215;
    }
    @font-face {
      font-family: "Fraunces";
      font-style: italic;
      font-weight: 300 600;
      font-display: swap;
      src: url("fonts/fraunces-italic.woff2") format("woff2");
      /* Exactly what the file covers, so letters it lacks (ā, ē) come
         from "Fraunces Ext" in lang-v1.css instead of being faked from a
         base letter plus a loose accent mark. */
      unicode-range: U+0020-007E,U+00A0-00FF,U+0131,U+0152-0153,U+02BC,U+02C6,U+02DA,U+02DC,U+2013-2014,U+2018-201A,U+201C-201E,U+2022,U+2026,U+2032-2033,U+2039-203A,U+2044,U+20AC,U+2122,U+2212,U+2215;
    }
    :root {
      --obsidian: #090909;
      --charcoal: #151515;
      --charcoal-2: #1c1c1c;
      --ivory: #f4efe7;
      --muted: #a79eae;
      --gold: #c9aa75;
      --gold-soft: rgba(198, 168, 119, .13);
      --plum: #3c162f;
      --burgundy: #5c162e;
      --burgundy-bright: #7c162e;
      --line: rgba(244, 239, 231, .13);
      --serif: "Fraunces", Georgia, "Times New Roman", serif;
      --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      --ease: cubic-bezier(.16,1,.3,1);
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; background: var(--obsidian); overscroll-behavior-y: none; }
    body {
      margin: 0; min-height: 100vh;
      background: var(--obsidian);
      color: var(--ivory);
      font-family: var(--sans);
      line-height: 1.6;
      -webkit-font-smoothing: antialiased;
      overflow-x: hidden;
    }
    a { color: inherit; }
    .wrap { width: min(760px, calc(100% - 48px)); margin: 0 auto; }
    .site-header { position: sticky; top: 0; z-index: 20; background: rgba(9, 9, 9, .82); -webkit-backdrop-filter: blur(18px) saturate(140%); backdrop-filter: blur(18px) saturate(140%); }
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(244,239,231,.08) 0, rgba(244,239,231,.08) calc(50% - 190px), rgba(201,170,117,.5) calc(50% - 190px), rgba(201,170,117,.5) calc(50% + 190px), rgba(244,239,231,.08) calc(50% + 190px), rgba(244,239,231,.08) 100%); }
    .nav { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 24px; width: min(1120px, calc(100% - 48px)); margin: 0 auto; }
    .wordmark { text-decoration: none; display: flex; align-items: center; gap: 16px; }
.brand-mark { flex: none; display: block; width: 40px; height: 40px; transition: filter .35s ease; }
.wordmark:hover .brand-mark { filter: brightness(1.12); }
.wordmark-text { font-size: 13px; letter-spacing: .3em; font-weight: 500; color: var(--ivory); text-transform: uppercase; }
    .wordmark-text span { color: var(--gold); }
    .back-link { color: var(--muted); text-decoration: none; font-size: 13px; display: inline-flex; align-items: center; gap: 8px; transition: color .3s var(--ease); }
    .back-link:hover, .back-link:focus-visible { color: var(--ivory); }
    main { padding: 72px 0 120px; }
    .eyebrow { color: var(--gold); text-transform: uppercase; letter-spacing: .3em; font-size: 10px; font-weight: 500; }
    h1 { font-family: var(--serif); font-weight: 400; letter-spacing: -.02em; font-size: clamp(34px, 5vw, 48px); margin: 18px 0 12px; }
    .lede { color: var(--muted); font-size: 16px; max-width: 520px; margin: 0 0 40px; }

    .progress { display: flex; gap: 8px; margin-bottom: 44px; position: sticky; top: 76px; z-index: 20; padding: 12px 0; background: rgba(10,10,10,.94); backdrop-filter: blur(10px); }
    .progress i { flex: 1; height: 3px; background: var(--line); border-radius: 2px; overflow: hidden; position: relative; }
    .progress i span { position: absolute; inset: 0; background: var(--gold); transform: scaleX(0); transform-origin: left; transition: transform .5s var(--ease); }
    .progress i.done span, .progress i.active span { transform: scaleX(1); }

    .app-shell { position: relative; min-height: 300px; }
    .step { display: none; }
    .step.active { display: block; animation: step-in .55s var(--ease); }
    @keyframes step-in { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: none; } }
    .step.leaving-back.active { animation: step-in-back .55s var(--ease); }
    @keyframes step-in-back { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: none; } }

    .q-label { font-family: var(--serif); font-size: clamp(24px, 3.4vw, 32px); margin: 0 0 24px; line-height: 1.2; }
    .choice-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
    .choice {
      border: 1px solid var(--line); border-radius: 12px; padding: 28px 22px; cursor: pointer; text-align: left; background: transparent; color: var(--ivory);
      font-family: var(--sans); transition: transform .3s var(--ease), border-color .3s var(--ease), background .3s var(--ease);
    }
    .choice:hover, .choice:focus-visible { transform: translateY(-3px); border-color: var(--gold); background: var(--gold-soft); }
    .choice.selected { border-color: var(--gold); background: var(--gold-soft); box-shadow: 0 12px 30px -18px var(--gold); }
    .choice-title { font-family: var(--serif); font-size: 21px; display: block; margin-bottom: 8px; }
    .choice-sub { color: var(--muted); font-size: 13px; }

    label.field-label { display: block; font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin-bottom: 10px; }
    input[type=text], input[type=email], input[type=url], select, textarea {
      width: 100%; background: var(--charcoal); border: 1px solid var(--line); border-radius: 12px; color: var(--ivory);
      padding: 14px 16px; font-size: 16px; font-family: var(--sans); transition: border-color .3s var(--ease), box-shadow .3s var(--ease);
    }
    input:focus, select:focus, textarea:focus { outline: none; border-color: var(--gold); box-shadow: 0 0 0 3px var(--gold-soft); }
    textarea { min-height: 130px; resize: vertical; }
    .hint { color: var(--muted); font-size: 13px; margin-top: 10px; }

    .nav-buttons { display: flex !important; justify-content: space-between !important; align-items: center; gap: 32px; width: 100% !important; margin-top: 40px; }
    .nav-buttons > :last-child { margin-left: auto !important; }
    .button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 0 22px; text-decoration: none; font-size: 11px; font-weight: 500; letter-spacing: .2em; text-transform: uppercase; border: 1px solid var(--gold); border-radius: 0; cursor: pointer; background: none; color: var(--ivory); transition: transform .3s var(--ease), box-shadow .3s var(--ease), opacity .3s var(--ease); position: relative; overflow: hidden; font-family: var(--sans); }
    .button::before { content: none; }
    .button:hover::before, .button:focus-visible::before { transform: translateX(120%); }
    .button:hover, .button:focus-visible { transform: translateY(-2px); box-shadow: 0 10px 28px -14px var(--gold); }
    .button-primary { background: var(--gold); color: var(--obsidian); }
    .button-primary:disabled { opacity: .35; cursor: not-allowed; transform: none; box-shadow: none; }
    .button-ghost { border-color: var(--line); background: none; color: var(--muted); }
    .button-ghost:hover { border-color: var(--gold); color: var(--ivory); }

    .review-list { border-top: 1px solid var(--line); margin-top: 8px; }
    .review-row { display: flex; justify-content: space-between; gap: 24px; padding: 14px 0; border-bottom: 1px solid var(--line); }
    .review-row .k { color: var(--muted); font-size: 13px; text-transform: uppercase; letter-spacing: .05em; min-width: 140px; }
    .review-row .v { font-size: 15px; text-align: right; max-width: 400px; }

    .confirm { text-align: center; padding: 60px 0; }
    .confirm .eyebrow { display: block; margin-bottom: 18px; }
    .confirm h1 { margin-bottom: 14px; }
    /* The thank-you title is an h2 (one h1 per page) styled as the page title. */
    .confirm h2 { font-family: var(--serif); font-weight: 400; letter-spacing: -.02em; font-size: clamp(34px, 5vw, 48px); margin: 18px 0 14px; }

    .transition-overlay {
      position: fixed; inset: -1px; z-index: 999; pointer-events: none;
      background: var(--obsidian);
      transform: translate3d(-101%, 0, 0);
      transition: none;
      will-change: transform;
      backface-visibility: hidden;
    }
    .transition-overlay.active { transform: translate3d(0, 0, 0); transition: transform .32s cubic-bezier(.16, 1, .3, 1); }
    .transition-overlay.leaving { transform: translate3d(101%, 0, 0); transition: transform .4s cubic-bezier(.16, 1, .3, 1); }
    html.is-transitioning-in .transition-overlay { transform: translate3d(0, 0, 0); transition: none; }
    html.is-transitioning-in body > :not(.transition-overlay) { visibility: hidden; }

    @media (max-width: 640px) {
      .choice-grid { grid-template-columns: 1fr; }
      .review-row { flex-direction: column; gap: 4px; }
      .review-row .v { text-align: left; max-width: none; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { transition: none !important; animation: none !important; }
      .transition-overlay { display: none !important; }
    }
    .confirm-lede { margin: 0 auto 28px; }
    .hp-field { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
    .form-status { min-height: 24px; margin-top: 18px; color: var(--muted); font-size: 14px; }
    .form-status.error { color: #ff9b8f; }


    [hidden] { display: none !important; }

    select, select:focus, select:hover { -webkit-appearance: none !important; appearance: none !important; color-scheme: dark !important; display: block; width: 100% !important; min-height: 52px !important; padding: 14px 48px 14px 16px !important; background-color: #151515 !important; color: #f4efe7 !important; border: 1px solid rgba(198,168,119,.35) !important; border-radius: 12px !important; cursor: pointer; background-image: linear-gradient(45deg,transparent 50%,#c6a877 50%),linear-gradient(135deg,#c6a877 50%,transparent 50%) !important; background-position: calc(100% - 20px) 50%,calc(100% - 15px) 50% !important; background-size:5px 5px !important; background-repeat:no-repeat !important; font: 16px var(--sans) !important; box-shadow: none; }
    select:hover { background-color: #232323 !important; border-color: #c6a877 !important; }
    select:focus { background-color: #232323 !important; border-color: #c6a877 !important; box-shadow: 0 0 0 3px rgba(198,168,119,.18) !important; outline: none !important; }
    select option { background: #151515; color: #f4efe7; }
    select option[value=""], select option[value=""]:checked { background: #151515 !important; color: #8f8981 !important; font-weight: 400 !important; }
    select option:not([value=""]):checked { background: #232323 !important; color: #c6a877 !important; font-weight: 500 !important; }


/* Enhanced application atmosphere */
body::before { content:""; position:fixed; inset:0; z-index:80; pointer-events:none; opacity:.03; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.site-header, main { position:relative; }
.app-shell { padding:34px; margin:0 -34px; border:1px solid rgba(244,239,231,.10); border-radius:16px; background:linear-gradient(145deg,rgba(244,239,231,.035),rgba(21,21,23,.52)); backdrop-filter:blur(10px); box-shadow:0 24px 80px rgba(0,0,0,.18); }
.progress i.active span { box-shadow:0 0 14px rgba(198,168,119,.75); animation:progress-pulse 1.8s ease-in-out infinite; }
@keyframes progress-pulse { 50% { opacity:.62; } }
.choice { position:relative; overflow:hidden; }
.choice::after { content:""; position:absolute; inset:-1px; background:radial-gradient(220px circle at var(--card-x,50%) var(--card-y,50%),rgba(198,168,119,.17),transparent 58%); opacity:0; transition:opacity .3s; pointer-events:none; }
.choice:hover::after { opacity:1; }
input[type=text],input[type=email],select,textarea { backdrop-filter:blur(8px); }
@media(max-width:820px){.app-shell{margin:0;padding:24px;}}
@media(max-width:520px){.wrap{width:min(100% - 28px,760px)}.nav{width:min(100% - 28px,1120px)}.app-shell{padding:20px 16px}.nav-buttons{gap:12px}.button{padding:0 16px}}
@media(prefers-reduced-motion:reduce){.progress i.active span{animation:none!important}}

.legal-consent { display:flex; align-items:flex-start; gap:13px; margin-top:28px; padding:18px; border:1px solid var(--line); border-radius:10px; color:var(--muted); font-size:13px; line-height:1.55; cursor:pointer; }
.legal-consent input { width:18px; height:18px; margin:1px 0 0; accent-color:var(--gold); flex:0 0 auto; }
.legal-consent a { color:var(--gold); }
.application-footer { width:min(1120px,calc(100% - 48px)); margin:0 auto; padding:24px 0; border-top:1px solid var(--line); color:var(--muted); font-size:12px; display:flex; justify-content:space-between; gap:20px; }
.application-footer nav { display:flex; gap:20px; }.application-footer a{text-decoration:none}.application-footer a:hover{color:var(--ivory)}

.field-error { display:none; margin:8px 0 0; color:#ff9b8f; font-size:13px; line-height:1.45; }
.field-error.visible { display:block; }
input[aria-invalid="true"], textarea[aria-invalid="true"], select[aria-invalid="true"] { border-color:#e97366 !important; box-shadow:0 0 0 3px rgba(233,115,102,.12) !important; }
.legal-consent:has(input[aria-invalid="true"]) { border-color:#e97366; }


/* Native radio-card controls: reliable on desktop and mobile */
.choice { display:flex; align-items:center; gap:14px; min-height:112px; position:relative; z-index:2; touch-action:manipulation; -webkit-tap-highlight-color:transparent; user-select:none; }
.choice-input { position:absolute; width:1px; height:1px; opacity:0; pointer-events:none; }
.choice-copy { display:block; min-width:0; padding-right:34px; }
.choice-check { position:absolute; right:18px; top:18px; width:24px; height:24px; border:1px solid var(--line); border-radius:50%; display:grid; place-items:center; color:var(--obsidian); background:transparent; font:700 12px/1 var(--sans); opacity:.65; transition:background .25s var(--ease),border-color .25s var(--ease),transform .25s var(--ease); }
.choice.selected,.choice:has(.choice-input:checked) { border-color:var(--gold); background:var(--gold-soft); box-shadow:0 12px 30px -18px var(--gold); }
.choice.selected .choice-check,.choice:has(.choice-input:checked) .choice-check { background:var(--gold); border-color:var(--gold); transform:scale(1.05); opacity:1; }
.choice:focus-within { outline:2px solid var(--gold); outline-offset:4px; }


/* Clear long-answer requirements and no-profile alternative */
label.field-label span { color:var(--gold); font-weight:700; white-space:nowrap; }
.no-profile-option { display:flex; align-items:center; gap:12px; margin-top:14px; }
.no-profile-option > span { color:var(--muted); font-size:12px; text-transform:uppercase; letter-spacing:.12em; }
.no-profile-button { min-height:44px; padding:0 17px; border:1px solid var(--line); border-radius:10px; background:transparent; color:var(--ivory); font:600 13px/1 var(--sans); cursor:pointer; transition:border-color .25s var(--ease),background .25s var(--ease),color .25s var(--ease); }
.no-profile-button:hover,.no-profile-button:focus-visible { border-color:var(--gold); background:var(--gold-soft); }
.no-profile-button.selected { border-color:var(--gold); background:var(--gold); color:var(--obsidian); }
input:disabled { opacity:.45; cursor:not-allowed; }


/* Optional application uploads */
.upload-intro{margin-bottom:20px}
.upload-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.photo-input{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.upload-card{display:flex;min-height:148px;padding:18px;border:1px dashed var(--line);border-radius:12px;background:rgba(255,255,255,.018);cursor:pointer;flex-direction:column;justify-content:space-between;transition:border-color .25s var(--ease),background .25s var(--ease),transform .25s var(--ease)}
.upload-card:hover,.photo-input:focus-visible+.upload-card{border-color:var(--gold);background:var(--gold-soft);transform:translateY(-2px)}
.upload-card.has-file{border-style:solid;border-color:var(--gold);background:var(--gold-soft)}
.upload-card>span{color:var(--gold);font:700 10px/1 var(--sans);letter-spacing:.14em}
.upload-card strong{color:var(--ivory);font:600 14px/1.3 var(--sans)}
.upload-card small{overflow:hidden;color:var(--muted);font:12px/1.4 var(--sans);text-overflow:ellipsis;white-space:nowrap}
@media(max-width:620px){.upload-grid{grid-template-columns:1fr}.upload-card{min-height:88px}.upload-card strong{margin:10px 0}.upload-card small{white-space:normal}}

.phone-composer{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:end}.phone-part{display:block;position:relative}.phone-part>span:first-child{display:block;margin:0 0 8px;color:var(--muted);font:700 10px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}.phone-part select,.phone-part input{width:100%;min-height:58px}.phone-code:after{content:"⌄";position:absolute;right:17px;bottom:20px;color:var(--gold);font:700 18px/1 var(--sans);pointer-events:none}.phone-code select{appearance:none;padding-right:44px;border-color:rgba(198,168,119,.45);background:linear-gradient(135deg,rgba(198,168,119,.09),rgba(255,255,255,.02))}.phone-national input{border:1px solid var(--line);border-radius:10px;padding:0 17px;background:rgba(255,255,255,.025);color:var(--ivory);font:17px/1 var(--sans);letter-spacing:.045em;outline:none}.phone-national input::placeholder{color:rgba(244,239,231,.38)}.phone-national input:focus,.phone-code select:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(198,168,119,.1)}#phone-hint strong{color:var(--gold);font-weight:600}@media(max-width:620px){.phone-composer{grid-template-columns:1fr}.phone-part select,.phone-part input{min-height:54px}}

.phone-country-control{position:relative;display:block}.phone-country-control>b{position:absolute;z-index:2;left:14px;top:50%;min-width:34px;padding:6px 5px;transform:translateY(-50%);border:1px solid rgba(198,168,119,.55);border-radius:6px;background:#151515;color:var(--gold);font:700 10px/1 var(--sans);letter-spacing:.1em;text-align:center;pointer-events:none}.phone-country-control select{padding-left:60px!important}.phone-code:after{z-index:3}.phone-national input{border:1px solid var(--line)!important;border-radius:10px!important;padding:0 17px!important;background:rgba(255,255,255,.025)!important;color:var(--ivory)!important}.phone-national input::placeholder{color:rgba(244,239,231,.38)!important}

/* Progress stays anchored above the form without covering scrolled content. */
.progress{position:relative!important;top:auto!important;z-index:1!important;margin-bottom:32px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.application-form{scroll-margin-top:24px}

.upload-slot{position:relative}.photo-remove{position:absolute;z-index:4;top:10px;right:10px;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgba(244,239,231,.18);border-radius:50%;background:rgba(10,10,10,.88);color:var(--ivory);cursor:pointer;opacity:0;pointer-events:none;transform:scale(.82);transition:opacity .2s var(--ease),transform .2s var(--ease),border-color .2s var(--ease),background .2s var(--ease)}.photo-remove span{font:300 25px/1 var(--sans);transform:translateY(-1px)}.upload-card.has-file+.photo-remove{opacity:1;pointer-events:auto;transform:scale(1)}.photo-remove:hover,.photo-remove:focus-visible{border-color:var(--gold);background:var(--gold);color:var(--obsidian);outline:none;box-shadow:0 0 0 4px rgba(198,168,119,.12)}

.brand-icon{display:inline-block;width:28px;height:28px;margin-right:10px;flex:0 0 auto;vertical-align:middle;filter:drop-shadow(0 0 7px rgba(198,168,119,.18));transition:transform .3s ease,filter .3s ease}.wordmark,.footer-brand .wordmark{display:inline-flex;align-items:center}.wordmark:hover .brand-icon,.footer-brand .wordmark:hover .brand-icon{transform:translateY(-1px) rotate(-2deg);filter:drop-shadow(0 0 11px rgba(198,168,119,.5))}@media(max-width:520px){.brand-icon{width:25px;height:25px;margin-right:8px}}

.step.active,.step.leaving-back.active{animation:none}.field-error{display:block;min-height:20px;visibility:hidden}.field-error.visible{visibility:visible}.choice:hover,.choice:focus-visible,.upload-card:hover,.photo-input:focus-visible+.upload-card,.button:hover,.button:focus-visible{transform:none}input:focus,input:hover,select:focus,select:hover,textarea:focus,textarea:hover{border-width:1px!important;transform:none!important}


/* v7.1 — hard form stability: focus and typing never move the form */
html{scroll-behavior:auto!important;overflow-anchor:none}
.progress{position:relative!important;top:auto!important;backdrop-filter:none!important}
.app-shell,.step,.step.active{overflow-anchor:none}
.step.active,.step.leaving-back.active{animation:none!important;transform:none!important}
.app-shell input[type=text],.app-shell input[type=email],.app-shell input[type=url],.app-shell input[type=tel],.app-shell select{height:54px!important;min-height:54px!important;line-height:22px!important;border-width:1px!important;transition:none!important;transform:none!important}
.app-shell textarea{min-height:130px;border-width:1px!important;transition:none!important;transform:none!important}
.app-shell input:focus,.app-shell input:hover,.app-shell select:focus,.app-shell select:hover,.app-shell textarea:focus,.app-shell textarea:hover{border-width:1px!important;transform:none!important}
.app-shell .choice,.app-shell .choice:hover,.app-shell .choice:focus-visible,.app-shell .choice:focus-within,.app-shell .choice-check,.app-shell .upload-card,.app-shell .upload-card:hover,.app-shell .button,.app-shell .button:hover,.app-shell .button:focus-visible{transform:none!important;transition:none!important}
.app-shell .button::before{display:none!important}
.progress i.active span{animation:none!important}
/* Keep one native dropdown indicator on the phone country selector. */
.phone-code:after{display:none!important}

/* Final alignment override: the country wrapper is a control, not a second label. */
.phone-code .phone-country-control{display:block!important;margin:0!important;color:inherit!important;font:inherit!important;letter-spacing:normal!important;text-transform:none!important;line-height:normal!important}
.phone-code .phone-country-control select{display:block!important;margin:0!important}
.phone-part>span:first-child{margin-bottom:8px!important}
/* Performance: backdrop blur is re-computed on every scroll frame and the film-grain overlay is a full-screen layer blended on every frame; both caused desktop scroll lag for an effect that is barely visible. Solid backgrounds keep the same look. */
body::before{display:none}
.site-header{background:rgba(9,9,9,.95);-webkit-backdrop-filter:none;backdrop-filter:none}
.app-shell,input[type=text],input[type=email],select,textarea{-webkit-backdrop-filter:none;backdrop-filter:none}

/* Contact upgrade: email confirmation, social profiles, consents and the confirm-your-email screen. */
.app-shell .field-label-secondary{margin-top:22px}
.email-suggestion{margin:8px 0 0;color:var(--muted);font-size:13px}
.suggestion-button{padding:0;border:0;background:none;color:var(--gold);font:inherit;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.suggestion-button:hover{color:var(--ivory)}
.suggestion-button:focus-visible,.add-link-button:focus-visible,.other-remove:focus-visible,.social-preview:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.socials-intro{margin:-12px 0 24px}
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}
.social-field{min-width:0}
.social-field-wide{grid-column:1/-1}
.social-label{display:block;margin:0 0 8px;color:var(--muted);font:700 10px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.social-label small{margin-left:6px;color:var(--gold);font-weight:500;letter-spacing:.02em;text-transform:none}
.social-input{position:relative}
.social-prefix{position:absolute;z-index:1;left:15px;top:50%;transform:translateY(-50%);color:var(--gold);font:600 14px/1 var(--sans);pointer-events:none}
.app-shell .social-input input{padding-left:38px}
.social-preview{display:inline-block;max-width:100%;margin-top:4px;color:var(--gold);font-size:12px;text-decoration:none;overflow-wrap:anywhere}
.social-preview span:first-of-type{text-decoration:underline;text-underline-offset:3px}
.social-preview:hover{color:var(--ivory)}
.social-field .field-error{min-height:0}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.other-links{min-width:0;margin:22px 0 0;padding:0;border:0}
.other-links legend{margin-bottom:12px;padding:0;color:var(--muted);font:700 10px/1.2 var(--sans);letter-spacing:.12em;text-transform:uppercase}
.other-links legend small{font-weight:500;letter-spacing:.02em;text-transform:none}
.other-link-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr) 44px;gap:10px;align-items:end;margin-bottom:12px}
.other-part{display:block;min-width:0}
.other-part>span{display:block;margin-bottom:6px;color:var(--muted);font-size:11px}
.other-remove{width:44px;height:54px;padding:0;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--ivory);font:300 24px/1 var(--sans);cursor:pointer}
.other-remove:hover{border-color:var(--gold);color:var(--gold)}
.add-link-button{min-height:44px;padding:0 16px;border:1px dashed var(--line);border-radius:10px;background:transparent;color:var(--gold);font:600 13px/1 var(--sans);cursor:pointer}
.add-link-button:hover{border-color:var(--gold);background:var(--gold-soft)}
#socials-error{margin-top:14px}
.safety-note{margin:24px 0 0;padding:14px 16px;border-left:3px solid var(--gold);background:rgba(201,170,117,.06);color:var(--muted);font-size:13px;line-height:1.55}
.safety-note strong{color:var(--ivory);font-weight:600}
.legal-consent+.legal-consent{margin-top:12px}
.review-row .v{white-space:pre-line;overflow-wrap:anywhere}
.confirm-sent{margin:-12px auto 26px;color:var(--muted);font-size:14px}
.confirm-sent strong{color:var(--ivory);font-weight:500;overflow-wrap:anywhere}
.confirm-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.confirm h2:focus{outline:none}
#resend-status{max-width:520px;margin:18px auto 0;text-align:center}
@media(max-width:620px){.social-grid{grid-template-columns:1fr}.other-link-row{grid-template-columns:minmax(0,1fr) 44px}.other-link-row .other-part:first-child{grid-column:1/-1}.confirm-actions .button{flex:1 1 100%}}
/* Fewer, fuller screens: related questions share a step. */
.field-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
p.field-label{display:block;margin:0 0 10px;color:var(--muted);font-size:13px;letter-spacing:.06em;text-transform:uppercase}
p.field-label span{color:var(--gold);font-weight:700;white-space:nowrap}
.app-shell .field-error{min-height:0}
@media(max-width:620px){.field-row{grid-template-columns:1fr}}

/* Polish: plain header hairline (the old centred accent aligned with nothing) and balanced headings */
.site-header:after,.site-header::after{background:var(--line)}
h1,h2,h3{text-wrap:balance}
h1{line-height:1.1}.choice-sub{line-height:1.5}

/* Thank-you screen: the ring draws, the tick lands, then the words rise in. */
.confirm-mark{display:block;width:64px;height:64px;margin:0 auto 24px;fill:none;stroke:var(--gold);stroke-linecap:round;stroke-linejoin:round;overflow:visible;filter:drop-shadow(0 0 16px rgba(201,170,117,.28))}
.confirm-ring{stroke-width:1.5;transform:rotate(-90deg);transform-origin:32px 32px}
.confirm-tick{stroke-width:2.5}
@media (prefers-reduced-motion:no-preference){
  .confirm-ring,.confirm-tick{stroke-dasharray:1;stroke-dashoffset:1}
  .confirm-ring{animation:confirm-draw .85s cubic-bezier(.65,0,.35,1) .1s forwards}
  .confirm-tick{animation:confirm-draw .45s cubic-bezier(.65,0,.35,1) .8s forwards}
  .confirm-mark{animation:confirm-pop .7s cubic-bezier(.16,1,.3,1) 1.05s}
  .confirm>:not(.confirm-mark){animation:confirm-rise .8s cubic-bezier(.16,1,.3,1) backwards}
  .confirm>.eyebrow{animation-delay:.45s}.confirm>h2{animation-delay:.55s}.confirm>.confirm-lede{animation-delay:.65s}.confirm>.confirm-sent{animation-delay:.72s}.confirm>.confirm-actions{animation-delay:.8s}
}
@keyframes confirm-draw{to{stroke-dashoffset:0}}
@keyframes confirm-pop{40%{transform:scale(1.08)}to{transform:none}}
@keyframes confirm-rise{from{opacity:0;transform:translate3d(0,14px,0)}}
/* Touch feedback: a short press on buttons and answer cards. */
@media (hover:none) and (pointer:coarse){.button,.choice,.upload-card,.add-link-button,.no-profile-button{-webkit-tap-highlight-color:transparent}}
@media (hover:none) and (pointer:coarse) and (prefers-reduced-motion:no-preference){
  .button:not(:disabled):active{transform:scale(.96);box-shadow:none;transition-duration:.1s}
  /* Inside the form transforms stay locked (see the .app-shell overrides above), so a press dims instead. */
  .app-shell .button:not(:disabled):active,.app-shell .choice:active,.app-shell .upload-card:active,.add-link-button:active,.no-profile-button:active{opacity:.72}
}

/* ======================================================================
   Design refresh (2026-09-30): depth, a step rail, and aligned controls.
   Everything below is additive and overrides the layers above.
   ====================================================================== */
body{background:
  radial-gradient(ellipse 900px 620px at 100% 0%,rgba(201,170,117,.10),transparent 62%),
  radial-gradient(ellipse 820px 700px at 0% 100%,rgba(92,22,46,.28),transparent 68%),
  var(--obsidian);background-attachment:fixed}
main{isolation:isolate}
main::before{content:"";position:absolute;z-index:-1;top:0;right:0;width:min(62vw,860px);height:640px;background:url(bg-apply.webp) right top/cover no-repeat;opacity:.34;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 10%,transparent 92%),linear-gradient(to left,#000 30%,transparent 100%);-webkit-mask-composite:source-in;
  mask-image:linear-gradient(to bottom,#000 10%,transparent 92%),linear-gradient(to left,#000 30%,transparent 100%);mask-composite:intersect}

/* Intro */
#intro .eyebrow{display:inline-flex;align-items:center;gap:10px}
#intro .eyebrow::before{content:"";width:26px;height:1px;background:var(--gold)}
#intro h1{text-wrap:balance}

/* Reassurance points */
.apply-trust{position:relative;margin:0 0 30px;padding-left:28px;color:var(--muted);font-size:13.5px;line-height:1.5}
.apply-trust::before{content:"";position:absolute;left:0;top:3px;width:16px;height:16px;border-radius:50%;background:rgba(201,170,117,.14);border:1px solid rgba(201,170,117,.5)}
.apply-trust::after{content:"";position:absolute;left:5px;top:7px;width:6px;height:3px;border-left:1.5px solid var(--gold);border-bottom:1.5px solid var(--gold);transform:rotate(-45deg)}

/* Progress: numbered, named steps */
.progress i{height:auto!important;background:none!important;overflow:visible!important;display:flex;flex-direction:column;gap:8px}
.progress i::before{content:"";display:block;height:3px;border-radius:2px;background:var(--line)}
.progress i span{position:relative!important;inset:auto!important;display:block;height:3px;margin-top:-11px;border-radius:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.progress i.done span,.progress i.active span{transform:scaleX(1)}
.progress i em,.progress i b{display:none}

/* The form card */
.app-shell{border:1px solid transparent!important;border-radius:20px!important;
  background:linear-gradient(165deg,rgba(24,23,25,.96),rgba(12,12,13,.96)) padding-box,
             linear-gradient(160deg,rgba(201,170,117,.55),rgba(244,239,231,.07) 38%,rgba(244,239,231,.05) 62%,rgba(124,22,46,.5)) border-box!important;
  box-shadow:0 40px 90px -40px rgba(0,0,0,.9),0 0 0 1px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.04)!important}
.step-count{margin:0 0 14px;color:var(--gold);font:700 10.5px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase}
.app-shell .q-label{margin-bottom:26px}

/* Labels: one style everywhere */
label.field-label,p.field-label,.phone-part>span:first-child{display:block;margin:0 0 9px!important;color:#b9b0bf;font:600 11px/1.3 var(--sans)!important;letter-spacing:.14em!important;text-transform:uppercase}
label.field-label span,p.field-label span{color:var(--gold);font-weight:700;letter-spacing:.08em}

/* Controls: one height, one surface */
.app-shell input[type=text],.app-shell input[type=email],.app-shell input[type=url],.app-shell input[type=tel],.app-shell select,.app-shell textarea{
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015))!important;border:1px solid rgba(244,239,231,.12)!important;border-radius:12px!important;color:var(--ivory)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.app-shell input:hover,.app-shell select:hover,.app-shell textarea:hover{border-color:rgba(201,170,117,.45)!important;background-color:transparent!important}
.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:var(--gold)!important;box-shadow:0 0 0 4px rgba(201,170,117,.14),inset 0 1px 2px rgba(0,0,0,.35)!important}
.app-shell input[aria-invalid="true"],.app-shell textarea[aria-invalid="true"],.app-shell select[aria-invalid="true"]{border-color:#e97366!important;box-shadow:0 0 0 4px rgba(233,115,102,.12)!important}

/* Phone: two columns that line up exactly */
.phone-composer{align-items:start!important;gap:14px!important}
.phone-part{display:flex!important;flex-direction:column}
.phone-part select,.phone-part input,.phone-code .phone-country-control select{height:54px!important;min-height:54px!important;max-height:54px!important;box-sizing:border-box!important;margin:0!important}
.phone-code .phone-country-control{height:54px}
.phone-code select{border-color:rgba(201,170,117,.35)!important}
.phone-national input{padding:0 16px!important;font-size:16px!important;letter-spacing:.04em!important}

/* Path choice cards */
.choice{border-radius:16px!important;border:1px solid rgba(244,239,231,.12)!important;background:linear-gradient(160deg,rgba(255,255,255,.04),rgba(255,255,255,.01))!important;padding:26px 24px!important;min-height:132px!important}
.choice .choice-title{font-size:22px}
.choice:hover{border-color:rgba(201,170,117,.5)!important}
.choice.selected,.choice:has(.choice-input:checked){border-color:var(--gold)!important;background:radial-gradient(ellipse 240px 140px at 0 0,rgba(201,170,117,.18),transparent 70%),linear-gradient(160deg,rgba(201,170,117,.10),rgba(255,255,255,.01))!important;box-shadow:0 18px 40px -24px rgba(201,170,117,.8)!important}
.choice-check{width:26px!important;height:26px!important;border-color:rgba(244,239,231,.25)!important}

/* Buttons */
.app-shell .button{border-radius:12px!important;min-height:50px;letter-spacing:.16em}
.app-shell .button-primary{background:linear-gradient(135deg,#e3cb99,#c9aa75 55%,#b8955a)!important;border-color:transparent!important;color:#16140f!important;box-shadow:0 14px 30px -16px rgba(201,170,117,.9)}
.app-shell .button-primary:not(:disabled)::after{content:"→";margin-left:10px;font-size:14px;letter-spacing:0}
.app-shell .button-primary:disabled{background:rgba(201,170,117,.18)!important;color:rgba(22,20,15,.7)!important;box-shadow:none}
.app-shell .button-ghost{border-color:rgba(244,239,231,.14)!important}
.app-shell .button-ghost::before{content:"←";margin-right:10px;letter-spacing:0}
.nav-buttons{padding-top:24px;border-top:1px solid rgba(244,239,231,.08)}

/* Photo upload cards and review rows */
.upload-card{border-radius:14px!important;background:linear-gradient(160deg,rgba(255,255,255,.035),rgba(255,255,255,.01))!important}
.review-list{border:1px solid rgba(244,239,231,.1);border-radius:14px;overflow:hidden;background:rgba(255,255,255,.015)}
.review-row{padding:14px 18px!important;border-bottom:1px solid rgba(244,239,231,.08)!important}
.review-row:last-child{border-bottom:0!important}
.legal-consent{border-radius:14px!important}

/* Desktop: intro and step rail on the left, the form on the right */
@media(min-width:1040px){
  main .wrap{width:min(1180px,calc(100% - 96px));display:grid;grid-template-columns:minmax(0,370px) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:64px;align-items:start}
  #intro{grid-column:1;grid-row:1}
  #intro h1{font-size:clamp(40px,3.6vw,52px);line-height:1.04}
  #intro .lede{margin-bottom:34px}
  .progress{grid-column:1;grid-row:2;display:flex!important;flex-direction:column;gap:0!important;margin:0 0 30px!important;padding:0!important}
  .apply-trust{grid-column:1;grid-row:3;align-self:start}
  .app-shell{grid-column:2;grid-row:1/span 3;margin:0!important;padding:44px 48px!important}
  .progress i{flex-direction:row;align-items:center;gap:14px;padding:11px 0;position:relative}
  .progress i::before,.progress i span{display:none}
  .progress i em{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:50%;border:1px solid rgba(244,239,231,.16);color:var(--muted);font:700 11px/1 var(--sans);font-style:normal;letter-spacing:.04em;background:rgba(255,255,255,.02);position:relative;z-index:1}
  .progress i b{display:block;color:var(--muted);font:500 14px/1.2 var(--sans)}
  .progress i:not(:last-child)::after{content:"";position:absolute;left:15px;top:41px;bottom:-11px;width:1px;background:rgba(244,239,231,.12)}
  .progress i.done em{background:rgba(201,170,117,.16);border-color:rgba(201,170,117,.55);color:var(--gold);font-size:0}
  .progress i.done em::before{content:"✓";font-size:12px}
  .progress i.done:not(:last-child)::after{background:rgba(201,170,117,.5)}
  .progress i.done b{color:#d8cfc2}
  .progress i.active em{background:var(--gold);border-color:var(--gold);color:#16140f;box-shadow:0 0 0 5px rgba(201,170,117,.14)}
  .progress i.active b{color:var(--ivory);font-weight:600}
  .step-count{display:none}
  /* /confirm-email has no form: one centred column, not the two above */
  main .wrap.confirm-wrap{display:block;width:min(760px,calc(100% - 48px))}
}
@media(max-width:1039px){
  .apply-trust{display:none}
  .app-shell{border-radius:18px!important}
}
@media(max-width:520px){
  main::before{width:100%;height:420px;opacity:.26}
  .app-shell .button-ghost::before{margin-right:6px}
  .choice{min-height:0!important;padding:20px!important}
}
@media(prefers-reduced-motion:reduce){.progress i span{transition:none}}
/* Breathing room between questions (the label rule above resets margins). */
.app-shell label.field-label,.app-shell p.field-label{margin-top:24px!important}
.app-shell .q-label+label.field-label,.app-shell .q-label+p.field-label,.app-shell .q-label+.hint+label.field-label{margin-top:0!important}
.app-shell .phone-part>span:first-child{margin-top:0!important}
.app-shell .hint{margin-top:8px}
/* A disabled button still reads as a button: outlined, with legible text. */
.app-shell .button-primary:disabled{background:rgba(201,170,117,.08)!important;border:1px solid rgba(201,170,117,.32)!important;color:rgba(244,239,231,.5)!important;opacity:1!important}
/* After submitting: the thank-you card takes the whole page, centred, on every screen size. */
.progress[hidden],.apply-trust[hidden],#intro[hidden]{display:none!important}
main .wrap.is-confirmed{display:block!important;width:min(640px,calc(100% - 48px))!important}
.wrap.is-confirmed .confirm{margin:48px auto 72px;padding:52px 48px 44px;border:1px solid rgba(244,239,231,.1);border-radius:22px;background:linear-gradient(180deg,rgba(201,170,117,.06),rgba(255,255,255,.015) 45%);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.confirm-next{list-style:none;margin:6px 0 30px;padding:0;text-align:left;border-top:1px solid rgba(244,239,231,.08)}
.confirm-next li{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid rgba(244,239,231,.08)}
.confirm-next span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(244,239,231,.16);color:var(--muted);font:700 11px/1 var(--sans)}
.confirm-next li.is-now span{background:var(--gold);border-color:var(--gold);color:#16140f;box-shadow:0 0 0 5px rgba(201,170,117,.14)}
.confirm-next b{display:block;color:var(--ivory);font:600 15px/1.3 var(--sans);margin-bottom:3px}
.confirm-next p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
@media(max-width:620px){.wrap.is-confirmed .confirm{margin:24px auto 48px;padding:36px 20px 28px;border-radius:18px}}
@media(prefers-reduced-motion:no-preference){.confirm>.confirm-next{animation-delay:.76s}}
/* No hard rule under the header; a soft shadow separates it from the page. */
.site-header::after,.site-header:after{display:none}
.site-header{box-shadow:0 22px 44px -28px rgba(0,0,0,.95)}
/* Pill buttons, matching the rest of the site. */
.button{border-radius:999px!important}

/* Form polish (Oct 2026): calmer labels, a visible step marker on every screen,
   a clearer focus state, and a quieter phone field. Kept last so it wins over
   the earlier layered overrides without touching them. */
.app-shell{position:relative;padding:40px 48px 36px;border-color:rgba(201,170,117,.22);background:linear-gradient(160deg,rgba(201,170,117,.06),rgba(21,21,23,.55) 42%);box-shadow:0 30px 90px -30px rgba(0,0,0,.6),inset 0 1px 0 rgba(244,239,231,.05)}
.app-shell::before{content:"";position:absolute;left:48px;right:48px;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(227,203,153,.85),transparent);pointer-events:none}
.app-shell .step-count{display:block!important;margin:0 0 10px;color:var(--gold);font:600 11px/1.2 var(--sans);letter-spacing:.18em;text-transform:uppercase}
.app-shell .q-label{margin-bottom:28px}
.app-shell label.field-label,.app-shell p.field-label{font:500 14px/1.35 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:#e7e1d7;margin-bottom:8px!important}
.app-shell label.field-label span,.app-shell p.field-label span{color:var(--muted);font-weight:400;text-transform:none;letter-spacing:0}
.app-shell .field-label-secondary{margin-top:24px}
.app-shell .hint{font-size:13px;color:var(--muted);margin-top:8px}
.app-shell input[type=text],.app-shell input[type=email],.app-shell input[type=url],.app-shell input[type=tel],.app-shell select,.app-shell textarea{border-radius:12px;border-color:rgba(244,239,231,.12)!important;background-color:rgba(255,255,255,.025)}
.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{outline:none;border-color:rgba(227,203,153,.75)!important;box-shadow:0 0 0 4px rgba(201,170,117,.14)!important;background-color:rgba(201,170,117,.04)}
.app-shell ::placeholder{color:rgba(244,239,231,.32)}
.phone-part>span:first-child{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.app-shell .phone-code select,.app-shell .phone-code .phone-country-control select{border-color:rgba(244,239,231,.12)!important;background:rgba(255,255,255,.025)!important}
.choice{border-radius:16px}
.choice-title{font-size:21px}
.app-shell .nav-buttons{margin-top:36px;padding-top:24px}
.app-shell .button{min-height:50px;padding:0 26px;border-radius:999px!important;font-size:11.5px;letter-spacing:.16em}
.app-shell .button-primary:not(:disabled){box-shadow:0 10px 30px -14px rgba(201,170,117,.8)}
.app-shell .button-primary:disabled{background:rgba(201,170,117,.10)!important;border-color:rgba(201,170,117,.25)!important;color:rgba(244,239,231,.45)!important}
.app-shell .button-ghost{border-color:rgba(244,239,231,.14)}
.app-shell .form-status:empty{display:none}
@media(max-width:520px){
  .app-shell{padding:26px 20px 22px}
  .app-shell::before{left:20px;right:20px}
  .app-shell .q-label{margin-bottom:22px}
  .app-shell .nav-buttons{margin-top:28px}
  .app-shell .button{flex:1;padding:0 14px}
  .app-shell .nav-buttons>span:first-child{display:none}
}
.app-shell .social-label,.app-shell .other-links legend{font:500 14px/1.35 var(--sans)!important;letter-spacing:0!important;text-transform:none!important;color:#e7e1d7}
.app-shell .social-label small,.app-shell .other-links legend small{color:var(--muted);font-weight:400;letter-spacing:0;text-transform:none}

/* ===== Visual redesign (Oct 2026) ===== */
:root{--g1:#f1dcaa;--g2:#c9aa75;--g3:#8a6a3a}
body{background:radial-gradient(900px 600px at 78% 8%,rgba(201,170,117,.13),transparent 60%),radial-gradient(700px 520px at 8% 92%,rgba(120,28,52,.22),transparent 65%),#09090a}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(rgba(244,239,231,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(244,239,231,.025) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000 10%,transparent 70%);mask-image:radial-gradient(ellipse at 60% 30%,#000 10%,transparent 70%)}
main,.site-header,.application-footer{position:relative;z-index:1}

/* Card: gold gradient frame, deep glass, glow */
.app-shell{border:0!important;border-radius:26px!important;padding:48px 52px 40px!important;background:linear-gradient(180deg,rgba(28,26,24,.92),rgba(14,14,15,.94))!important;box-shadow:0 40px 120px -40px rgba(201,170,117,.35),0 30px 80px -30px rgba(0,0,0,.8)!important;isolation:isolate}
.app-shell::before{content:""!important;position:absolute;inset:0!important;left:0!important;right:0!important;top:0!important;height:auto!important;border-radius:inherit;padding:1px;background:conic-gradient(from var(--ang,140deg),rgba(241,220,170,.9),rgba(201,170,117,.12) 25%,rgba(244,239,231,.06) 50%,rgba(201,170,117,.12) 75%,rgba(241,220,170,.9))!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1}
.app-shell::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(201,170,117,.16),transparent 65%);pointer-events:none;z-index:-1}
@property --ang{syntax:"<angle>";inherits:false;initial-value:140deg}
@media(prefers-reduced-motion:no-preference){.app-shell::before{animation:frame-spin 14s linear infinite}@keyframes frame-spin{to{--ang:500deg}}}

/* Step header: giant outlined step number behind the question */
.app-shell .step{position:relative}
.app-shell .q-label{position:relative;font-size:clamp(28px,3.6vw,38px)!important;letter-spacing:-.01em;background:linear-gradient(180deg,#fbf6ec,#d9cbb1);-webkit-background-clip:text;background-clip:text;color:transparent}
.app-shell .step::before{position:absolute;right:-6px;top:-34px;font:italic 400 128px/1 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(201,170,117,.22);pointer-events:none;letter-spacing:-.04em}
.app-shell .step[data-step=role]::before{content:"01"}.app-shell .step[data-step=about]::before{content:"02"}.app-shell .step[data-step=reach]::before{content:"03"}
.app-shell .step[data-step^=business]::before{content:"04"}.app-shell .step[data-step=extras]::before{content:"05"}.app-shell .step[data-step=review]::before{content:"06"}
.app-shell .step-count{display:inline-flex!important;align-items:center;gap:10px}
.app-shell .step-count::before{content:"";width:22px;height:1px;background:var(--gold)}

/* Choice cards: icon tiles */
.app-shell .choice-grid{gap:18px}
.app-shell .choice{min-height:200px!important;align-items:flex-end!important;padding:100px 26px 26px!important;border-radius:20px!important;border:1px solid rgba(244,239,231,.10)!important;background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.01))!important;transition:border-color .25s,background .25s,box-shadow .25s!important}
.app-shell .choice::before{content:"";position:absolute;left:26px;top:26px;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,rgba(241,220,170,.22),rgba(201,170,117,.06));border:1px solid rgba(201,170,117,.35)}
.app-shell .choice-copy::before{content:"";position:absolute;left:40px;top:40px;width:24px;height:24px;background:var(--g1);-webkit-mask:var(--ico) center/contain no-repeat;mask:var(--ico) center/contain no-repeat}
.app-shell label[for=role-new]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M12 2.5 14 9l6.5 2-6.5 2-2 6.5-2-6.5L3.5 11 10 9z'/%3E%3Cpath d='M19 2.5v4M17 4.5h4'/%3E%3C/svg%3E")}
.app-shell label[for=role-existing]{--ico:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3Cpath d='M15 7h6v6'/%3E%3C/svg%3E")}
.app-shell .choice-title{font-size:24px!important}
.app-shell .choice:hover{border-color:rgba(201,170,117,.5)!important;background:linear-gradient(160deg,rgba(201,170,117,.10),rgba(255,255,255,.015))!important}
.app-shell .choice:has(.choice-input:checked),.app-shell .choice.selected{border-color:var(--g1)!important;background:linear-gradient(160deg,rgba(201,170,117,.22),rgba(201,170,117,.04))!important;box-shadow:0 20px 50px -24px rgba(201,170,117,.9),inset 0 0 0 1px rgba(241,220,170,.35)!important}
.app-shell .choice:has(.choice-input:checked)::before{background:linear-gradient(145deg,var(--g1),var(--g2));border-color:transparent}
.app-shell .choice:has(.choice-input:checked) .choice-copy::before{background:#1a140b}
.app-shell .choice-check{top:24px!important;right:24px!important;width:28px!important;height:28px!important}

/* Inputs: icons, deeper wells, custom chevron */
.app-shell input[type=text],.app-shell input[type=email],.app-shell select,.app-shell textarea{background-color:rgba(0,0,0,.35)!important;border-color:rgba(244,239,231,.10)!important;box-shadow:inset 0 1px 2px rgba(0,0,0,.4)!important;font-size:16px}
.app-shell #f-name,.app-shell #f-email,.app-shell #f-country,.app-shell #f-contact-time,.app-shell #f-referral-id,.app-shell #f-new-platform{padding-left:50px!important;background-repeat:no-repeat!important;background-position:18px 50%!important;background-size:18px!important}
.app-shell #f-name{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21c1.5-4 4.5-6 8-6s6.5 2 8 6'/%3E%3C/svg%3E")!important}
.app-shell #f-email{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3.5 6 8.5 7 8.5-7'/%3E%3C/svg%3E")!important}
.app-shell #f-country{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 3 2.5 15 0 18M12 3c-2.5 3-2.5 15 0 18'/%3E%3C/svg%3E")!important}
.app-shell #f-contact-time{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E")!important}
.app-shell #f-referral-id{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6' stroke-linejoin='round'%3E%3Cpath d='M3 12V4h8l10 10-8 8z'/%3E%3Ccircle cx='7.5' cy='8.5' r='1.5'/%3E%3C/svg%3E")!important}
.app-shell #f-new-platform{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='1.6'%3E%3Crect x='3' y='3' width='7' height='7' rx='2'/%3E%3Crect x='14' y='3' width='7' height='7' rx='2'/%3E%3Crect x='3' y='14' width='7' height='7' rx='2'/%3E%3Crect x='14' y='14' width='7' height='7' rx='2'/%3E%3C/svg%3E")!important}
.app-shell select:not(#phone-country){appearance:none;-webkit-appearance:none;padding-right:46px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9aa75' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 18px center!important;background-size:16px!important}
.app-shell input:focus,.app-shell select:focus,.app-shell textarea:focus{border-color:var(--g1)!important;box-shadow:0 0 0 4px rgba(201,170,117,.16),0 10px 30px -12px rgba(201,170,117,.45)!important;background-color:rgba(201,170,117,.05)!important}
.app-shell .field-row{gap:16px}

/* Social fields as platform tiles */
.app-shell .social-prefix{color:var(--gold)!important}

/* Upload slots */
.app-shell .upload-card{border:1px dashed rgba(201,170,117,.45)!important;border-radius:18px!important;background:radial-gradient(circle at 50% 0,rgba(201,170,117,.10),transparent 70%),rgba(0,0,0,.25)!important}

/* Buttons */
.app-shell .button{min-height:54px!important;padding:0 30px!important;font-size:12px!important;letter-spacing:.18em!important}
.app-shell .button-primary:not(:disabled){background:linear-gradient(135deg,var(--g1),var(--g2) 55%,#a8854c)!important;color:#17120a!important;border:0!important;box-shadow:0 14px 34px -12px rgba(201,170,117,.75),inset 0 1px 0 rgba(255,255,255,.45)!important;font-weight:700!important}
.app-shell .button-primary::after{content:"→";margin-left:12px;font-size:15px;letter-spacing:0;transition:transform .25s}
.app-shell .button-primary:not(:disabled):hover::after{transform:translateX(4px)}
.app-shell .button-primary:not(:disabled)::before{content:""!important;display:block!important;position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%)}
@media(prefers-reduced-motion:no-preference){.app-shell .button-primary:not(:disabled)::before{animation:btn-sheen 3.2s ease-in-out infinite}@keyframes btn-sheen{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}}
.app-shell .button-ghost{background:rgba(255,255,255,.03)!important}

/* Review list as a receipt */
.app-shell .review-list{border:1px solid rgba(201,170,117,.25);border-radius:18px;overflow:hidden;background:rgba(0,0,0,.25)}

/* Left rail: glowing active step, gold progress line */
.progress i.active b,.progress i.active em{color:var(--ivory)!important}
@media(min-width:900px){
  #intro h1{font-size:clamp(44px,4.6vw,64px)!important;line-height:1.02!important;background:linear-gradient(180deg,#fff7e6,#cdb68a);-webkit-background-clip:text;background-clip:text;color:transparent}
}
.apply-trust{padding:14px 16px 14px 46px!important;border:1px solid rgba(201,170,117,.22);border-radius:14px;background:rgba(201,170,117,.05)}
.apply-trust::before{left:16px!important;top:16px!important}.apply-trust::after{left:21px!important;top:20px!important}

@media(max-width:520px){
  .app-shell{padding:30px 20px 24px!important;border-radius:22px!important}
  .app-shell .step::before{font-size:92px;top:-26px;right:-4px}
  .app-shell .choice{min-height:150px!important}
  .app-shell .q-label{font-size:28px!important}
}
.app-shell .upload-card{position:relative;padding-top:58px!important}
.app-shell .upload-card::after{content:"";position:absolute;right:16px;top:16px;width:30px;height:30px;border-radius:10px;background:rgba(201,170,117,.14) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23e3cb99' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 16V5'/%3E%3Cpath d='m7 10 5-5 5 5'/%3E%3Cpath d='M5 19h14'/%3E%3C/svg%3E") center/16px no-repeat}
.app-shell{overflow:hidden}
@media(max-width:520px){.app-shell .step::before{display:none}.app-shell::after{width:260px;height:260px;right:-80px;top:-100px}}
/* Seamless first paint: the page is held (see the apply-wait script in <head>) until the form script and fonts are ready, then fades in as one piece. */
main{transition:opacity .45s cubic-bezier(.16,1,.3,1)}
html.apply-wait main{opacity:0}
@media(prefers-reduced-motion:reduce){main{transition:none}}