/* Stone paving and soft shadow palette, shared by all pages and dialogs. */
:root{color-scheme:dark;--canvas:#24272d;--surface:#35383e;--raised:#454950;--ink:#f4f4f0;--muted:#c3c6c8;--accent:#dddcd5;--line:#bcbcba40;--night:radial-gradient(ellipse at 100% 0,#52535555,transparent 55%),radial-gradient(ellipse at 0 100%,#46484c55,transparent 50%),linear-gradient(145deg,#35383e,#24272d 65%,#27292d)}
html,body{background:var(--canvas);color:var(--ink)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-color:var(--accent)}
.stage,.plain-screen{background:var(--night);color:var(--ink)}
.tap.primary-face,.plain-button,.sf-cta,.primary,.dialog button{background:linear-gradient(115deg,#eeede7,#c6c7c4);color:#292d32;border-color:#e2e2e080;box-shadow:0 12px 32px #00020622;font-weight:750}
.tap.secondary-face,.secondary-end{background:#36383c;border-color:#838486;color:#f2f2f0;box-shadow:none}
.tap.disabled-mask,.submit-face:disabled{background:#36383c;color:#919294;border-color:#4d4e50;box-shadow:none}
.submit-face.busy{background:#c4c4c2;color:#292d32}
.gate-scene{background:radial-gradient(ellipse at 95% 20%,#7677792c,transparent 40%)}
.gate-scene::before,.gate-scene::after{content:"";width:1100px;height:1100px;border:2px solid #b5b5b322;border-radius:50%;top:-540px;right:-600px;filter:none;transform:none;background:none}
.gate-scene::after{width:850px;height:850px;top:1180px;right:450px;border-color:#bcbcba22}
.gate-brand{font-family:Georgia,"Times New Roman",serif;color:#dfdfdd;letter-spacing:0;font-weight:700;text-shadow:none}
.gate-brand::before,.gate-brand::after{content:"—";font-size:30px;margin:0 35px;color:#bcbcba66}
.gate-subtitle,.gate-progress-sub,.plain-center p{color:var(--muted)}
.gate-card-stack{background:linear-gradient(155deg,#454950,#26282c);border-color:#a7a8aa66;transform:none;border-radius:34px;box-shadow:0 28px 70px #00020633}
.gate-card-stack::before{inset:14px;transform:none;border:1px solid #bcbcba24;border-radius:24px}
.gate-card-stack::after{display:none}
.gate-card-title{color:#dddcd5;font-style:normal;font-weight:650;letter-spacing:2px}
.gate-question,.gate-preference-title,.gate-photo-caption,.gate-progress-title{color:var(--ink)}
.photo-option{background:#2b2d31;outline-color:#77787a;box-shadow:0 8px 26px #00020633}
.photo-option[aria-checked=true],.photo-option[aria-pressed=true]{outline-color:#d4d4d2;box-shadow:0 0 0 6px #b8b8b622,0 8px 26px #00020633}
.photo-option:focus-visible,.text-option:focus-visible,.tap:focus-visible,.radio-option:focus-visible{outline-color:#d4d4d2}
.text-option,.radio-option{background:#2b2d31;border-color:#6c6d6f;color:var(--ink)}
.text-option[aria-checked=true],.radio-option[aria-checked=true]{background:#4a4c50;border-color:#c9c9c7;box-shadow:none}
.answer-number{color:#c9c9c7;border-color:#88898b}.answer-radio{border-color:#b2b2b0}.text-option[aria-checked=true] .answer-radio{background:#dddcd5;border-color:#4a4c50;outline-color:#dddcd5}
.radio-option .radio-circle{background:#25272b;border-color:#969799}.radio-option[aria-checked=true] .radio-circle{border-color:#dddcd5}.radio-option .radio-circle:after{background:#dddcd5}
.form-panel{background:linear-gradient(155deg,#3d3f43,#25272b);border-color:#707173;box-shadow:0 22px 70px #00020633}
.form-title{color:var(--ink)}.form-step{color:#dddcd5}.form-question{color:#cfcfcd}
.native-progress,.progress-fill{background:linear-gradient(90deg,#a6a7a9,#dcdcda);box-shadow:none}.progress-track{background:#393b3f;box-shadow:inset 0 0 0 2px #737476}
.success-mark{background:linear-gradient(140deg,#eeede7,#c6c7c4);color:#2f3135;box-shadow:0 0 80px #afafad22}.success-title{color:var(--ink)}.success-subtitle{color:var(--muted)}
.ai-badge{background:#1f2125db;border-color:#a3a4a6;color:#ececea}.plain-title{color:#dddcd5;text-shadow:none}
.scrim{background:#131519bd}.dialog,.menu,.menu button{background:#35383e;border-color:#7e7f81;color:var(--ink)}.dialog p{color:var(--muted)}
.dialog button+button{background:#46484c;color:var(--ink)}.nojs{background:#35383e;color:var(--ink);border-color:#898a8c}

/* Gate welcome is fluid rather than a scaled photograph with overlaid copy. */
body.welcome-mode .viewport{display:block;overflow:visible;min-height:100svh}
body.welcome-mode .frame{position:static;overflow:visible;max-width:none}
body.welcome-mode .stage{position:relative;width:100%;min-height:100svh;transform:none;overflow:hidden;background:radial-gradient(ellipse at 100% 40%,#4c4d4f66,transparent 60%),linear-gradient(125deg,#24272d,#303236)}
body.welcome-mode .controls{display:none}
.welcome-shell{max-width:1200px;margin:auto;padding:34px 48px 56px;position:relative}
.welcome-header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:48px}
.welcome-wordmark{color:#dadad8;font-family:Georgia,"Times New Roman",serif;font-size:34px;font-weight:700;font-style:italic;letter-spacing:-1px}
.welcome-age{padding:7px 14px;border:1px solid #c1c1bf4a;border-radius:30px;color:#d7d7d5;font-size:12px;letter-spacing:2px}
.welcome-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;min-height:calc(100svh - 200px)}
.welcome-story{position:relative;z-index:1;padding:14px 0}
.welcome-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;font-size:12px;color:#c0c0be;letter-spacing:4px}
.welcome-eyebrow::before{content:"";width:34px;height:1px;background:#c0c0be}
.welcome-title{margin:0 0 24px;font-size:clamp(38px,4.2vw,58px);line-height:1.32;font-weight:750;letter-spacing:-2px}
.welcome-title>span{display:block}.welcome-title-accent{color:#d5d5d3}
.welcome-description{max-width:400px;font-size:15px;line-height:1.9;color:#cacac8;margin:0 0 28px}
.welcome-steps{display:flex;flex-wrap:wrap;gap:18px;margin:0 0 34px;font-size:12px;color:#d0d0ce}
.welcome-steps>span{display:flex;align-items:center;gap:7px}.welcome-steps b{color:#b1b1af;font-weight:500;font-size:10px;letter-spacing:1px}
.welcome-start{display:flex;align-items:center;justify-content:space-between;gap:28px;width:100%;max-width:350px;min-height:58px;padding:14px 24px;border:1px solid #dfdfdd;border-radius:10px;background:linear-gradient(110deg,#eeede7,#c6c7c4);box-shadow:0 10px 35px #00020622;color:#292d32;font-size:17px;font-weight:750;cursor:pointer}
.welcome-start:hover{filter:brightness(1.07)}.welcome-start-arrow{font-size:25px;font-weight:400}
.welcome-footnote{margin:14px 0 0;color:#b4b4b2;font-size:11px;line-height:1.6}
.welcome-portrait{position:relative;isolation:isolate;margin:0;width:100%;height:590px;max-height:75svh;border-radius:230px 230px 24px 24px;border:1px solid #b1b1af80;box-shadow:0 24px 70px #00020644;overflow:hidden;background:#454950}
.welcome-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 31%;filter:brightness(.92)}
.welcome-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#26282c22,transparent 42%,#1e2024e8)}
.welcome-photo-caption{position:absolute;bottom:30px;left:28px;right:28px;z-index:1;color:#ebebe9}.welcome-photo-caption>span{display:block;color:#c5c5c3;font-size:10px;letter-spacing:4px;margin-bottom:9px}.welcome-photo-caption strong{font-size:16px;letter-spacing:2px;font-weight:500}
@media(max-width:760px){.welcome-shell{padding:20px 24px 28px}.welcome-header{margin-bottom:24px}.welcome-wordmark{font-size:29px}.welcome-layout{display:flex;flex-direction:column-reverse;gap:24px;min-height:0;align-items:stretch}.welcome-portrait{width:100%;height:340px;max-height:44svh;border-radius:150px 150px 20px 20px}.welcome-image{object-position:50% 28%}.welcome-photo-caption{left:22px;bottom:20px}.welcome-photo-caption strong{font-size:13px}.welcome-story{padding:0}.welcome-eyebrow{margin-bottom:14px;font-size:10px;letter-spacing:3px}.welcome-title{font-size:34px;line-height:1.3;letter-spacing:-1px;margin-bottom:16px}.welcome-description{font-size:13px;margin-bottom:18px;max-width:100%}.welcome-steps{margin-bottom:22px;gap:14px;font-size:11px}.welcome-start{max-width:none;min-height:54px}.welcome-footnote{text-align:center}.welcome-age{font-size:11px;padding:6px 12px}}
@media(max-width:350px){.welcome-shell{padding-inline:18px}.welcome-title{font-size:29px}.welcome-steps{gap:10px;font-size:10px}}

/* Consent control and its policy dialog. */
.form-consent{position:absolute;display:flex;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:10px 18px;color:#cacac8;font-size:27px;line-height:1.5}
.form-consent-label{display:flex;align-items:flex-start;gap:16px;max-width:100%;cursor:pointer}.form-consent-label>span{flex:1}.form-consent-checkbox{flex:none;width:38px;height:38px;margin:2px 0 0;accent-color:#c2c2c0;cursor:pointer}
.form-learn-more{border:0;padding:4px 0;background:transparent;color:#d8d8d6;font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:6px;cursor:pointer;margin-left:54px;min-height:52px}
.policy-dialog{position:fixed;inset:0;margin:auto;width:calc(100% - 24px);max-width:480px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #a6a7a988;border-radius:18px;background:#35383e;color:#f4f4f0;box-shadow:0 24px 100px #00020688;font-family:Arial,"Microsoft YaHei",sans-serif}
.policy-dialog:not([open]){display:none}.policy-dialog::backdrop{background:#111317b8;backdrop-filter:blur(5px)}
.policy-header{display:flex;justify-content:center;align-items:center;position:relative;padding:18px 50px;border-bottom:1px solid #a6a7a955}.policy-header h2{font-size:21px;margin:0;line-height:1.35}.policy-close{position:absolute;right:9px;top:7px;width:44px;height:44px;background:transparent;border:0;color:#d9d9d7;font-size:27px;cursor:pointer}
.policy-body{padding:22px 24px;font-size:14px;line-height:1.8;color:#cfcfcd}.policy-body h3{font-size:15px;color:#d7d7d5;margin:0 0 8px}.policy-body p{margin:0 0 18px}.policy-link{display:block;width:fit-content;margin:10px 0;color:#d7d7d5;text-underline-offset:4px;font-weight:650}.policy-body .policy-scope{font-size:12px;color:#b7b7b5;margin:18px 0 0}
.policy-footer{display:flex;gap:12px;padding:14px 18px;border-top:1px solid #a6a7a955}.policy-footer button{flex:1;min-height:46px;border:0;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer}.policy-cancel{background:#46484c;color:#f2f2f0}.policy-agree{background:linear-gradient(110deg,#eeede7,#c6c7c4);color:#292d32}

/* Safari guidance, copying dialog, and the preview directory. */
.guide-body{background:radial-gradient(ellipse at 100% 0,#4a4c5055,transparent 60%),#24272d}
.replica-guide{background:radial-gradient(ellipse at 100% 0,#5e5f6155,transparent 58%),radial-gradient(ellipse at 0 100%,#46484c77,transparent 65%),linear-gradient(155deg,#2e3034,#1f2125);border:1px solid #98999b33}
.guide-logo{color:#dadad8}.guide-logo strong{font-family:Georgia,"Times New Roman",serif;text-shadow:none}.guide-logo span{color:#a3a4a6}
.guide-open,.guide-arrow,.top-copy-status,.copy-status{color:#d5d5d3}.guide-open:hover{background:#72737522}
.replica-copy{color:#e4e4e2}.replica-copy h1{color:#eaeae8}.replica-copy .replica-lead{color:#d5d5d3}.replica-copy ol{color:#cacac8}.replica-demo{color:#b0b0ae}.replica-action strong{color:#e2e2e0}
.copied-address,#copy-address{border-color:#81828488;background:#222428;color:#e6e6e4}
.copy-dialog{background:radial-gradient(ellipse at 100% 0,#4c4e52aa,transparent 70%),linear-gradient(135deg,#303236,#202226);border-color:#999a9c;color:#f0f0ee}
.copy-dialog-mark{background:linear-gradient(135deg,#eeede7,#c6c7c4);color:#313337}.copy-dialog-instructions{color:#cececc}.copy-dialog-label{color:#bebebc}.copy-dialog-address{background:#212327;border-color:#8f9092;color:#f2f2f0}.copy-dialog-again{color:#d5d5d3}.copy-dialog-status{background:#37393d;border-color:#6f7072;color:#e9e9e7}.copy-dialog-close{color:#ccccca}.copy-dialog[data-state="error"] .copy-dialog-mark{background:#808183;color:#ffffff}
.hub-body{background:radial-gradient(ellipse at 80% 0,#4e4f5166,transparent 65%),#24272d}.brand,.eyebrow{color:#d5d5d3}.hub p{color:#cacac8}.preview-list a{background:linear-gradient(125deg,#3d3f43,#2b2d31);border-color:#a2a3a555}.preview-list a:hover{background:#484a4e;border-color:#b9b9b7}.preview-list span,.preview-list b{color:#c5c5c3}.hub .hub-note{color:#b3b3b1}

/* Profile pages, registration, age confirmation, countdown, and sticky CTA. */
body.safari-mode .stage{background:#24272d}.sf-page{--sf-bg:#24272d;--sf-panel:#35383e;--sf-border:#d3d3d122;--sf-muted:#c2c2c0;--sf-purple:#dddcd5;background:radial-gradient(ellipse at 100% 15%,#4d4e505c,transparent 55%),#24272d;color:#f2f2f0}
.sf-nav,.sf-sticky{background:#35383eed;border-color:#b7b7b533}.sf-brand{color:#d5d5d3}.sf-brand svg{fill:#babab8;stroke:#eeede7;filter:none}.sf-language select{color:#e6e6e4;background:#393b3f;border-color:#b3b3b144}
.sf-hero-shade{background:linear-gradient(180deg,#21232714,transparent 15%,#2f313555 38%,#202226de 75%,#24272d 100%),linear-gradient(90deg,#35373b66,transparent 70%)}
.sf-badge{color:#dddddb;background:#3c3e42b0;border-color:#b4b4b24d}.sf-dot{background:#dddcd5;box-shadow:0 0 10px #babab855;animation:none}.sf-age{border-color:#c0c0be4d}.sf-highlight{color:#d5d5d3;background:linear-gradient(100deg,#e6e6e4,#b9b9b7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sf-hero-sub{color:#d7d7d5}
.sf-section-heading p{color:#c6c6c4}.sf-card{background:#2f3135;border-color:#a0a1a333}.sf-card:hover{border-color:#b7b7b5;box-shadow:0 6px 24px #00020644}.sf-card-overlay{background:linear-gradient(180deg,#1f212526,transparent 33%,transparent 55%,#1e2024e0)}.sf-card-tag{background:#323438c9;border-color:#b8b8b655;color:#e9e9e7}.sf-card-bottom{color:#e7e7e5}.sf-card-action{color:#d5d5d3}
.sf-feature{background:#333539;border-color:#b2b2b02b;color:#e1e1df}.sf-feature svg,.sf-final>svg{color:#cbcbc9}.sf-final{background:radial-gradient(ellipse at 50% 0,#5d5e6055,transparent 65%),#35383e;border-color:#afafad3f}.sf-footer{border-color:#c3c3c122;color:#b1b1af}.sf-text-button{color:#c9c9c7}.sf-sticky-copy{color:#d0d0ce}
.sf-register{background:radial-gradient(ellipse at 65% 10%,#53545655,transparent 48%),#24272d}.sf-back{background:#45474b66;border-color:#b2b2b044;color:#e9e9e7}.sf-form{background:linear-gradient(155deg,#3c3e42,#292b2f);border-color:#acacaa4d;box-shadow:0 15px 50px #00020633}.sf-field>label{color:#e6e6e4}
.sf-input,.sf-phone{background:#232529;color:#f2f2f0;border-color:#8a8b8d66}.sf-input::placeholder{color:#b1b1af}.sf-input:focus,.sf-phone:focus-within{border-color:#c4c4c2}.sf-dial{color:#cbcbc9;border-color:#b9b9b744}.sf-field-error{color:#c5c5c3}.sf-selected{color:#d9d9d7;border-color:#b3b3b133}.sf-selected>svg{color:#c4c4c2}
.sf-modal{background:#2f3135;border-color:#9e9fa188;color:#eeeeec}.sf-modal::backdrop{background:#14161ac4}.sf-modal>svg{color:#dddcd5}.sf-modal p{color:#cfcfcd}
.sf-age-overlay,.sf-age-overlay::backdrop{background:#24272d}.sf-age-scene::after{background:linear-gradient(150deg,#3f414577,#1b1d21ba)}.sf-age-panel{background:radial-gradient(ellipse at 50% 0,#62636555,transparent 70%),linear-gradient(145deg,#3f4145,#292b2f);border-color:#b5b5b366}.sf-age-close{color:#cececc}.sf-age-content h2{color:#ececea}.sf-age-description,.sf-age-label{color:#d3d3d1}.sf-age-track{border-color:#b5b5b355;background:#1f212566}.sf-age-fill{background:linear-gradient(90deg,#a8a9ab38,#cececc70)}.sf-age-handle{background:linear-gradient(135deg,#dadad8,#a0a1a3);border-color:#dddddbaa;box-shadow:0 0 16px #bdbdbb33;color:#323438}.sf-age-restriction{color:#bebebc}.sf-age-countdown{background:conic-gradient(#dddcd5 var(--age-progress),#ffffff12 0)}.sf-age-number{background:#3b3d41;color:#e7e7e5}.sf-age-caption{color:#cececc}
@media(min-width:780px){.sf-hero-shade{background:linear-gradient(0deg,#24272d,#292b2fbd 30%,#22242822 80%),linear-gradient(90deg,#24272dcc,transparent 42%,#35373b77)}}

/* Keep the supplied shadow photograph at its original aspect ratio. */
.welcome-portrait{width:100%;max-width:420px;height:auto;max-height:none;aspect-ratio:161/224;justify-self:center;border-radius:24px;background:#72757a;border-color:#b8bab9a3;box-shadow:0 22px 65px #00000033}
.welcome-image{object-fit:contain;object-position:center;filter:none}
.welcome-portrait::after{background:linear-gradient(180deg,transparent 62%,#1f242c14 76%,#1b2028bf 100%)}
.welcome-photo-caption{color:#f4f4ef}.welcome-photo-caption>span{color:#e1e2dc}
.gate-scene{background:linear-gradient(132deg,transparent 0 50%,#c9cccd08 50% 67%,transparent 67%)}
@media(max-width:760px){.welcome-portrait{width:100%;max-width:270px;align-self:center;height:auto;max-height:none;aspect-ratio:161/224;border-radius:20px}.welcome-image{object-position:center}.welcome-photo-caption{left:18px;right:18px;bottom:18px}}

/* Region collections share the paving-stone palette and preserve portrait proportions. */
.stage[data-page=pref0] .photo-option img{object-fit:cover;object-position:50% 20%}
.guide-region-choice{display:flex;align-items:center;gap:14px;margin:0 0 22px;padding:12px;border:1px solid var(--line);border-radius:14px;background:#ffffff08;color:var(--ink);font-size:14px;font-weight:600}
.guide-region-choice img{width:56px;height:64px;object-fit:cover;object-position:50% 20%;border-radius:9px;flex:none}
.sf-hero-region{border-inline-start:1px solid #ffffff40;padding-inline-start:10px;margin-inline-start:4px}
.sf-collections{position:sticky;top:44px;z-index:25;background:#2b2e33f5;border-block:1px solid #d5d6d526;backdrop-filter:blur(14px);scroll-margin-top:44px}
.sf-collection-list{display:flex;align-items:center;gap:9px;max-width:1120px;margin:auto;padding:14px 20px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#888b8d #2b2e33}
.sf-collection,.sf-subcollection{flex:none;min-height:42px;white-space:nowrap;border:1px solid #a8abad54;border-radius:12px;background:#373a40;color:#e6e7e2;padding:10px 17px;font-size:13px;font-weight:650;transition:background .2s,border-color .2s}
.sf-collection:hover,.sf-subcollection:hover{background:#484c53;border-color:#d3d5d1}
.sf-collection.is-active,.sf-subcollection.is-active{color:#24272d;background:#deded6;border-color:#deded6;box-shadow:0 3px 16px #0002}
.sf-page .sf-people{max-width:1120px;padding-top:32px;scroll-margin-top:132px}
.sf-page .sf-section-heading{align-items:center;gap:15px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid #d5d6d522}
.sf-section-heading h2{display:flex;align-items:center;gap:12px}
.sf-collection-count{font-size:12px;font-weight:500;color:#d3d5d1;background:#ffffff0a;border:1px solid #c8cbc326;border-radius:30px;padding:3px 10px}
.sf-subcollection{margin-bottom:18px;padding:7px 14px;min-height:36px;font-size:12px}
.sf-page .sf-card{border-radius:16px;background:#292c30}
.sf-page .sf-card-image{object-position:50% 20%}
.sf-page .sf-card-bottom{flex-wrap:wrap;align-items:flex-end;gap:8px;font-size:11px}
.sf-page .sf-card-action{margin-inline-start:auto}
.sf-pagination{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:28px}
.sf-pagination button{min-height:44px;border:1px solid #c4c6c54d;border-radius:10px;background:#3c4046;color:#eee;padding:8px 18px}
.sf-pagination button:disabled{opacity:.35}
.sf-page-count{font-size:13px;color:#c7c9c5}
@media(min-width:780px){.sf-page .sf-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sf-page .sf-hero-image{object-position:50% 23%}}
@media(max-width:560px){.sf-collection-list{padding:10px 14px;gap:7px}.sf-collection{padding:9px 13px;min-height:40px;font-size:12px}.sf-page .sf-people{padding-top:24px;scroll-margin-top:116px}.sf-page .sf-section-heading p{font-size:11px}.sf-pagination{gap:16px}.sf-hero-region{max-width:180px}}

/* Supplied regional profiles: names remain stable across language changes. */
.sf-profile-identity{display:flex;flex-direction:column;gap:4px;min-width:0;text-align:start}.sf-profile-name{font-size:18px;line-height:1.25;overflow-wrap:anywhere}.sf-profile-region{font-size:11px;line-height:1.3;opacity:.85}.sf-card-bottom{gap:8px}.sf-card-action{flex-shrink:0}

/* A shared, non-portrait stone gateway for every regional collection. */
.sf-hero.sf-hero-connection{isolation:isolate;height:auto;min-height:540px;max-height:none;align-items:center;background:radial-gradient(ellipse at 80% 40%,#65727124,transparent 56%),linear-gradient(125deg,#24272d 4%,#30383e 70%,#323b40);border-bottom:1px solid #d4d9cf1a}
.sf-hero-connection::after{content:"";position:absolute;inset:auto 0 0;height:90px;background:linear-gradient(transparent,#24272d);z-index:-1;pointer-events:none}
.sf-hero-art{position:absolute;z-index:-2;right:max(-65px,calc((100vw - 1400px)/2));top:50%;transform:translateY(-50%);width:760px;height:684px;max-width:none;object-fit:contain;pointer-events:none;user-select:none}
.sf-hero-layout{width:100%;max-width:1120px;margin-inline:auto;padding:76px 24px}
.sf-hero-connection .sf-hero-content{width:51%;max-width:540px;text-align:start;margin:0;padding:0}
.sf-hero-connection .sf-badge{margin-bottom:24px;background:#d7ddcf09;border-color:#c5cec336;font-size:10px;letter-spacing:.8px;padding:7px 12px;flex-wrap:wrap;max-width:100%}
.sf-hero-connection .sf-hero-title{font-size:clamp(32px,3.3vw,46px);font-weight:650;line-height:1.22;letter-spacing:-1.2px;text-shadow:none;text-wrap:balance}
.sf-hero-connection .sf-highlight{margin-top:10px;color:#bfcac4;background:none;-webkit-text-fill-color:currentColor;font-weight:450}
.sf-hero-connection .sf-hero-sub{max-width:360px;font-size:14px;line-height:1.8;color:#c1c8c6;margin:22px 0 28px!important}
.sf-hero-connection .sf-cta{min-height:48px;border-radius:9px;padding-inline:24px}
.sf-feature-region{min-width:0;font-size:12px;cursor:default}
.sf-feature-region svg{color:#c5d3cb}
[dir=rtl] .sf-hero-connection .sf-hero-content{margin-inline-start:auto}
@media(min-width:780px) and (max-width:1050px){.sf-hero-art{right:-190px;opacity:.8}.sf-hero-connection .sf-hero-content{width:54%}}
@media(max-width:779px){
 .sf-hero.sf-hero-connection{min-height:0;background:radial-gradient(ellipse at 50% 16%,#65727135,transparent 50%),linear-gradient(150deg,#30383e,#24272d 80%)}
 .sf-hero-art{top:-48px;left:50%;right:auto;transform:translateX(-50%);width:440px;height:396px;opacity:.85}
 .sf-hero-layout{padding:274px 24px 36px}
 .sf-hero-connection .sf-hero-content{width:100%;max-width:460px;margin:auto;text-align:center}
 .sf-hero-connection .sf-badge{margin-bottom:17px;letter-spacing:.25px}
 .sf-hero-connection .sf-hero-title{font-size:clamp(26px,7.5vw,35px);letter-spacing:-.65px;line-height:1.28}
 .sf-hero-connection .sf-highlight{margin-top:5px}
 .sf-hero-connection .sf-hero-sub{font-size:12px;max-width:330px;margin:17px auto 23px!important;line-height:1.75}
 .sf-hero-connection .sf-cta{min-height:46px}
}