/* D2C Game contact v2 – isolated styles from supplied handoff. */
#d2c-contact-v2{--ink:#10111b;--muted:#686a77;--paper:#f8f8fa;--line:#e3e3e9;--purple:#713de2;--soft:#f4f0fc;--gold:#ffca38;--green:#237659;--radius:16px;color:var(--ink);font-family:inherit;container:canvas / inline-size;width:100%;background:white;}
#d2c-contact-v2,#d2c-contact-v2 *{box-sizing:border-box}
#d2c-contact-v2 button,#d2c-contact-v2 input,#d2c-contact-v2 select,#d2c-contact-v2 textarea{font-family:inherit}
#d2c-contact-v2 button{cursor:pointer;color:inherit}
#d2c-contact-v2 button:disabled{cursor:wait;opacity:.7}
#d2c-contact-v2 svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#d2c-contact-v2 [hidden]{display:none!important}
#d2c-contact-v2 button:focus-visible,#d2c-contact-v2 a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}
#d2c-contact-v2 input:focus-visible,#d2c-contact-v2 select:focus-visible,#d2c-contact-v2 textarea:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
#d2c-contact-v2 .contact-honeypot-v2{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}

#d2c-contact-v2 .wrap{width:calc(100% - 96px);
max-width:1180px;
margin:0 auto}
#d2c-contact-v2 .hero{background:#11121b;
color:white;
overflow:hidden;
position:relative}
#d2c-contact-v2 .hero:after{content:"";
position:absolute;
width:510px;
height:510px;
border:1px solid #ffffff0a;
border-radius:50%;
right:-70px;
top:-130px;
pointer-events:none}
#d2c-contact-v2 .hero-inner{padding-top:66px;
padding-bottom:66px;
display:grid;
grid-template-columns:1.5fr 1fr;
gap:75px;
align-items:center}
#d2c-contact-v2 .eyebrow{text-transform:uppercase;
letter-spacing:2.4px;
font-size:10px;
line-height:1.4;
font-weight:800;
display:flex;
gap:10px;
align-items:center}
#d2c-contact-v2 .eyebrow:before{content:"";
height:6px;
width:6px;
background:var(--gold);
border-radius:50%}
#d2c-contact-v2 .hero h1{font-size:clamp(42px,4.4vw,64px);
letter-spacing:-2.6px;
font-weight:700;
line-height:1.04;
margin:23px 0 22px}
#d2c-contact-v2 .hero h1 span{color:var(--gold)}
#d2c-contact-v2 .hero p{font-size:16px;
line-height:1.7;
max-width:490px;
margin:0;
color:#b8bac7}
#d2c-contact-v2 .hero-art{position:relative;
display:flex;
flex-direction:column;
gap:11px;
padding-left:22px}
#d2c-contact-v2 .hero-art:before{content:"";
height:170px;
width:1px;
background:linear-gradient(transparent,#716581,transparent);
position:absolute;
left:0;
top:10px}
#d2c-contact-v2 .art-row{display:flex;
justify-content:space-between;
align-items:center;
border-bottom:1px solid #ffffff14;
padding:12px 0 18px;
gap:30px}
#d2c-contact-v2 .art-row:last-child{border-bottom:0;
padding-bottom:8px}
#d2c-contact-v2 .art-left{display:flex;
gap:15px;
align-items:center}
#d2c-contact-v2 .art-left svg{color:#b29bdf;
width:21px}
#d2c-contact-v2 .art-left b{font-size:16px;
font-weight:500}
#d2c-contact-v2 .art-row small{color:#8b8d9d;
font-size:10px;
letter-spacing:.7px}
#d2c-contact-v2 .selection{padding-top:48px;
padding-bottom:44px}
#d2c-contact-v2 .section-heading{display:flex;
justify-content:space-between;
align-items:flex-end;
gap:20px;
margin-bottom:25px}
#d2c-contact-v2 .section-heading h2{font-size:27px;
letter-spacing:-.9px;
margin:0 0 8px}
#d2c-contact-v2 .section-heading p{margin:0;
color:var(--muted);
font-size:14px;
line-height:1.6}
#d2c-contact-v2 .step-hint{font-size:11px;
color:var(--muted);
white-space:nowrap;
margin-bottom:4px}
#d2c-contact-v2 .route-grid{display:grid;
grid-template-columns:repeat(3,1fr);
gap:16px}
#d2c-contact-v2 .route{appearance:none;
border:1px solid var(--line);
border-radius:var(--radius);
background:white;
padding:27px;
text-align:left;
position:relative;
display:flex;
flex-direction:column;
transition:border-color .2s,transform .2s,box-shadow .2s;
min-height:256px}
#d2c-contact-v2 .route:hover{border-color:#a68ad9;
transform:translateY(-3px);
box-shadow:0 14px 30px #1713240b}
#d2c-contact-v2 .route-top{display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:24px}
#d2c-contact-v2 .route-icon{width:43px;
height:43px;
border-radius:12px;
display:grid;
place-items:center;
background:var(--soft);
color:var(--purple)}
#d2c-contact-v2 .route-num{color:#a1a2ad;
font-size:11px;
letter-spacing:1px}
#d2c-contact-v2 .route h3{font-size:22px;
letter-spacing:-.6px;
margin:0 0 10px}
#d2c-contact-v2 .route p{font-size:14px;
color:var(--muted);
line-height:1.65;
margin:0 0 20px;
max-width:270px}
#d2c-contact-v2 .route-foot{margin-top:auto;
display:flex;
justify-content:space-between;
align-items:center;
gap:10px;
font-weight:700;
font-size:11px}
#d2c-contact-v2 .route-foot svg{width:18px;
color:var(--purple)}
#d2c-contact-v2 .other-line{display:flex;
justify-content:space-between;
align-items:center;
gap:25px;
margin-top:18px;
border:1px solid var(--line);
border-radius:12px;
background:#fafafd;
padding:18px 24px}
#d2c-contact-v2 .other-line b{font-size:13px;
display:block;
margin-bottom:5px}
#d2c-contact-v2 .other-line p{color:var(--muted);
font-size:12px;
line-height:1.5;
margin:0}
#d2c-contact-v2 .text-btn{display:inline-flex;
gap:8px;
align-items:center;
background:none;
border:0;
padding:5px 0;
color:var(--purple);
font-weight:700;
font-size:12px}
#d2c-contact-v2 .text-btn svg{width:17px;
height:17px}
#d2c-contact-v2 .route-help{display:flex;
justify-content:center;
gap:6px;
align-items:center;
font-size:12px;
color:var(--muted);
margin-top:24px}
#d2c-contact-v2 .route-help .text-btn{font-size:12px}
#d2c-contact-v2 .next-section{background:#f7f7fa;
border-top:1px solid #eeeef3;
padding:37px 0}
#d2c-contact-v2 .next-grid{display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:44px}
#d2c-contact-v2 .next-item{display:flex;
align-items:flex-start;
gap:14px}
#d2c-contact-v2 .next-num{font-size:11px;
display:grid;
place-items:center;
width:25px;
height:25px;
flex:none;
border:1px solid #dadbe4;
border-radius:50%;
color:#7b7d89}
#d2c-contact-v2 .next-item h3{font-size:13px;
margin:3px 0 8px}
#d2c-contact-v2 .next-item p{font-size:12px;
line-height:1.65;
color:var(--muted);
margin:0}
#d2c-contact-v2 .faq-section{padding:48px 0 54px;
display:grid;
grid-template-columns:1fr 1.8fr;
gap:80px}
#d2c-contact-v2 .faq-section h2{font-size:26px;
letter-spacing:-.7px;
line-height:1.15;
margin:0 0 12px}
#d2c-contact-v2 .faq-section .intro{font-size:13px;
color:var(--muted);
line-height:1.6}
#d2c-contact-v2 .faqs details{border-bottom:1px solid var(--line)}
#d2c-contact-v2 .faqs summary{list-style:none;
cursor:pointer;
display:flex;
justify-content:space-between;
gap:20px;
font-weight:600;
font-size:13px;
padding:19px 0}
#d2c-contact-v2 .faqs summary::-webkit-details-marker{display:none}
#d2c-contact-v2 .faqs summary:after{content:"+";
color:var(--purple);
font-size:18px;
line-height:15px}
#d2c-contact-v2 .faqs details[open] summary:after{content:"−"}
#d2c-contact-v2 .faqs p{font-size:13px;
color:var(--muted);
line-height:1.7;
margin:0 24px 20px 0}
#d2c-contact-v2 .form-zone{background:#f8f8fb;
min-height:650px;
padding:30px 0 56px}
#d2c-contact-v2 .form-top{display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
margin-bottom:24px}
#d2c-contact-v2 .back-link{border:0;
background:transparent;
color:#676a79;
font-size:12px;
display:inline-flex;
align-items:center;
gap:8px;
padding:5px 0}
#d2c-contact-v2 .back-link svg{width:16px;
height:16px}
#d2c-contact-v2 .path-label{font-size:10px;
font-weight:800;
letter-spacing:1.2px;
color:var(--purple);
text-transform:uppercase}
#d2c-contact-v2 .form-layout{display:grid;
grid-template-columns:minmax(0,1fr) 270px;
gap:28px;
align-items:start}
#d2c-contact-v2 .form-card{background:white;
border:1px solid var(--line);
border-radius:18px;
padding:34px}
#d2c-contact-v2 .progress{display:flex;
gap:10px;
margin-bottom:30px}
#d2c-contact-v2 .progress-item{flex:1}
#d2c-contact-v2 .progress-line{height:3px;
border-radius:2px;
background:#ececf1;
margin-bottom:10px}
#d2c-contact-v2 .progress-item.current .progress-line{background:var(--purple)}
#d2c-contact-v2 .progress-item.done .progress-line{background:#b19acb}
#d2c-contact-v2 .progress-item span{font-size:10px;
color:#9294a1}
#d2c-contact-v2 .progress-item.current span{color:var(--purple);
font-weight:700}
#d2c-contact-v2 .form-card h2{font-size:31px;
line-height:1.15;
letter-spacing:-1px;
margin:0 0 10px}
#d2c-contact-v2 .form-intro{font-size:13px;
color:var(--muted);
line-height:1.6;
margin:0 0 28px}
#d2c-contact-v2 .fields{display:grid;
grid-template-columns:1fr 1fr;
gap:23px 19px}
#d2c-contact-v2 .field{min-width:0;
display:block}
#d2c-contact-v2 .field.full{grid-column:1/-1}
#d2c-contact-v2 .field-label, #d2c-contact-v2 legend{font-size:12px;
line-height:1.5;
font-weight:700;
display:block;
margin-bottom:8px}
#d2c-contact-v2 .optional{color:#80838f;
font-size:10px;
font-weight:400;
margin-left:3px}
#d2c-contact-v2 .field-hint{font-size:11px;
line-height:1.5;
color:#7b7d8b;
margin:6px 0 0}
#d2c-contact-v2 .field input:not([type=radio]):not([type=checkbox]), #d2c-contact-v2 .field select, #d2c-contact-v2 .field textarea{width:100%;
border:1px solid #dedfe7;
background:#fff;
border-radius:8px;
padding:13px 14px;
min-height:46px;
font-size:13px;
line-height:1.4;
color:var(--ink)}
#d2c-contact-v2 .field textarea{min-height:104px;
resize:vertical}
#d2c-contact-v2 .field input::placeholder, #d2c-contact-v2 .field textarea::placeholder{color:#9598a6}
#d2c-contact-v2 .field select{padding-right:28px}
#d2c-contact-v2 .field fieldset{border:0;
padding:0;
margin:0;
min-width:0}
#d2c-contact-v2 .choices{display:grid;
grid-template-columns:1fr 1fr;
gap:9px}
#d2c-contact-v2 .choice{display:flex;
align-items:flex-start;
gap:10px;
border:1px solid #e1e2e9;
border-radius:9px;
padding:14px;
cursor:pointer;
transition:background .15s,border-color .15s;
min-height:56px}
#d2c-contact-v2 .choice:has(input:checked){border-color:var(--purple);
background:var(--soft)}
#d2c-contact-v2 .choice:has(input:focus-visible){outline:2px solid var(--purple);
outline-offset:2px}
#d2c-contact-v2 .choice input{accent-color:var(--purple);
width:15px;
height:15px;
flex:none;
margin:1px 0 0}
#d2c-contact-v2 .choice b{font-size:12px;
font-weight:600;
line-height:1.5;
display:block}
#d2c-contact-v2 .choice small{display:block;
font-size:10px;
line-height:1.5;
color:#737585;
margin-top:3px}
#d2c-contact-v2 .error{font-size:12px;
line-height:1.5;
color:#a02a35;
background:#fff3f2;
border:1px solid #f1d1d4;
padding:12px 15px;
border-radius:8px;
margin:20px 0 0}
#d2c-contact-v2 .form-actions{display:flex;
justify-content:space-between;
align-items:center;
gap:20px;
padding-top:25px;
border-top:1px solid #eeeef4;
margin-top:28px}
#d2c-contact-v2 .primary{display:inline-flex;
justify-content:center;
align-items:center;
gap:22px;
border:0;
background:var(--gold);
color:#17151d;
border-radius:8px;
padding:16px 22px;
font-size:12px;
font-weight:800;
text-decoration:none;
min-height:48px}
#d2c-contact-v2 .primary:hover{background:#ffd65d}
#d2c-contact-v2 .primary svg{width:17px;
height:17px}
#d2c-contact-v2 .privacy-note{font-size:10px;
line-height:1.7;
color:#858795;
margin:18px 0 0}
#d2c-contact-v2 .aside{padding:8px 0}
#d2c-contact-v2 .aside-label{font-size:9px;
letter-spacing:1.5px;
font-weight:700;
color:#898b98;
text-transform:uppercase;
margin:0 0 18px}
#d2c-contact-v2 .aside-icon{width:43px;
height:43px;
border-radius:12px;
display:grid;
place-items:center;
color:var(--purple);
background:#eee8f9;
margin-bottom:18px}
#d2c-contact-v2 .aside h3{font-size:21px;
letter-spacing:-.5px;
margin:0 0 11px}
#d2c-contact-v2 .aside>p{font-size:12px;
line-height:1.7;
color:var(--muted);
margin:0 0 24px}
#d2c-contact-v2 .aside hr{border:0;
border-top:1px solid #dedfe8;
margin:25px 0}
#d2c-contact-v2 .aside h4{font-size:12px;
margin:0 0 15px}
#d2c-contact-v2 .aside ul{list-style:none;
margin:0;
padding:0;
display:grid;
gap:15px;
font-size:11px;
color:#717484;
line-height:1.6}
#d2c-contact-v2 .aside li{display:flex;
gap:10px}
#d2c-contact-v2 .aside li span:first-child{color:var(--purple);
font-size:11px}
#d2c-contact-v2 .aside-summary{border:1px solid #e0d9ef;
background:#f3effa;
border-radius:10px;
padding:14px;
font-size:11px;
line-height:1.65;
color:#665d79;
margin-top:22px}
#d2c-contact-v2 .aside-summary b{display:block;
color:#282237;
font-size:11px;
margin-bottom:3px}
#d2c-contact-v2 .success{max-width:690px;
margin:25px auto;
padding:42px;
text-align:center;
border:1px solid var(--line);
background:white;
border-radius:18px}
#d2c-contact-v2 .success-mark{width:58px;
height:58px;
background:var(--soft);
color:var(--purple);
border-radius:50%;
display:grid;
place-items:center;
margin:0 auto 23px}
#d2c-contact-v2 .success h2{font-size:32px;
letter-spacing:-1px;
margin:12px 0 16px}
#d2c-contact-v2 .success p{font-size:14px;
line-height:1.7;
color:var(--muted)}
#d2c-contact-v2 .success .demo-note{background:#fff9e9;
border:1px solid #efdfb8;
font-size:12px;
border-radius:10px;
padding:15px}
#d2c-contact-v2 .review-summary{text-align:left;
border-top:1px solid var(--line);
margin:26px 0;
padding-top:18px;
display:grid;
gap:12px}
#d2c-contact-v2 .review-summary div{display:grid;
grid-template-columns:150px 1fr;
gap:15px;
font-size:12px;
line-height:1.5}
#d2c-contact-v2 .review-summary span{color:var(--muted)}
#d2c-contact-v2 .review-summary b{overflow-wrap:anywhere;
font-weight:500}
#d2c-contact-v2 .success-actions{display:flex;
justify-content:center;
gap:20px;
align-items:center;
flex-wrap:wrap}
#d2c-contact-v2 .review-copy{font-size:13px;
line-height:1.7;
color:var(--muted)}
@container canvas (max-width:900px){#d2c-contact-v2 .wrap{width:calc(100% - 56px)}
#d2c-contact-v2 .hero-inner{gap:35px}
#d2c-contact-v2 .hero h1{font-size:48px}
#d2c-contact-v2 .hero-art{padding-left:15px}
#d2c-contact-v2 .art-row small{display:none}
#d2c-contact-v2 .route{padding:23px 20px}
#d2c-contact-v2 .route h3{font-size:20px}
#d2c-contact-v2 .route-foot{font-size:10px}
#d2c-contact-v2 .form-layout{grid-template-columns:1fr 215px;
gap:22px}
#d2c-contact-v2 .form-card{padding:27px}
#d2c-contact-v2 .choices{grid-template-columns:1fr}
#d2c-contact-v2 .faq-section{gap:40px}}
@container canvas (max-width:660px){#d2c-contact-v2 .wrap{width:calc(100% - 36px)}
#d2c-contact-v2 .hero-inner{padding:37px 0 34px;
display:block}
#d2c-contact-v2 .hero h1{font-size:43px;
letter-spacing:-1.8px;
margin:20px 0 19px}
#d2c-contact-v2 .hero p{font-size:13px;
max-width:320px}
#d2c-contact-v2 .hero .eyebrow{font-size:9px}
#d2c-contact-v2 .hero-art{display:flex;
flex-direction:row;
padding:0;
margin-top:28px;
gap:19px;
flex-wrap:wrap}
#d2c-contact-v2 .hero-art:before{display:none}
#d2c-contact-v2 .art-row{border:0;
padding:0!important;
gap:0}
#d2c-contact-v2 .art-left{gap:7px}
#d2c-contact-v2 .art-left svg{width:16px;
height:16px}
#d2c-contact-v2 .art-left b{font-size:10px}
#d2c-contact-v2 .selection{padding:31px 0}
#d2c-contact-v2 .section-heading{display:block;
margin-bottom:20px}
#d2c-contact-v2 .section-heading h2{font-size:24px}
#d2c-contact-v2 .section-heading p{font-size:12px}
#d2c-contact-v2 .step-hint{display:none}
#d2c-contact-v2 .route-grid{grid-template-columns:1fr;
gap:11px}
#d2c-contact-v2 .route{min-height:0;
padding:20px 19px 17px;
display:grid;
grid-template-columns:44px 1fr;
column-gap:15px}
#d2c-contact-v2 .route-top{margin:0;
grid-row:1/4;
align-self:start}
#d2c-contact-v2 .route-num{display:none}
#d2c-contact-v2 .route h3{font-size:20px;
margin:0 0 5px}
#d2c-contact-v2 .route p{font-size:12px;
line-height:1.6;
margin:0 0 12px;
max-width:none}
#d2c-contact-v2 .route-foot{grid-column:2;
font-size:10px}
#d2c-contact-v2 .route-icon{width:42px;
height:42px}
#d2c-contact-v2 .other-line{padding:17px;
gap:12px}
#d2c-contact-v2 .other-line p{font-size:11px}
#d2c-contact-v2 .other-line .text-btn{white-space:nowrap;
font-size:11px}
#d2c-contact-v2 .route-help{font-size:11px;
flex-wrap:wrap}
#d2c-contact-v2 .route-help .text-btn{font-size:11px}
#d2c-contact-v2 .next-section{padding:25px 0}
#d2c-contact-v2 .next-grid{grid-template-columns:1fr;
gap:21px}
#d2c-contact-v2 .next-item p{font-size:11px}
#d2c-contact-v2 .faq-section{padding:31px 0;
display:block}
#d2c-contact-v2 .faq-section h2{font-size:23px}
#d2c-contact-v2 .faq-section .intro{font-size:12px;
margin-bottom:10px}
#d2c-contact-v2 .faqs summary{font-size:12px}
#d2c-contact-v2 .faqs p{font-size:12px}
#d2c-contact-v2 .form-zone{padding:22px 0 32px}
#d2c-contact-v2 .form-layout{display:flex;
flex-direction:column;
gap:20px}
#d2c-contact-v2 .form-card{padding:23px 18px;
border-radius:13px;
width:100%}
#d2c-contact-v2 .form-card h2{font-size:27px}
#d2c-contact-v2 .form-intro{font-size:12px;
margin-bottom:23px}
#d2c-contact-v2 .fields{grid-template-columns:1fr;
gap:21px}
#d2c-contact-v2 .field.full{grid-column:auto}
#d2c-contact-v2 .choices{grid-template-columns:1fr}
#d2c-contact-v2 .choice{padding:12px}
#d2c-contact-v2 .field-label, #d2c-contact-v2 legend{font-size:12px}
#d2c-contact-v2 .field input:not([type=radio]):not([type=checkbox]), #d2c-contact-v2 .field select, #d2c-contact-v2 .field textarea{font-size:16px}
#d2c-contact-v2 .progress{gap:7px;
margin-bottom:25px}
#d2c-contact-v2 .progress-item span{font-size:9px}
#d2c-contact-v2 .aside{width:100%;
padding:16px 4px 0;
display:block}
#d2c-contact-v2 .aside-icon, #d2c-contact-v2 .aside-label, #d2c-contact-v2 .aside>h3, #d2c-contact-v2 .aside>p, #d2c-contact-v2 .aside hr, #d2c-contact-v2 .aside-summary{display:none}
#d2c-contact-v2 .aside ul{gap:10px}
#d2c-contact-v2 .aside h4{margin-bottom:12px}
#d2c-contact-v2 .form-top{margin-bottom:18px}
#d2c-contact-v2 .path-label{font-size:9px}
#d2c-contact-v2 .form-actions{gap:12px}
#d2c-contact-v2 .form-actions .primary{font-size:11px;
padding:15px;
gap:12px;
max-width:75%}
#d2c-contact-v2 .form-actions .back-link{font-size:11px}
#d2c-contact-v2 .form-actions .primary svg{flex:none}
#d2c-contact-v2 .success{padding:28px 20px}
#d2c-contact-v2 .success h2{font-size:28px}
#d2c-contact-v2 .review-summary div{grid-template-columns:1fr;
gap:3px}
#d2c-contact-v2 .success p{font-size:13px}}