:root{color-scheme:dark;--bg:#17171c;--silver:#d9dce7;--violet:#a3a0fa;--line:#ffffff24}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#fff;font-family:Inter,Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}header{height:86px;display:flex;align-items:center;gap:40px;padding:0 5%;border-bottom:1px solid var(--line);background:#17171c}header .brand img{width:218px;display:block}nav{display:flex;gap:30px;margin-left:auto}nav button,footer button{background:none;border:0;color:var(--silver);padding:12px 0}nav button:hover,footer button:hover{color:var(--violet)}nav span{margin-left:7px;color:var(--violet)}.demo{border:1px solid #a3a0fa60;border-radius:30px;padding:7px 12px;font-size:10px;letter-spacing:1px;color:var(--violet)}.hero{position:relative;min-height:615px;background:url('assets/background.jpg') center 52%/cover;display:flex;align-items:center;padding:65px 8%}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#090911a8,transparent 75%),linear-gradient(0deg,#17171c,transparent 25%)}.hero-copy{position:relative;max-width:600px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--violet);margin-bottom:28px}.hero h1{font-size:clamp(40px,4.5vw,68px);font-weight:300;letter-spacing:-2px;line-height:1.18;margin:0 0 26px}.hero p{color:var(--silver);line-height:1.9;max-width:400px}.primary,.secondary{border-radius:30px;padding:14px 25px;border:1px solid var(--silver);font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:25px}.primary{background:var(--silver);color:var(--bg)}.primary:hover{background:white}.secondary{background:transparent;color:#fff;border-color:#ffffff60}.secondary:hover{border-color:var(--violet);color:var(--violet)}.hero .primary{margin-top:20px}.hero-note{position:absolute;bottom:38px;right:6%;font-size:10px;letter-spacing:3px;color:#d9dce7a0}.section{padding:52px 8% 70px}.section-top{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section h2{font-weight:300;font-size:30px;margin:0 0 12px}.muted{color:#b2b5be;line-height:1.8}.categories{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.category{text-align:left;background:linear-gradient(145deg,#292930,#1c1c24);border:1px solid var(--line);border-radius:20px;padding:26px 22px;min-height:215px;transition:.2s}.category:hover{border-color:var(--violet);transform:translateY(-5px);background:linear-gradient(145deg,#332a50,#1c1c24)}.category svg{width:64px;height:64px;stroke:var(--silver);fill:none;stroke-width:1.4;margin-bottom:25px}.category strong{display:block;font-size:17px;font-weight:400;margin-bottom:9px}.category small{color:#b2b5be}.category .arrow{float:right;color:var(--violet)}.info-line{display:flex;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#b2b5be;font-size:12px}.info-line b{color:var(--violet);font-weight:400}.page{max-width:1200px;margin:auto;padding:38px 40px 80px}.back{background:none;border:0;color:#b2b5be;padding:8px 0;margin-bottom:24px}.page-title{font-size:38px;font-weight:300;margin:8px 0 14px}.steps{display:flex;gap:28px;padding:28px 0 32px;color:#8c8e96}.steps .active{color:var(--violet)}.layout{display:grid;grid-template-columns:1fr 280px;gap:30px}.panel{background:#202026;border:1px solid var(--line);border-radius:22px;padding:30px;margin-bottom:22px}.panel h2{font-size:21px;font-weight:400;margin:0 0 25px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:23px}.field{display:flex;flex-direction:column;gap:10px;color:var(--silver)}.field.full{grid-column:1/-1}.required{color:var(--violet)}input,select,textarea{width:100%;background:#17171c;border:1px solid #ffffff30;border-radius:8px;padding:13px 14px;color:#fff;min-width:0}input:focus,select:focus,textarea:focus{border-color:var(--violet)}textarea{resize:vertical;min-height:95px}.actions{display:flex;justify-content:space-between;gap:15px;margin-top:27px}.aside{align-self:start;position:sticky;top:25px}.aside h3{font-weight:400;font-size:17px}.aside p,.notice{font-size:12px;line-height:1.95;color:#b2b5be}.notice{border-left:2px solid var(--violet);padding:3px 0 3px 18px;margin:25px 0}.check{display:flex;gap:10px;align-items:flex-start;line-height:1.8;color:var(--silver);margin:20px 0}.check input{width:16px;flex-shrink:0;margin-top:5px;accent-color:var(--violet)}.badge{font-size:11px;color:var(--violet);background:#a3a0fa15;border-radius:20px;padding:6px 10px;display:inline-block}.summary{width:100%;border-collapse:collapse}.summary td,.summary th{border-bottom:1px solid var(--line);padding:14px 10px;text-align:left;line-height:1.7;vertical-align:top}.summary th{color:#b2b5be;font-weight:400;width:30%}.success{text-align:center;padding:70px 20px}.success-mark{width:75px;height:75px;border:1px solid var(--violet);color:var(--violet);border-radius:50%;display:grid;place-items:center;font-size:32px;margin:0 auto 25px}.success p{max-width:570px;margin:20px auto;color:var(--silver);line-height:1.9}.success .actions{justify-content:center}.partner-hero{background:linear-gradient(115deg,#2c098c77,#17171c),url('assets/background.jpg') center/cover;padding:60px 40px;border-radius:24px;margin-bottom:30px}.partner-hero h1{font-size:40px;font-weight:300;margin:15px 0}.partner-hero p{line-height:1.8;max-width:530px;color:var(--silver)}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:17px}details p,details li{line-height:2;color:var(--silver)}dialog{background:#202026;color:white;border:1px solid #ffffff35;border-radius:24px;width:460px;max-width:92vw;padding:30px}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}dialog h2{font-weight:300;margin-top:0}dialog .fields{grid-template-columns:1fr;gap:17px}.close{float:right;background:none;border:0;font-size:24px;color:#b2b5be}.error{color:#ffb3bd;line-height:1.7}.order{padding:25px;border:1px solid var(--line);border-radius:16px;margin:20px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.order h3{font-weight:400;margin:0 0 10px}footer{padding:26px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;color:#8c8e96;font-size:11px}footer span:nth-child(2){margin-left:auto}#toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--silver);color:var(--bg);padding:15px 25px;border-radius:30px;display:none;z-index:20}@media(max-width:900px){header{gap:15px;padding:15px 5%;height:auto;flex-wrap:wrap}.brand img{max-width:160px}nav{gap:18px;font-size:12px}.demo{display:none}.hero{min-height:540px;padding:50px 6%;background-position:60% center}.hero h1{font-size:42px}.hero-copy{max-width:420px}.categories{grid-template-columns:repeat(3,1fr)}.section{padding:40px 6%}.layout{grid-template-columns:1fr}.aside{position:static}.page{padding:30px 6%}.info-line{flex-wrap:wrap}.steps{gap:15px;font-size:12px}footer{flex-wrap:wrap;gap:10px}footer span:nth-child(2){margin:0}}@media(max-width:550px){header nav{width:100%;justify-content:space-between}.hero{min-height:510px;background-position:57% center}.hero:before{background:linear-gradient(90deg,#090911d0,#09091130),linear-gradient(0deg,#17171c,transparent 30%)}.hero h1{font-size:40px}.hero p{max-width:270px}.hero-note{display:none}.categories{grid-template-columns:1fr 1fr}.category{padding:20px;min-height:190px}.category:last-child{grid-column:1/-1;min-height:140px}.category:last-child svg{float:left;margin-right:28px}.section-top{display:block}.section h2{font-size:26px}.fields{grid-template-columns:1fr}.panel{padding:22px}.page-title{font-size:30px}.steps{gap:12px;flex-wrap:wrap}.partner-hero{padding:30px 24px}.partner-hero h1{font-size:30px}.actions{flex-wrap:wrap}.order{flex-wrap:wrap}.summary th{width:34%}}
/* V2 */
header .brand img{width:245px;height:auto;max-height:58px;object-fit:contain}.brand{flex-shrink:0}.journey{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.journey>div{border-top:1px solid var(--line);padding-top:25px}.journey b{font-size:13px;font-weight:400;color:var(--violet)}.journey h3{font-size:20px;font-weight:400}.journey p{line-height:1.9;color:#b2b5be}.group-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.group-head h2{margin:0}.device-row{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;margin-bottom:20px}.row-heading{display:flex;justify-content:space-between;color:var(--violet);margin-bottom:20px}.remove-row{background:none;border:0;color:#b2b5be}.remove-row:hover{color:#fff}.config-title{font-size:17px;font-weight:400;color:var(--violet);margin-top:30px}.add-row{font-size:12px;padding:11px 18px}#otheractivity[hidden]{display:none}header nav button[data-partner]{order:-1}@media(max-width:600px){.journey{grid-template-columns:1fr;gap:15px}.journey h3{margin:12px 0}.journey p{margin-top:0}header .brand img{max-width:215px}}

footer{font-size:clamp(22px,3vw,32px);font-weight:500;letter-spacing:.4px;color:#d9dce7;padding:38px 20px;text-align:center;justify-content:center}

.cooperation-section{border-bottom:1px solid var(--line);padding:20px 0}.cooperation-section h3{font-size:17px;font-weight:400;margin:0 0 20px}.cooperation-section p,.cooperation-section li{color:var(--silver);line-height:2}

.language-switch{display:flex;gap:8px;align-items:center;flex-shrink:0}.language-switch a{font-size:12px;color:#d9dce7;text-decoration:none;border:1px solid #ffffff35;border-radius:20px;padding:8px 10px}.language-switch a[aria-current="page"]{color:#17171c;background:#d9dce7}html[lang="en"] .hero h1{font-size:clamp(36px,4vw,60px);letter-spacing:-1px}html[lang="en"] nav{gap:18px}html[lang="en"] .hero-copy{max-width:650px}header{gap:22px}@media(max-width:1050px){header{flex-wrap:wrap;height:auto;padding-top:16px;padding-bottom:16px}.language-switch{margin-left:auto}.demo{display:none}}@media(max-width:550px){.language-switch{margin-left:0}html[lang="en"] .hero h1{font-size:40px}.language-switch a{padding:6px 10px}}
/* October 21 revision */
header{position:relative;gap:20px;flex-wrap:wrap;min-height:90px;height:auto;padding-top:14px;padding-bottom:14px}header nav{gap:24px;align-items:center}header .sponsor{width:176px;height:auto;max-height:68px;object-fit:contain;background:#fff;border-radius:6px;order:5}header .language-switch{order:4}#account-actions{position:absolute;right:220px;top:80px;z-index:10;background:#202026;border:1px solid var(--line);padding:12px 24px;border-radius:14px}#account-actions:not([hidden]){display:flex;flex-direction:column;align-items:flex-start}.scenario-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.scenario{min-height:150px;padding:24px 18px;text-align:left;background:#202026;border:1px solid var(--line);border-radius:18px;line-height:1.7}.scenario span{color:var(--violet);display:block;margin-bottom:24px}.scenario strong{font-size:16px;font-weight:400}.scenario:hover,.scenario.chosen{border-color:var(--violet);background:#2c098c44}.estimate-scroll{overflow-x:auto}.estimate .summary{min-width:490px}.estimate .summary th{width:auto}.estimate .summary td:first-child{min-width:170px}.estimate-total{font-size:25px;font-weight:300;color:var(--violet)}#ignore-invite[hidden]{display:none}#scene-continue[hidden],#scenario-other[hidden]{display:none}.steps{flex-wrap:wrap;gap:16px}html[lang="en"] .scenario strong{font-size:20px}.section h2{margin-top:8px}@media(max-width:1000px){.scenario-grid{grid-template-columns:repeat(3,1fr)}header .sponsor{width:145px;max-height:60px}#account-actions{right:25px;top:100px}}@media(max-width:550px){.scenario-grid{grid-template-columns:1fr 1fr}.scenario:last-child{grid-column:1/-1;min-height:110px}.scenario{min-height:135px;padding:20px}.scenario span{margin-bottom:15px}header nav{width:auto;margin-left:auto}header .sponsor{margin-left:auto;width:140px}.brand img{max-width:170px!important}.steps{font-size:11px;gap:10px}.estimate-total{font-size:21px}}
/* V4: preserve original logo proportions; trim only transparent/white margins in layout. */
header{display:grid;grid-template-columns:240px minmax(120px,1fr) auto 174px;gap:24px;min-height:88px;padding-top:20px;padding-bottom:20px;align-items:center}header .brand{display:block;position:relative;width:240px;height:36px;overflow:hidden;order:initial}header .brand img{position:absolute;display:block;width:259.632px!important;max-width:none!important;max-height:none;height:auto;left:-9.846px;top:-35.184px;object-fit:initial}header nav{justify-self:end;margin:0;order:initial;max-width:100%}header .language-switch{margin:0;order:initial}.sponsor-lockup{position:relative;overflow:hidden;width:174px;height:40px;justify-self:end;isolation:isolate}header .sponsor{position:absolute;width:250px!important;height:auto;max-height:none;max-width:none;left:-38px;top:-28px;mix-blend-mode:screen;background:transparent;border-radius:0;margin:0;object-fit:initial}.hero{min-height:370px;padding-top:60px;padding-bottom:75px;background-position:center 47%}.hero h1{margin-bottom:0}#scenarios{position:relative;padding-top:28px;padding-bottom:50px;margin-top:-32px;background:linear-gradient(180deg,#17171cf2,#17171c 120px);border-radius:28px 28px 0 0}#scenarios h2{margin-top:0}.date-control{position:relative}.date-control .date-text{padding-right:48px;font-variant-numeric:tabular-nums}.date-control .date-calendar{position:absolute;right:0;top:0;width:44px;height:100%;opacity:0;cursor:pointer;padding:0}.date-calendar::-webkit-calendar-picker-indicator{position:absolute;width:100%;height:100%;inset:0;margin:0;padding:0;cursor:pointer}.calendar-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:20px;color:#d9dce7;pointer-events:none}.date-control:focus-within{outline:1px solid #a3a0fa;border-radius:8px}dialog{max-height:90vh;overflow-y:auto}#account-actions{top:72px;right:260px}
@media(max-width:1050px){header{grid-template-columns:210px 1fr 164px;gap:18px}header .brand{width:210px;height:32px}header .brand img{width:227.178px!important;left:-8.626px;top:-30.786px}.language-switch{grid-column:2;grid-row:2;justify-self:end}.sponsor-lockup{grid-column:2;grid-row:1 / span 2}.hero{min-height:330px}#account-actions{right:205px}}@media(max-width:650px){header{grid-template-columns:1fr auto;gap:20px 14px;padding:18px 5%}header .brand{width:185px;height:28px;grid-column:1;grid-row:1}header .brand img{width:200.133px!important;left:-7.599px;top:-27.12px}.sponsor-lockup{width:143px;height:33px;grid-column:2;grid-row:1}header .sponsor{width:205px!important;left:-31.5px;top:-23px}header nav{grid-column:1;grid-row:2;width:auto;justify-self:start;gap:20px}header .language-switch{grid-column:2;grid-row:2;justify-self:end;gap:6px}.language-switch a{font-size:11px;padding:6px 8px}.hero{min-height:285px;padding:52px 6% 65px}.hero h1{font-size:39px}#scenarios{padding-top:28px;margin-top:-20px}#scenarios .steps{gap:8px}#account-actions{top:102px;right:auto;left:5%}}@media(max-width:370px){header .brand{width:155px;height:24px}header .brand img{width:167.68px!important;left:-6.37px;top:-22.72px}.sponsor-lockup{width:125px;height:29px}header .sponsor{width:179px!important;left:-27.5px;top:-20px}}
.sponsor-lockup{isolation:auto}

.aside .notice p{margin:0 0 14px;line-height:1.9}.aside .notice p:last-child{margin-bottom:0}.aside>p:last-child{margin-bottom:0}.aside p{word-break:normal;overflow-wrap:break-word;text-wrap:pretty}

/* Smaller Discovery lockup; keep the complete original mark within its crop. */
header .brand{width:204px;height:31px}header .brand img{width:220.687px!important;left:-8.37px;top:-29.91px}.hero .eyebrow{margin-bottom:22px;color:#a3a0fa;font-size:11px;letter-spacing:3px;line-height:1.8}@media(max-width:1050px){header .brand{width:178.5px;height:27px}header .brand img{width:193.104px!important;left:-7.332px;top:-26.168px}}@media(max-width:650px){header .brand{width:157.25px;height:24px}header .brand img{width:170.113px!important;left:-6.46px;top:-23.05px}.hero .eyebrow{font-size:9px;letter-spacing:2px;margin-bottom:17px}}@media(max-width:370px){header .brand{width:131.75px;height:20px}header .brand img{width:142.528px!important;left:-5.41px;top:-19.31px}.hero .eyebrow{letter-spacing:1.5px}}
.row-controls{border:0;padding:0;margin:0;min-width:0}.row-controls:disabled input,.row-controls:disabled select{opacity:1;color:#d9dce7;background:#1b1b21;border-color:#ffffff18}.row-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.row-actions button{font-size:12px;padding:10px 18px}
/* V6: show the complete sponsor mark with space on all four sides. */
header{grid-template-columns:240px minmax(120px,1fr) auto 190px}.sponsor-lockup{width:190px;height:52px;overflow:visible}header .sponsor{width:220px!important;left:-10px;top:-18px;max-height:none;object-fit:contain;clip-path:none;mask-image:none}

@media(max-width:1050px){header{grid-template-columns:210px 1fr 180px}.sponsor-lockup{width:180px;}header .sponsor{width:180px!important;left:0px;top:-39px}}

@media(max-width:650px){header{grid-template-columns:1fr auto}.sponsor-lockup{width:108px;}header .sponsor{width:125px!important;left:-5px;top:0px}}@media(max-width:370px){.sponsor-lockup{width:140px;height:39px}header .sponsor{width:179px!important;left:-20px;top:-15px}}
/* Header lockup: Alienware + Discovery on the left; no right-side sponsor. */
header{grid-template-columns:auto minmax(0,1fr) auto auto;}
header .brand{--mark:30px;display:flex;align-items:center;gap:28px;position:static;width:auto;height:auto;overflow:visible;grid-column:auto;grid-row:auto}
header .brand .logo-left{position:static!important;width:auto!important;height:var(--mark);max-width:none!important;max-height:none;left:auto!important;top:auto!important;object-fit:contain}
header .logo-right-wrap{position:relative;overflow:hidden;flex:0 0 auto;height:var(--mark);width:calc(var(--mark) * 2824 / 412)}
header .logo-right-wrap .logo-right{position:absolute!important;width:auto!important;height:calc(var(--mark) * 1241 / 412);max-width:none!important;max-height:none;left:calc(var(--mark) * -116 / 412)!important;top:calc(var(--mark) * -414 / 412)!important;object-fit:initial}
header nav{position:relative;max-width:none}
.language-switch a{white-space:nowrap}
#account-actions{top:calc(100% + 8px);right:0;left:auto;width:max-content;max-width:none;white-space:nowrap}
#account-actions button{white-space:nowrap}
@media(max-width:1050px){header{grid-template-columns:minmax(0,1fr) auto}header .brand{--mark:26px;gap:16px;grid-column:1 / -1;grid-row:1;width:auto;height:auto}header nav{grid-column:1;grid-row:2;justify-self:start;width:auto}header .language-switch{grid-column:2;grid-row:2;justify-self:end;margin-left:0}#account-actions{left:0;right:auto}}
@media(max-width:420px){header .brand{--mark:20px;gap:10px}}
/* Keep the estimate table inside its own scroller so a narrow screen does not widen the page. */
.layout{grid-template-columns:minmax(0,1fr) 280px}
.layout>form,.layout>.aside,.panel{min-width:0;max-width:100%}
.page{min-width:0}
.estimate-scroll{display:block;max-width:100%;overflow-x:auto}
@media(max-width:900px){.layout{grid-template-columns:minmax(0,1fr)}}
.notice.estimate-disclaimer{font-size:18px;line-height:1.75}
.hero,#scenarios{padding-left:5%;padding-right:5%}
@media(min-width:901px){
  .hero h1{font-size:clamp(42px,4.2vw,64px)}
  html[lang="en"] .hero h1{font-size:clamp(44px,4.6vw,72px)}
  #scenarios h2{font-size:40px}
  #scenarios .muted{font-size:16px}
  #scenarios .steps{font-size:16px}
  .scenario strong{font-size:20px}
  .scenario span{font-size:15px}
}
@media(min-width:1100px){
  .layout{grid-template-columns:minmax(0,1fr) 420px;gap:36px}
  .aside h3{font-size:24px}
  .aside p,.aside .notice,.aside .notice p{font-size:16px;line-height:1.85}
}
footer.site-footer{display:block;margin-top:24px;padding:28px 5% 40px;border-top:1px solid var(--line);text-align:center;color:#8c8e96;font-size:13px;font-weight:400;letter-spacing:0;line-height:1.9}
footer.site-footer p{margin:0}
footer.site-footer a{color:#d9dce7;text-decoration:none}
footer.site-footer a:hover{color:var(--violet)}
