.dc12{--a:#579aff;--ink:#f6f9ff;--muted:#b4c4d8;--line:#354960;display:block;background:#080c12;color:var(--ink);font:400 15px/1.65 Inter,Arial,Helvetica,sans-serif;width:100%;max-width:100%;overflow:clip}
.dc12 *,.dc12 *:before,.dc12 *:after{box-sizing:border-box}
.dc12 .dc12-wrap{width:min(calc(100% - clamp(32px,6vw,112px)),1900px);margin-inline:auto}
.dc12 :is(h1,h2,h3,p){margin:0;color:inherit}.dc12 a{color:inherit;text-decoration:none}.dc12 a:focus-visible,.dc12 summary:focus-visible{outline:2px solid #c1daff;outline-offset:4px}
.dc12-overline{display:block;font-size:10px;letter-spacing:.17em;color:#9ac7ff;font-weight:850;line-height:1.4;margin-bottom:13px}
.dc12 h2{font-size:clamp(31px,3.1vw,53px);font-weight:880;letter-spacing:-.048em;line-height:1.13}
.dc12-btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:14px 21px;min-height:52px;border-radius:9px;border:1px solid #7599c8;font-size:13px;font-weight:850;line-height:1.2;transition:transform .2s,background .2s,border-color .2s;text-align:center}
.dc12-btn:hover{transform:translateY(-2px)}.dc12-btn-primary{background:#448bfa;border-color:#448bfa;color:#fff!important}.dc12-btn-primary:hover{background:#2676ef}.dc12-btn-outline{background:#ffffff0b;color:#eef5ff!important}.dc12-btn-outline:hover{background:#ffffff18;border-color:#c0dcfc}
.dc12-hero{background:radial-gradient(ellipse at 76% 44%,#214b7b 0%,#10233a 47%,#080d15 80%);border-bottom:1px solid #324c68;padding:clamp(57px,6.5vw,104px) 0}
.dc12-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:clamp(30px,5vw,95px);align-items:center}
.dc12-kicker{display:inline-flex;align-items:center;gap:10px;border:1px solid #5778a1;border-radius:50px;background:#16304c;padding:8px 14px;font-size:10px;font-weight:850;letter-spacing:.1em;color:#c9e1ff}
.dc12-kicker span{height:7px;width:7px;border-radius:50%;background:#8ec2ff;box-shadow:0 0 0 4px #8ec2ff22}
.dc12 h1{font-size:clamp(40px,4.5vw,82px);font-weight:900;line-height:1.06;letter-spacing:-.067em;margin:27px 0 24px;max-width:900px}.dc12 h1 span{display:block;color:#9bc8ff}
.dc12-lead{font-size:clamp(15px,1.22vw,19px);color:#c2d2e7;line-height:1.8;max-width:700px}.dc12-lead p{color:inherit}
.dc12-actions{display:flex;flex-wrap:wrap;gap:11px;margin:28px 0 20px}.dc12-checks{display:flex;gap:7px 18px;flex-wrap:wrap;color:#c0d2e6;font-size:11px;font-weight:700}.dc12-checks span:before{content:"✓";color:#9ac7ff;margin-right:7px}
.dc12-hero-note{margin-top:18px!important;color:#a5bedb!important;font-size:12px!important}
.dc12-visual{position:relative;display:grid;place-items:center;min-height:clamp(355px,35vw,600px);isolation:isolate;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 45% 40%,#345980,#1a3452 51%,#0c1728 84%);border:1px solid #5d80a8;box-shadow:0 30px 75px #0007}
.dc12-visual-glow{position:absolute;inset:16%;z-index:-1;border:1px solid #8bc3ff55;border-radius:50%;transform:rotate(-18deg) scaleY(.65);box-shadow:0 0 85px #8bc3ff25}
.dc12-disc{position:relative;width:min(66%,390px);aspect-ratio:1;border-radius:50%;border:1px solid #c9e4ffb0;background:repeating-radial-gradient(circle at center,transparent 0 12px,#c5dfff20 13px 14px,transparent 15px 23px),conic-gradient(from 20deg,#455a75,#bfd7ef,#4f719b,#a3c0dc,#293e5d,#dceaff,#4f719b,#455a75);box-shadow:0 25px 55px #0009,inset 0 0 0 8px #d6eaff25}
.dc12-disc:before{content:"";position:absolute;inset:23%;border:1px solid #dceaff66;border-radius:50%}.dc12-disc-hole{position:absolute;inset:43%;border-radius:50%;background:#111e31;border:7px solid #cce4fd;box-shadow:inset 0 0 0 3px #6688af}
.dc12-visual-label{display:flex;flex-direction:column;position:absolute;left:15px;bottom:15px;background:#0d2139ed;border:1px solid #6d93bf;border-radius:9px;padding:12px 15px;line-height:1.25}.dc12-visual-label small{font-size:9px;letter-spacing:.13em;color:#a5cafa;font-weight:850}.dc12-visual-label strong{font-size:16px;font-weight:880;margin:3px 0}.dc12-visual-label span{font-size:10px;color:#b3c8e2}
.dc12-visual-chip{position:absolute;right:15px;top:15px;padding:8px 12px;border:1px solid #8dbcf3;border-radius:8px;background:#11253fe9;font-size:11px;font-weight:850;letter-spacing:.12em}
.dc12-strip{background:#0d1725;border-bottom:1px solid #2b425d}.dc12-strip-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.dc12-strip-grid>div{display:flex;flex-direction:column;padding:20px 24px;border-right:1px solid #344a64}.dc12-strip-grid>div:first-child{padding-left:0}.dc12-strip-grid>div:last-child{border:0}.dc12-strip b{font-size:10px;color:#8ab8f1;letter-spacing:.15em;margin-bottom:5px}.dc12-strip strong{font-size:11px;letter-spacing:.1em}.dc12-strip small{font-size:12px;color:#b2c5dc}
.dc12-section{padding:clamp(59px,6vw,99px) 0}.dc12-intro{background:#0a121f}.dc12-intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(30px,7vw,115px)}.dc12-rule{width:72px;height:3px;background:#70aeff;margin-top:23px}.dc12-copy p{color:#b6c7dc;font-size:15px;line-height:1.86;margin-bottom:18px}
.dc12-damage{background:#080e18;border-block:1px solid #30475f}.dc12-sectionhead{margin-bottom:32px}.dc12-sectionhead h2{max-width:950px}.dc12-sectionhead p{font-size:14px;color:#b0c3d9;line-height:1.8;max-width:800px;margin-top:13px}
.dc12-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,22px)}.dc12-card{padding:clamp(22px,2.5vw,38px);border:1px solid #38536f;border-radius:15px;background:linear-gradient(145deg,#182b43,#101b2b);min-height:230px}.dc12-card-tag{font-size:10px;letter-spacing:.1em;font-weight:850;color:#9dc7fb}.dc12-card h3{font-size:clamp(21px,1.9vw,29px);line-height:1.18;letter-spacing:-.04em;margin:26px 0 13px;font-weight:850}.dc12-card p{font-size:13px;color:#b7c9de;line-height:1.78}.dc12-notice{margin-top:23px;padding:20px 24px;background:#17304a;border:1px solid #5b85af;border-left:4px solid #9ecbff;border-radius:9px;color:#dcecff;font-size:13px;line-height:1.75}
.dc12-steps{background:linear-gradient(160deg,#12243a,#0e1827);border-block:1px solid #30475f}.dc12-steps-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(15px,2vw,32px)}.dc12-steps-grid>div{padding:23px 0 6px;border-top:1px solid #7196c1}.dc12-steps-grid b{display:flex;align-items:center;gap:15px;color:#8cbefa;font-size:13px;font-weight:900}.dc12-steps-grid i{width:27px;height:1px;background:#7194bc}.dc12-steps h3{font-size:22px;letter-spacing:-.03em;margin:19px 0 10px;font-weight:830}.dc12-steps p{font-size:13px;line-height:1.8;color:#b5c4da}
.dc12-info{background:#0b1421}.dc12-info-grid{display:grid;grid-template-columns:1fr .8fr;gap:clamp(32px,6vw,105px);align-items:center}.dc12-info-grid p{max-width:760px;font-size:15px;line-height:1.85;color:#b9cade;margin-top:22px}.dc12-info-panel{background:#172b43;border:1px solid #5b7da3;border-radius:16px;padding:clamp(24px,3vw,45px)}.dc12-info-panel>span{font-size:10px;color:#9ccaff;font-weight:850;letter-spacing:.15em}.dc12-info-panel h3{font-size:clamp(23px,2.2vw,34px);letter-spacing:-.04em;margin:15px 0}.dc12-info-panel p{font-size:13px;margin:0 0 19px}.dc12-info-panel a{display:inline-block;color:#b6d4ff;font-weight:850;text-decoration:underline;text-underline-offset:4px}
.dc12-faq{background:#080e18;border-top:1px solid #30475f}.dc12-faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(34px,6vw,100px)}.dc12-faq-grid>div:first-child p{font-size:14px;color:#b4c7dc;margin:20px 0}.dc12-faq-grid>div:first-child a{font-size:13px;color:#b6d4ff;font-weight:850;text-decoration:underline;text-underline-offset:4px}.dc12-faq-list details{border-bottom:1px solid #3b526d}.dc12-faq-list details:first-child{border-top:1px solid #3b526d}.dc12-faq-list summary{display:flex;justify-content:space-between;gap:20px;padding:18px 2px;cursor:pointer;color:#eef5ff;font-size:15px;font-weight:800;list-style:none}.dc12-faq-list summary::-webkit-details-marker{display:none}.dc12-faq-list summary span{color:#9fc8ff;font-size:22px;line-height:1}.dc12-faq-list details[open] summary span{transform:rotate(45deg)}.dc12-answer{padding:0 28px 20px 2px;font-size:13px;line-height:1.8;color:#bbcee1}.dc12-answer p{color:inherit}.dc12-answer p+p{margin-top:11px}
.dc12-final{padding:clamp(47px,5vw,76px) 0;background:linear-gradient(105deg,#17385a,#0c2136);border-top:1px solid #476e98}.dc12-final-grid{display:flex;align-items:center;justify-content:space-between;gap:36px}.dc12-final h2{max-width:750px}.dc12-final p{font-size:14px;color:#c5d7ea;margin-top:14px;max-width:720px}.dc12-final .dc12-actions{flex-shrink:0;margin:0}
@media(max-width:990px){.dc12-hero-grid,.dc12-intro-grid,.dc12-info-grid,.dc12-faq-grid{grid-template-columns:1fr}.dc12-visual{min-height:420px}.dc12-steps-grid,.dc12-strip-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc12-cards{grid-template-columns:1fr}.dc12-final-grid{display:block}.dc12-final .dc12-actions{margin-top:26px}}
@media(max-width:620px){.dc12-hero{padding:42px 0 54px}.dc12 h1{font-size:clamp(38px,10vw,56px)}.dc12-visual{min-height:340px}.dc12-disc{width:66%}.dc12-strip-grid{grid-template-columns:1fr 1fr}.dc12-strip-grid>div{padding:16px 12px;border-bottom:1px solid #344a64}.dc12-strip-grid>div:nth-child(2){border-right:0}.dc12-strip-grid>div:nth-child(3){padding-left:0;border-bottom:0}.dc12-strip-grid>div:nth-child(4){border-bottom:0}.dc12-steps-grid{grid-template-columns:1fr 1fr}.dc12-btn{width:100%;white-space:normal}.dc12-actions{display:grid;grid-template-columns:1fr}.dc12-card{min-height:0}.dc12-visual-label{left:10px;bottom:10px}.dc12-steps h3{font-size:19px}}
@media(prefers-reduced-motion:reduce){.dc12-btn{transition:none}.dc12-btn:hover{transform:none}}

.dc12-real-photo{display:block;min-height:0;aspect-ratio:1;margin:0;background:#151f2b;overflow:hidden}.dc12-real-photo .dc12-comparison-image{display:block;width:100%;height:100%;object-fit:contain}
.dc12-formats{background:#0a1421;border-bottom:1px solid #30475f}.dc12-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.dc12-format{padding:clamp(21px,2.2vw,31px);background:#152439;border:1px solid #34516d;border-radius:13px}.dc12-format>span{display:block;color:#9bc8ff;letter-spacing:.12em;font-size:10px;font-weight:850;margin-bottom:18px}.dc12-format h3{font-size:clamp(20px,1.8vw,27px);font-weight:850;line-height:1.22;letter-spacing:-.035em;margin-bottom:12px}.dc12-format p{font-size:13px;color:#b7c9de;line-height:1.75}.dc12-format-note{margin-top:20px!important;padding:19px 22px;background:#17304a;border-left:4px solid #8fc2ff;border-radius:7px;font-size:13px!important;line-height:1.8!important;color:#d4e4f4!important}
.dc12-video{background:linear-gradient(160deg,#10223a,#0a1524);border-bottom:1px solid #30475f}.dc12-video-grid{display:grid;grid-template-columns:1fr minmax(0,520px);gap:clamp(24px,5vw,90px);align-items:center}.dc12-video-copy p{max-width:720px;font-size:15px;color:#bfd0e2;line-height:1.8;margin-top:17px}.dc12-video-copy .dc12-video-small{font-size:12px;color:#97adc5}.dc12-video-square{width:100%;aspect-ratio:1;background:#14273e;border:1px solid #587b9f;border-radius:16px;overflow:hidden}.dc12-video-square video{width:100%;height:100%;display:block;object-fit:contain;background:#091524}.dc12-video-placeholder{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:24px;gap:10px;background:radial-gradient(circle,#203e61,#102036 68%,#0d192b)}.dc12-video-icon{display:grid;place-items:center;width:65px;height:65px;border:1px solid #a1c7ee;border-radius:50%;font-size:23px;color:#d2e9ff;padding-left:4px}.dc12-video-placeholder strong{font-size:18px;color:#eef6ff}.dc12-video-placeholder small{font-size:12px;color:#aec6df}
@media(max-width:990px){.dc12-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc12-video-grid{grid-template-columns:1fr}.dc12-video-square{max-width:520px}}
@media(max-width:620px){.dc12-format-grid{grid-template-columns:1fr}.dc12-format{padding:22px}.dc12-video-square{max-width:100%}}

.dc12-btn-pending{opacity:.75;cursor:default}.dc12-real-photo{min-height:0;aspect-ratio:1;margin:0}.dc12-comparison-image{width:100%;height:100%;object-fit:contain;display:block}

/* Separate editor sections: individual top/bottom/side padding and layout gaps. */
.dc12.dc12-piece .dc12-wrap{width:min(calc(100% - var(--dc12-side) - var(--dc12-side)),1900px)}
.dc12.dc12-piece .dc12-hero,.dc12.dc12-piece .dc12-section,.dc12.dc12-piece .dc12-final,.dc12.dc12-piece .dc12-strip{padding-top:var(--dc12-top)!important;padding-bottom:var(--dc12-bottom)!important}
.dc12.dc12-piece .dc12-hero-grid,.dc12.dc12-piece .dc12-intro-grid,.dc12.dc12-piece .dc12-format-grid,.dc12.dc12-piece .dc12-steps-grid,.dc12.dc12-piece .dc12-video-grid,.dc12.dc12-piece .dc12-faq-grid,.dc12.dc12-piece .dc12-final-grid,.dc12.dc12-piece .dc12-strip-grid{gap:var(--dc12-gap)!important}
.dc12.dc12-piece .dc12-strip-grid>div{min-width:0}
.dc12.dc12-piece .dc12-format-note:empty{display:none}
@media(max-width:620px){.dc12.dc12-piece .dc12-wrap{width:calc(100% - var(--dc12-mobile-side) - var(--dc12-mobile-side))}}