/* HopePlay-inspired opening rhythm, rebuilt with original DWapi street art. */
.final-cta{overflow:hidden}
.opening-hero{width:min(1320px,calc(100% - 64px));max-width:none;padding-top:68px;isolation:isolate}
.opening-hero:before{inset:-85px 0 10%;background:radial-gradient(ellipse at 68% 43%,#9b4dff12,transparent 46%),radial-gradient(ellipse at 22% 65%,#00cfff0b,transparent 48%);z-index:-2}
.opening-hero:after{content:"";position:absolute;inset:0 0 15%;width:auto;height:auto;top:0;opacity:.12;background:url('/brand/wear.svg') right top/540px auto no-repeat;pointer-events:none;z-index:-1;clip-path:none}
.opening-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);align-items:center;gap:clamp(24px,4vw,70px);min-height:515px}
.opening-copy{position:relative;min-width:0;padding:18px 0 28px;z-index:1}
.opening-copy:after{content:"";position:absolute;left:3px;bottom:9px;width:120px;height:7px;background:var(--dw-pink);opacity:.65;clip-path:polygon(0 55%,100% 0,95% 60%,10% 100%);transform:rotate(-5deg);pointer-events:none}
.opening-kicker{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:1px solid #00cfff45;background:#00cfff0b;color:var(--dw-cyan);font:700 11px var(--dw-mono);letter-spacing:.09em;transform:rotate(-2deg)}
.opening-kicker-dot{width:7px;height:7px;background:var(--dw-cyan);box-shadow:2px 2px 0 var(--dw-pink);transform:rotate(15deg)}.opening-kicker-slash{color:var(--dw-pink)}
.opening-title{margin:28px 0 15px!important;line-height:1!important}.opening-title img{display:block;width:min(445px,90%);height:auto;aspect-ratio:250/78;filter:drop-shadow(5px 5px 0 #ff3da627);transform:rotate(-2deg)}
.opening-lead{font-size:clamp(24px,2.25vw,32px);font-weight:780;letter-spacing:-.035em;line-height:1.4;color:var(--dw-text)}
.opening-description{font-size:15px;line-height:1.85;margin-top:19px;color:var(--dw-muted)}
.opening-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:31px}.opening-actions .button{min-width:142px;min-height:50px;gap:18px}
.opening-notes{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:43px;color:var(--dw-muted);font-size:12px}.opening-notes span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.opening-notes svg{width:15px;height:15px;color:var(--dw-cyan)}.opening-notes span:nth-child(2) svg{color:var(--dw-pink)}
.opening-console{position:relative;align-self:center;min-width:0;min-height:395px;border:1px solid #666076;border-top:3px solid var(--dw-cyan);border-radius:10px;background:#191926;box-shadow:8px 8px 0 #ff3da622,0 26px 60px #07071080;transform:rotate(1deg);overflow:hidden}
.opening-console:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 97%,#00cfff08 97% 100%);background-size:26px 26px;opacity:.35;pointer-events:none}
.opening-console:after{content:"";position:absolute;top:10px;right:12px;width:76px;height:23px;background:url('/brand/wear.svg') center/cover no-repeat;opacity:.19;pointer-events:none}
.opening-console-top{height:46px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;border-bottom:1px solid var(--dw-line-soft);color:var(--dw-muted);font:10px var(--dw-mono);letter-spacing:.13em}.opening-console-dots{display:flex;gap:6px}.opening-console-dots i{width:8px;height:8px;border:1px solid var(--dw-line);background:#595368;transform:rotate(-8deg)}.opening-console-dots i:first-child{background:var(--dw-pink);border-color:var(--dw-pink)}.opening-console-dots i:nth-child(2){background:var(--dw-cyan);border-color:var(--dw-cyan)}.opening-console-mark{font-size:14px;color:var(--dw-pink)}
.opening-console-body{position:relative;padding:45px 26px 36px;min-height:306px;overflow:hidden}.opening-console-label{font:10px var(--dw-mono);letter-spacing:.08em;color:#d99afe;margin-bottom:22px}.opening-console-body pre{margin:0;max-width:100%;overflow:auto;color:var(--dw-text);font:clamp(10px,.92vw,13px)/2 var(--dw-mono);scrollbar-width:thin;scrollbar-color:var(--dw-line) transparent}.opening-console-body code{display:block;white-space:pre}.opening-code-line{display:block;width:max-content;max-width:none}.opening-code-line b{color:var(--dw-pink)}.opening-code-line:nth-child(1){color:var(--dw-cyan)}.opening-code-line:nth-child(4){color:#ffd0e9}
.opening-console-stroke{position:absolute;right:17px;bottom:18px;width:65px;height:19px;background:var(--dw-pink);clip-path:polygon(0 60%,100% 0,84% 42%,9% 100%);transform:rotate(-8deg);opacity:.75;pointer-events:none}
.opening-console-foot{height:39px;border-top:1px solid var(--dw-line-soft);display:flex;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;color:var(--dw-muted);font:9px var(--dw-mono);letter-spacing:.04em}.opening-console-foot span:first-child{color:var(--dw-success)}.opening-console-foot i{display:inline-block;width:6px;height:6px;background:var(--dw-success);margin-right:6px;transform:rotate(-5deg)}
.opening-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}.opening-links a{position:relative;display:grid;align-content:start;gap:9px;min-height:140px;padding:18px 21px;background:var(--dw-panel);border:1px solid var(--dw-line);border-radius:8px;box-shadow:3px 3px 0 #0a0a13;transition:transform var(--dw-motion),border-color var(--dw-motion),box-shadow var(--dw-motion)}.opening-links a:hover{transform:translateY(-2px);border-color:var(--dw-cyan);box-shadow:4px 4px 0 #ff3da648}.opening-link-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid #00cfff66;background:#00cfff0b;color:var(--dw-cyan);transform:rotate(-4deg)}.opening-link-icon svg{width:17px;height:17px}.opening-links a:nth-child(2) .opening-link-icon{color:var(--dw-pink);border-color:#ff3da666;background:#ff3da60b}.opening-link-number{position:absolute;top:18px;right:20px;color:var(--dw-muted);font:12px var(--dw-mono)}.opening-links strong{font-size:16px;font-weight:750;color:var(--dw-text)}.opening-links small{font-size:12px;color:var(--dw-muted)}
.opening-hero+.feature-section{padding-top:100px}
@keyframes opening-rise{from{opacity:0;transform:translateY(11px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:no-preference){.opening-kicker,.opening-title,.opening-lead,.opening-description,.opening-actions,.opening-notes{animation:opening-rise .45s ease-out both}.opening-title{animation-delay:.08s}.opening-lead{animation-delay:.15s}.opening-description{animation-delay:.2s}.opening-actions{animation-delay:.28s}.opening-notes{animation-delay:.36s}.opening-console{animation:opening-rise .55s .12s ease-out both}.opening-code-line{animation:opening-rise .3s ease-out both}.opening-code-line:nth-child(1){animation-delay:.35s}.opening-code-line:nth-child(2){animation-delay:.52s}.opening-code-line:nth-child(3){animation-delay:.69s}.opening-code-line:nth-child(4){animation-delay:.86s}}
@media(max-width:1000px){.opening-hero{width:calc(100% - 40px)}.opening-grid{gap:20px;min-height:450px}.opening-console{min-height:355px}.opening-console-body{padding:35px 18px 25px;min-height:270px}.opening-notes{gap:10px}.opening-links a{padding:16px;min-height:136px}}
@media(max-width:800px){.opening-hero{padding-top:40px}.opening-grid{grid-template-columns:1fr;gap:27px}.opening-copy{text-align:center;padding:20px 0 0}.opening-kicker{justify-content:center}.opening-title img{margin:auto;width:min(405px,80%)}.opening-actions,.opening-notes{justify-content:center}.opening-copy:after{left:50%;transform:translateX(-50%) rotate(-5deg);bottom:-12px}.opening-console{width:min(620px,100%);margin:auto;min-height:345px}.opening-links{margin-top:32px}.opening-links a{min-height:146px}.opening-hero+.feature-section{padding-top:75px}}
@media(max-width:550px){.opening-hero{width:calc(100% - 32px);padding-top:28px}.opening-grid{gap:23px}.opening-title{margin:22px 0 15px!important}.opening-title img{width:min(325px,83%)}.opening-lead{font-size:23px}.opening-description{font-size:12px;margin-top:13px}.opening-actions{gap:9px;margin-top:23px}.opening-actions .button{min-width:0;min-height:44px;padding:10px 14px;font-size:12px;gap:9px}.opening-notes{margin-top:27px;gap:10px;font-size:10px}.opening-notes svg{width:13px;height:13px}.opening-console{min-height:278px;transform:none}.opening-console-top{height:36px;padding:0 12px;font-size:8px}.opening-console-body{padding:21px 12px 14px;min-height:208px}.opening-console-label{font-size:8px;margin-bottom:13px}.opening-console-body pre{font-size:11px;line-height:1.6}.opening-code-line{width:auto;white-space:pre-wrap;overflow-wrap:anywhere}.opening-console-foot{height:33px;padding:0 12px;font-size:8px}.opening-console-foot span:last-child{display:none}.opening-links{grid-template-columns:1fr;gap:9px;margin-top:25px}.opening-links a{min-height:0;grid-template-columns:33px 1fr;align-items:center;column-gap:11px;row-gap:0;padding:12px 14px}.opening-link-icon{grid-row:span 2}.opening-links strong{font-size:14px}.opening-links small{font-size:10px}.opening-link-number{top:14px;right:14px;font-size:10px}.opening-hero+.feature-section{padding-top:70px}}