.sa-section { background:#080a0c; color:#f3f4f5; font-family:var(--font-geist-sans),Arial,sans-serif; padding:64px 5%; scroll-margin-top:24px; color-scheme:dark; }
.sa-section * { box-sizing:border-box; }
.sa-wrap { max-width:1440px; margin:0 auto; }
.sa-topline { display:flex; justify-content:space-between; gap:20px; padding-bottom:22px; border-bottom:1px solid #343a3e; font-size:16px; color:#bfc4c8; }
.sa-topline span:first-child { letter-spacing:.24em; color:#f3f4f5; }
.sa-intro { margin:52px 0 54px; }
.sa-eyebrow { color:#eab63e!important; font-size:11px!important; letter-spacing:.16em; margin-bottom:20px!important; }
.sa-intro h2 { font-family:inherit; font-size:clamp(38px,4.3vw,64px); font-weight:600; line-height:1.08; letter-spacing:-.045em; margin:0 0 22px; text-transform:none; }
.sa-intro p { font-size:20px; line-height:1.5; color:#b8c0c7; margin:0; }
.sa-layout { display:grid; grid-template-columns:minmax(0,.86fr) minmax(0,1fr); gap:5%; align-items:start; }
.sa-section h3 { font-family:inherit; font-size:28px; font-weight:600; letter-spacing:-.035em; line-height:1.2; margin:0 0 12px; text-transform:none; }
.sa-guide > p { color:#b8c0c7; font-size:17px; line-height:1.5; margin:0; }
.sa-jump { display:inline-block; font-size:14px; margin-top:18px; color:#d1d7db; text-underline-offset:5px; }
.sa-section fieldset { margin:0; padding:0; min-width:0; border:0; }
.sa-section legend { padding:0; font-size:16px; line-height:1.4; font-weight:500; color:#f2f3f4; }
.sa-sceneGroup { margin-top:36px!important; padding-top:28px!important; border-top:1px solid #343a3e!important; }
.sa-scenes { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:20px; }
.sa-scene { position:relative; appearance:none; border:1px solid #41474b; border-radius:8px; padding:0; background:#111518; color:#fff; overflow:hidden; cursor:pointer; font:inherit; text-align:center; transition:border-color .18s,background .18s; }
.sa-scene > img { display:block; width:100%; height:clamp(112px,12.5vw,184px); object-fit:cover; filter:saturate(.65); }
.sa-scene > span:not(.sa-selectedMark) { display:block; padding:15px 4px; font-size:14px; }
.sa-scene[aria-pressed=true] { border-color:#eebd43; outline:1px solid #eebd43; }
.sa-selectedMark { position:absolute; top:9px; right:8px; padding:5px 7px; border-radius:4px; background:#eebd43; color:#15120a; font-size:10px; font-weight:600; }
.sa-section small { display:block; font-size:12px; color:#abb5bd; line-height:1.5; margin-top:12px; }
.sa-choiceGroup { margin-top:38px!important; }
.sa-chips { display:flex; flex-wrap:wrap; gap:9px; margin-top:18px; }
.sa-chips button { border:1px solid #444c52; border-radius:8px; background:#141a1e; color:#e3e8ec; font:inherit; font-size:13px; padding:13px 12px; min-height:44px; cursor:pointer; transition:background .18s; }
.sa-chips button[aria-pressed=true] { background:#efbd45; border-color:#efbd45; color:#111; }
.sa-scene:hover,.sa-chips button:hover { border-color:#c0c6cb; }
.sa-guide .sa-guideNote { margin-top:36px; padding-top:25px; border-top:1px solid #343a3e; font-size:14px; }
.sa-whatsapp { display:flex; align-items:center; gap:12px; color:#bfc8ce; font-size:15px; margin-top:70px; text-underline-offset:5px; width:fit-content; }
.sa-whatsapp img { filter:invert(1); }
.sa-form { background:#101518; border:1px solid #58616a; border-radius:12px; padding:34px; scroll-margin-top:24px; }
.sa-formIntro { margin:0 0 34px; font-size:15px; line-height:1.5; color:#b8c0c7; }
.sa-form fieldset + fieldset { margin-top:34px; }
.sa-form legend { width:100%; display:flex; align-items:center; gap:16px; margin-bottom:20px; }
.sa-form legend::after { content:""; flex:1; height:1px; background:#485259; }
.sa-form legend > span { border:1px solid #707b83; border-radius:50%; width:38px; height:38px; display:grid; place-items:center; font-size:14px; font-weight:400; }
.sa-field { display:flex; flex-direction:column; gap:8px; font-size:14px; line-height:1.4; margin-bottom:20px; min-width:0; }
.sa-field:last-child { margin-bottom:0; }
.sa-field input,.sa-field select,.sa-field textarea { width:100%; max-width:100%; min-width:0; border:1px solid #59636a; border-radius:5px; background:#161c20; color:#f0f3f5; padding:12px 13px; font-family:inherit; font-size:15px; font-weight:400; line-height:1.5; box-shadow:none; }
.sa-field input,.sa-field select { min-height:46px; }
.sa-field textarea { resize:vertical; min-height:84px; }
.sa-field input::placeholder,.sa-field textarea::placeholder { color:#909ba4; opacity:1; }
.sa-contactGrid { display:grid; grid-template-columns:1fr 1fr; gap:0 14px; }
.sa-privacy { font-size:12px; line-height:1.6; color:#b4bdc5; border-top:1px solid #465159; padding-top:22px; margin:24px 0; }
.sa-privacy a { color:inherit; text-underline-offset:3px; }
.sa-primary { display:flex; width:100%; align-items:center; justify-content:center; gap:16px; min-height:52px; padding:12px; background:#f7f8f9; color:#121619; font:inherit; font-size:15px; font-weight:550; border:0; border-radius:6px; cursor:pointer; }
.sa-primary:hover { background:#e1e6e9; }
.sa-deliveryNote { text-align:center; margin:12px 0 0; font-size:12px; color:#adb7bf; line-height:1.5; }
.sa-section :is(a,button,input,textarea,select):focus-visible { outline:2px solid #eebd43; outline-offset:4px; }
.sa-error { color:#ffb7ad; font-size:14px; line-height:1.5; }
.sa-review { margin-top:26px; border-top:1px solid #59636a; padding-top:22px; }
.sa-review h4 { font:600 21px/1.3 var(--font-geist-sans),Arial,sans-serif; margin:0 0 10px; }
.sa-review p { color:#bbc4cb; font-size:14px; line-height:1.5; }
.sa-review pre { white-space:pre-wrap; overflow-wrap:anywhere; font:14px/1.6 var(--font-geist-sans),Arial,sans-serif; max-height:360px; overflow:auto; padding:16px; background:#090d10; }
.sa-sendActions { display:flex; flex-wrap:wrap; gap:12px; }
.sa-sendActions a { display:block; border:1px solid #b3bdc4; color:#f3f4f5; padding:12px; border-radius:5px; font-size:14px; text-decoration:none; }
.sa-edit { margin-top:16px; color:#cbd3d9; background:none; border:0; padding:8px 0; font:inherit; font-size:14px; text-decoration:underline; cursor:pointer; }
.sa-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px!important; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
@media(min-width:1800px) { .sa-section { padding-top:88px; padding-bottom:88px; } }
@media(max-width:1050px) { .sa-layout { gap:28px; grid-template-columns:minmax(0,.85fr) minmax(0,1fr); } .sa-form { padding:24px; } .sa-scenes { grid-template-columns:repeat(2,minmax(0,1fr)); } .sa-scene > img { height:125px; } .sa-contactGrid { grid-template-columns:1fr; } .sa-section h3 { font-size:25px; } }
@media(max-width:700px) { .sa-section { padding:32px 20px 48px; } .sa-topline { font-size:12px; gap:12px; } .sa-topline span:first-child { letter-spacing:.16em; } .sa-intro { margin:36px 0; } .sa-intro h2 { font-size:38px; line-height:1.09; } .sa-intro p { font-size:17px; } .sa-layout { grid-template-columns:1fr; gap:36px; } .sa-scenes { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; } .sa-scene > img { height:108px; } .sa-scene > span:not(.sa-selectedMark) { font-size:11px; padding:12px 2px; } .sa-selectedMark { font-size:9px; padding:4px; top:5px; right:4px; } .sa-form { padding:24px 18px; } .sa-field input,.sa-field select,.sa-field textarea { font-size:16px; } .sa-contactGrid { grid-template-columns:1fr; } .sa-whatsapp { margin-top:25px; } .sa-choiceGroup { margin-top:28px!important; } .sa-form h3 { font-size:26px; } }
@media(prefers-reduced-motion:reduce) { .sa-section * { transition:none!important; scroll-behavior:auto!important; } }

.sa-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.sa-result{font-size:16px;line-height:1.5;margin:20px 0 0;color:#f2c96a}.sa-primary:disabled{opacity:.55;cursor:wait}

.sa-dialog:not([open]) { display:none!important; }
.sa-dialog { position:fixed; inset:0; width:min(1440px,calc(100% - 48px)); max-width:none; height:calc(100dvh - 48px); max-height:none; margin:auto; padding:0 44px 48px; overflow:auto; overscroll-behavior:contain; border:1px solid #353a40; border-radius:20px; box-shadow:0 24px 100px #0008; }
.sa-dialog::backdrop { background:rgb(0 0 0 / .72); backdrop-filter:blur(12px); }
.sa-dialog .sa-topline { position:sticky; top:0; z-index:3; background:#080a0c; padding:22px 0; align-items:center; }
.sa-close { font:inherit; color:#eee; background:#20252a; border:1px solid #41474b; border-radius:999px; padding:10px 20px; cursor:pointer; }
.sa-launchActions { display:flex; flex-wrap:wrap; gap:16px; margin-top:36px; }
.sa-launch,.sa-talk { display:inline-flex; align-items:center; justify-content:center; min-height:58px; padding:18px 28px; font:500 15px/1.3 monospace; letter-spacing:.07em; text-transform:uppercase; text-decoration:none; cursor:pointer; border:1px solid #62686c; border-radius:0; }
.sa-launch { color:#080a0c; background:#f0f1ee; }
.sa-talk { color:#e4e8eb; background:transparent; }
.sa-launch:focus-visible,.sa-talk:focus-visible,.sa-close:focus-visible { outline:2px solid #eab63e; outline-offset:5px; }
@media(max-width:700px) { .sa-dialog { width:100%;height:100dvh;border:0;border-radius:0;padding:0 20px 32px; } .sa-dialog .sa-topline{padding:16px 0;} .sa-dialog .sa-intro{margin:30px 0;} .sa-launchActions>*{width:100%;} }

.assessment.sa-entry { min-height:0; padding:80px 6%; background:#060a11; color:#dce2e6; }
.assessment.sa-entry::after { display:none; }
.sa-entry h2 { font-size:clamp(42px,6.5vw,96px);line-height:1.04;letter-spacing:-.04em;margin:30px 0 36px;max-width:1100px; }
.sa-entry h2 span,.sa-entry .eyebrow { color:#eab63e; }
.sa-entry .eyebrow { font:600 13px/1.5 monospace;letter-spacing:.16em; }
.sa-entry>p:not(.eyebrow) { max-width:860px;font:400 clamp(18px,2vw,26px)/1.65 Arial,sans-serif;color:#a7b0bc; }
@media(max-width:700px) { .assessment.sa-entry{padding:60px 24px;} }