:root{--ink:#071c3f;--blue:#0f68d4;--sky:#58c9f4;--orange:#ff4a0b;--yellow:#ffc51b;--paper:#fff9ea;--white:#fff;--muted:#42516b;--shadow:#071c3f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);margin:0;font-family:Trebuchet MS,Segoe UI,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}a:focus-visible,summary:focus-visible{outline:4px solid var(--yellow);outline-offset:4px}.site-header{z-index:40;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#051634f7;border-bottom:3px solid #173e74;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;height:76px;padding:0 clamp(18px,5vw,74px);display:grid;position:sticky;top:0;box-shadow:0 8px 28px #0516342e}.brand{white-space:nowrap;letter-spacing:-.8px;align-items:baseline;font:1000 25px/1 Arial Black,Impact,sans-serif;display:inline-flex;transform:rotate(-1deg)}.brand-quiz,.brand-run{color:var(--orange);-webkit-text-stroke:1px #ffb219;text-shadow:2px 3px #000}.brand-and{color:#fff;margin:0 4px;font-size:15px}.main-nav{justify-self:center;align-items:center;gap:clamp(20px,3vw,44px);font-size:15px;font-weight:800;display:flex}.main-nav a{opacity:.86;padding:12px 0;position:relative}.main-nav a:after{content:"";background:var(--yellow);height:3px;transition:right .18s;position:absolute;bottom:5px;left:0;right:100%}.main-nav a:hover{opacity:1;color:var(--yellow)}.main-nav a:hover:after{right:0}.header-actions{align-items:center;gap:10px;display:flex}.download-chip,.language-switch{border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:900;display:inline-flex}.download-chip{color:var(--ink);background:var(--yellow);padding:0 18px;box-shadow:0 4px #a85d00}.language-switch{background:#0c2f64;border:2px solid #ffffff59;min-width:48px;padding:0 10px}.language-switch span:first-child{font-size:20px}.mobile-menu{display:none;position:relative}.mobile-menu summary{cursor:pointer;border:2px solid #ffffff59;border-radius:12px;place-content:center;gap:4px;width:42px;height:42px;list-style:none;display:grid}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary i{background:#fff;border-radius:4px;width:18px;height:2px;display:block}.mobile-menu nav{width:min(290px,100vw - 30px);color:var(--ink);border:3px solid var(--ink);box-shadow:8px 9px 0 var(--yellow);background:#fff;border-radius:18px 18px 18px 6px;padding:10px;display:grid;position:absolute;top:52px;right:0}.mobile-menu nav a{border-radius:9px;padding:12px 14px;font-weight:900}.mobile-menu nav a:hover{background:#e8f5ff}.home-hero{color:#fff;background:radial-gradient(circle at 18% 22%,#1877e98c,#0000 28%),linear-gradient(125deg,#061a3c 0%,#063474 60%,#087bb2 100%);grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:clamp(42px,6vw,96px);min-height:calc(100vh - 76px);padding:clamp(46px,7vw,94px) clamp(24px,7vw,112px);display:grid}.hero-copy{z-index:2;position:relative}.page-label{color:var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--orange);letter-spacing:.09em;text-transform:uppercase;border:2px solid #fff;border-radius:999px;margin:0 0 17px;padding:7px 12px;font-size:13px;font-weight:1000;display:inline-flex}.home-hero h1{letter-spacing:-2.4px;text-wrap:balance;max-width:720px;margin:0;font:1000 clamp(43px,5.1vw,77px)/1.02 Arial Black,Impact,sans-serif}.home-hero h1:first-line{color:#fff}.hero-subline{color:#cfe7ff;margin:24px 0 0;font-size:clamp(18px,1.5vw,22px);font-weight:800}.hero-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;max-width:670px;margin-top:34px;display:grid}.comic-button{min-height:58px;color:var(--ink);border:3px solid var(--ink);box-shadow:5px 6px 0 var(--shadow);background:#fff;border-radius:14px 14px 14px 5px;justify-content:space-between;align-items:center;gap:18px;padding:0 21px;font-size:16px;font-weight:1000;transition:transform .15s,box-shadow .15s;display:inline-flex}.comic-button b{color:#fff;background:var(--blue);border-radius:50%;flex:none;place-items:center;width:28px;height:28px;display:grid}.comic-button.primary{color:#fff;background:var(--orange);border-color:#ffad21;box-shadow:5px 6px #091832}.comic-button.primary b{color:var(--ink);background:var(--yellow)}.comic-button:hover{box-shadow:5px 9px 0 var(--shadow);transform:translateY(-3px)}.hero-art{place-items:center;min-height:570px;display:grid;position:relative}.halftone{opacity:.58;background-image:radial-gradient(circle,#ffc51bcc 0 2px,#0000 2.5px);background-size:19px 19px;border-radius:50%;position:absolute;inset:2%;transform:rotate(7deg);-webkit-mask-image:radial-gradient(circle,#000 20%,#0000 71%);mask-image:radial-gradient(circle,#000 20%,#0000 71%)}.image-frame{z-index:2;border:4px solid var(--ink);width:min(92%,600px);box-shadow:15px 17px 0 var(--yellow), 23px 25px 0 var(--orange);background:#fff;border-radius:36px 36px 36px 10px;padding:12px;position:relative;transform:rotate(1.5deg)}.image-frame img{border-radius:24px 24px 24px 5px;width:100%}.pow-badge{z-index:3;width:94px;height:94px;color:var(--ink);background:var(--yellow);box-shadow:7px 8px 0 var(--orange);border:5px solid #fff;border-radius:50% 45% 54% 44%;place-items:center;font:1000 26px/1 Arial Black,Impact,sans-serif;display:grid;position:absolute;top:8%;right:0;transform:rotate(12deg)}.header-gallery{background:var(--paper);grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,34px);padding:54px clamp(24px,7vw,112px) 80px;display:grid;position:relative}.header-gallery:before{content:"";background:var(--paper);border-radius:50% 50% 0 0/80% 80% 0 0;height:70px;position:absolute;top:-43px;left:0;right:0}.header-gallery figure{aspect-ratio:2.3;border:3px solid var(--ink);box-shadow:7px 8px 0 var(--ink);background:#fff;border-radius:20px 20px 20px 6px;margin:0;position:relative;overflow:hidden}.header-gallery img{object-fit:cover;object-position:center 48%;width:100%;height:100%}.page-hero{color:#fff;border-bottom:10px solid var(--yellow);background:radial-gradient(circle at 72% 25%,#117bd3,#0000 28%),linear-gradient(122deg,#061a3c,#06356f);flex-direction:column;justify-content:center;min-height:330px;padding:54px clamp(24px,10vw,160px) 66px;display:flex;position:relative;overflow:hidden}.page-hero>a{width:max-content;color:var(--yellow);margin-bottom:19px;font-weight:900}.page-hero h1{z-index:2;letter-spacing:-2px;text-wrap:balance;max-width:980px;margin:0;font:1000 clamp(40px,6vw,76px)/1.02 Arial Black,Impact,sans-serif;position:relative}.hero-swoop{width:115px;height:115px;color:var(--ink);background:var(--yellow);box-shadow:10px 11px 0 var(--orange);border:7px solid #fff;border-radius:45% 55% 47% 53%;place-items:center;font:1000 72px/1 Arial Black,Impact,sans-serif;display:grid;position:absolute;top:50%;right:clamp(30px,11vw,170px);transform:translateY(-50%)rotate(9deg)}.content-shell{color:#223653;width:min(940px,100% - 40px);margin:0 auto;padding:66px 0 105px;font-size:18px;line-height:1.7}.content-shell:after{content:"";clear:both;display:block}.content-shell h2{clear:both;color:var(--ink);letter-spacing:-1px;margin:62px 0 22px;padding-top:10px;scroll-margin-top:100px;font:1000 clamp(28px,3.2vw,43px)/1.1 Arial Black,Impact,sans-serif}.content-shell h2:first-child{margin-top:0}.content-text{white-space:normal;margin:0 0 24px}.content-image{float:left;border:3px solid var(--ink);width:min(38%,370px);box-shadow:9px 10px 0 var(--yellow);background:#fff;border-radius:25px 25px 25px 7px;margin:5px 38px 28px 0;padding:9px}.content-image img{border-radius:16px 16px 16px 3px;width:100%;height:auto}.content-image+.content-image{float:none;width:min(100%,760px);margin:25px auto}.jump-link{max-width:720px;color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--yellow);text-decoration-color:var(--yellow);text-underline-offset:5px;background:#fff;border:2px solid #9cb5d0;border-radius:12px;justify-content:space-between;align-items:center;gap:18px;margin:10px 0;padding:14px 18px;font-weight:900;text-decoration-thickness:3px;display:flex}.jump-link:hover{border-color:var(--blue);background:#eef8ff}.jump-link span{color:var(--orange);font-size:22px}.store-button{border:3px solid var(--ink);width:300px;max-width:calc(50% - 12px);box-shadow:5px 6px 0 var(--yellow);border-radius:16px;margin:8px 12px 24px 0;transition:transform .15s;display:inline-block;overflow:hidden}.store-button:hover{transform:translateY(-3px)}.store-button img{width:100%;height:auto}.content-action{width:min(370px,100%);margin:16px 12px 25px 0}.empty-comic{color:#fff;background:var(--blue);border:6px solid var(--ink);width:160px;height:160px;box-shadow:12px 13px 0 var(--yellow);border-radius:45% 55% 48% 52%;place-items:center;margin:30px auto;font:1000 92px/1 Arial Black,Impact,sans-serif;display:grid;transform:rotate(-6deg)}.site-footer{color:#fff;border-top:7px solid var(--orange);background:#04142f;grid-template-columns:1fr auto auto;align-items:center;gap:42px;min-height:130px;padding:35px clamp(24px,7vw,112px);display:grid}.footer-mark{color:var(--orange);text-shadow:2px 2px #000;font:1000 23px/1 Arial Black,Impact,sans-serif}.footer-mark span{color:#fff;font-size:15px}.site-footer nav{gap:25px;font-weight:900;display:flex}.site-footer a:hover{color:var(--yellow)}.site-footer p{color:#9fb1ca;margin:0;font-size:13px}@media (max-width:1040px){.main-nav{display:none}.mobile-menu{display:block}.home-hero{grid-template-columns:1fr}.hero-copy{max-width:820px}.hero-art{min-height:500px}.hero-swoop{opacity:.22;right:-15px}}@media (max-width:700px){.site-header{gap:12px;height:68px;padding:0 14px}.brand{font-size:19px}.download-chip{display:none}.language-switch{min-width:46px}.home-hero{gap:24px;min-height:auto;padding:42px 19px 72px}.home-hero h1{letter-spacing:-1.5px;font-size:clamp(38px,11vw,57px)}.hero-actions{grid-template-columns:1fr}.hero-art{min-height:350px}.image-frame{width:calc(100% - 22px);box-shadow:8px 9px 0 var(--yellow), 14px 15px 0 var(--orange);border-radius:24px 24px 24px 7px;padding:8px}.pow-badge{width:68px;height:68px;font-size:19px;top:4%;right:-2px}.header-gallery{grid-template-columns:1fr;padding:38px 19px 65px}.header-gallery figure{aspect-ratio:2}.page-hero{min-height:260px;padding:42px 20px 52px}.page-hero h1{font-size:clamp(38px,11vw,56px)}.content-shell{width:min(100% - 30px,940px);padding:45px 0 75px;font-size:17px}.content-shell h2{margin-top:48px}.content-image{float:none;width:min(100%,420px);margin:20px auto 28px}.store-button{max-width:300px;margin:12px auto 24px;display:block}.site-footer{grid-template-columns:1fr;gap:20px}.site-footer nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}.design-overview{color:#fff;background:radial-gradient(circle at 82% 12%,#104b9e 0,#0000 24%),#04142f;min-height:100vh;padding:clamp(42px,7vw,96px)}.design-overview header{max-width:900px}.design-overview header>span{color:var(--yellow);letter-spacing:.14em;font-weight:1000}.design-overview h1{letter-spacing:-3px;margin:14px 0 18px;font:1000 clamp(44px,7vw,88px)/.96 Arial Black,Impact,sans-serif}.design-overview header p{color:#bed4f3;max-width:720px;font-size:19px;line-height:1.6}.design-overview section{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:54px;display:grid}.design-overview section>a{min-height:310px;color:var(--ink);border:4px solid var(--concept-color);box-shadow:10px 12px 0 var(--concept-color);background:#fff;border-radius:28px 28px 28px 8px;flex-direction:column;align-items:flex-start;padding:28px;transition:transform .2s;display:flex}.design-overview section>a:hover{transform:translateY(-7px)rotate(-.5deg)}.design-overview section b{width:52px;height:52px;color:var(--ink);background:var(--concept-color);border:3px solid var(--ink);border-radius:16px 16px 16px 4px;place-items:center;font:1000 20px/1 Arial Black,Impact,sans-serif;display:grid}.design-overview section h2{margin:26px 0 10px;font:1000 29px/1.05 Arial Black,Impact,sans-serif}.design-overview section p{color:var(--muted);margin:0 0 24px;line-height:1.55}.design-overview section span{border-bottom:4px solid var(--concept-color);margin-top:auto;font-weight:1000}.overview-home{color:var(--yellow);margin-top:45px;font-weight:900;display:inline-block}.concept{--concept-bg:#061b41;--concept-ink:#071c3f;color:#fff;background:var(--concept-bg);min-height:100vh;position:relative;overflow:hidden}.concept-switcher{z-index:90;color:var(--ink);border:2px solid var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff0;border-radius:999px;align-items:center;gap:12px;padding:8px;display:flex;position:fixed;bottom:18px;left:18px;box-shadow:5px 6px #071c3fa6}.concept-switcher .concept-back{padding:0 8px;font-size:13px;font-weight:900}.concept-switcher>div{gap:5px;display:flex}.concept-switcher>div a{border-radius:50%;place-items:center;width:34px;height:34px;font-weight:1000;display:grid}.concept-switcher>div a.active{color:#fff;background:var(--orange)}.concept-header{z-index:30;grid-template-columns:auto 1fr auto;align-items:center;gap:34px;min-height:84px;padding:10px clamp(18px,5vw,72px);display:grid;position:relative}.concept-brand{white-space:nowrap;align-items:center;gap:12px;font:1000 22px/1 Arial Black,Impact,sans-serif;display:flex}.concept-brand img{object-fit:cover;border-radius:15px 15px 15px 4px;width:54px;height:54px}.concept-brand i{color:var(--yellow);font-style:normal}.concept-header nav{justify-self:center;gap:clamp(20px,3vw,42px);font-size:15px;font-weight:900;display:flex}.concept-header nav a{padding:12px 0;position:relative}.concept-header nav a:after{content:"";background:currentColor;height:3px;transition:right .2s;position:absolute;bottom:5px;left:0;right:100%}.concept-header nav a:hover:after{right:0}.concept-language{border-radius:13px;place-items:center;width:46px;height:42px;font-size:22px;display:grid}.concept-hero{grid-template-columns:minmax(0,.93fr) minmax(440px,1.07fr);align-items:center;gap:clamp(40px,6vw,92px);min-height:calc(100vh - 84px);padding:40px clamp(24px,7vw,110px) 82px;display:grid}.concept-copy{z-index:6;animation:.8s cubic-bezier(.2,.8,.2,1) both concept-in-left;position:relative}.concept-kicker{letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:1000;display:inline-block}.concept-copy h1{letter-spacing:-2.7px;text-wrap:balance;max-width:760px;margin:0;font:1000 clamp(45px,5.4vw,82px)/.98 Arial Black,Impact,sans-serif}.concept-copy>p{margin:23px 0 0;font-size:clamp(18px,1.5vw,22px);font-weight:800}.concept-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:32px;display:grid}.concept-actions a{justify-content:space-between;align-items:center;gap:15px;min-height:56px;padding:0 18px;font-size:16px;font-weight:1000;transition:transform .18s,box-shadow .18s;display:flex}.concept-actions a:hover{transform:translateY(-4px)rotate(-.5deg)}.concept-actions b{border-radius:50%;flex:none;place-items:center;width:28px;height:28px;font-size:12px;display:grid}.concept-stage{place-items:center;min-height:590px;animation:.9s cubic-bezier(.2,.8,.2,1) .12s both concept-in-right;display:grid;position:relative}.concept-main-image{z-index:4;width:min(82%,610px);height:auto;position:relative}.concept-accent{z-index:2;object-fit:cover;width:150px;height:150px;position:absolute}.concept-sticker{z-index:8;place-items:center;font:1000 24px/1 Arial Black,Impact,sans-serif;animation:2.4s ease-in-out infinite sticker-bob;display:grid;position:absolute}.speed-lines{opacity:.45;position:absolute;inset:5%}.concept-name{z-index:20;letter-spacing:.07em;text-transform:uppercase;padding:8px 12px;font-size:12px;font-weight:900;position:absolute;bottom:18px;right:22px}.concept-a{--concept-bg:#061b41;background:radial-gradient(circle at 71% 43%,#087ac4 0,#063b7e 29%,#0000 52%),#061b41}.concept-a:before{content:"";opacity:.18;background-image:radial-gradient(circle,#8adfff 0 2px,#0000 2.5px);background-size:20px 20px;position:absolute;inset:84px 0 0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 58%);mask-image:linear-gradient(90deg,#000,#0000 58%)}.concept-a .concept-header{background:#03142f;border-bottom:3px solid #164c8e}.concept-a .concept-brand img{border:3px solid var(--yellow);box-shadow:4px 4px 0 var(--orange);transform:rotate(-4deg)}.concept-a .concept-brand span{color:var(--orange);text-shadow:2px 3px #000}.concept-a .concept-language{background:var(--orange);border:3px solid var(--yellow);box-shadow:3px 4px #000}.concept-a .concept-kicker{color:var(--ink);background:var(--yellow);box-shadow:4px 4px 0 var(--orange);border:2px solid #fff;border-radius:999px;padding:8px 13px}.concept-a .concept-copy h1{text-shadow:4px 5px #00112c}.concept-a .concept-copy>p{color:#d4eaff}.concept-a .concept-actions a{color:var(--ink);border:3px solid var(--ink);background:#fff;border-radius:14px 14px 14px 4px;box-shadow:5px 6px #020d20}.concept-a .concept-actions a:nth-child(3n){background:#b9f1ff}.concept-a .concept-actions a:nth-child(4n){background:#ffe169}.concept-a .concept-actions .main-action{color:#fff;background:var(--orange);border-color:#ffb32e}.concept-a .concept-actions b{color:#fff;background:var(--blue)}.concept-a .concept-actions .main-action b{color:var(--ink);background:var(--yellow)}.concept-a .speed-lines{background:repeating-conic-gradient(from 4deg at 50% 50%, transparent 0 8deg, #ffc51bcc 9deg 10deg);border-radius:50%}.concept-a .concept-main-image{border:4px solid var(--ink);box-shadow:14px 16px 0 var(--yellow), 22px 24px 0 var(--orange);background:#fff;border-radius:38px 38px 38px 10px;padding:10px;transform:rotate(2deg)}.concept-a .accent-one{box-shadow:7px 8px 0 var(--orange);border:4px solid #fff;border-radius:50%;animation:4s ease-in-out infinite float-one;top:5%;left:0;transform:rotate(-11deg)}.concept-a .accent-three{box-shadow:7px 8px 0 var(--yellow);border:4px solid #fff;border-radius:28px 28px 28px 7px;animation:4.6s ease-in-out infinite float-two;bottom:4%;right:-2%;transform:rotate(9deg)}.concept-a .concept-sticker{width:92px;height:92px;color:var(--ink);background:var(--yellow);box-shadow:7px 8px 0 var(--orange);border:6px solid #fff;border-radius:48% 52% 44% 56%;top:8%;right:4%;transform:rotate(11deg)}.concept-a .concept-name{color:var(--ink);background:var(--yellow);border-radius:8px;transform:rotate(-2deg)}.concept-b{--concept-bg:#fff8e7;color:var(--ink);background:radial-gradient(circle at 75% 35%,#cfefff 0,#0000 31%),linear-gradient(130deg,#fffdf5,#fff1ce)}.concept-b:after{content:"";pointer-events:none;opacity:.18;background-image:radial-gradient(#ff7d54 0 1px,#0000 1.5px);background-size:13px 13px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(110deg,#0000 35%,#000 72%,#0000 100%);mask-image:linear-gradient(110deg,#0000 35%,#000 72%,#0000 100%)}.concept-b .concept-header{background:#ffffffe6;border:2px solid #071c3f1f;border-radius:25px;min-height:78px;margin:22px 34px 0;padding:9px 26px;box-shadow:0 12px 35px #3927071f}.concept-b .concept-brand img{border:3px solid var(--orange);border-radius:50%}.concept-b .concept-brand span{color:var(--orange);letter-spacing:-.5px}.concept-b .concept-header nav a:hover{color:var(--orange)}.concept-b .concept-language{border:2px solid var(--ink);box-shadow:3px 4px 0 var(--yellow);background:#fff}.concept-b .concept-hero{min-height:calc(100vh - 100px)}.concept-b .concept-kicker{color:var(--orange)}.concept-b .concept-copy h1{color:var(--ink)}.concept-b .concept-copy h1:first-line{color:var(--orange)}.concept-b .concept-copy>p{color:#354968}.concept-b .concept-actions a{background:#fff;border:2px solid #c4b99f;border-radius:999px;box-shadow:0 8px 18px #071c3f1a}.concept-b .concept-actions a:nth-child(2),.concept-b .concept-actions a:nth-child(5){background:#d8f4ff}.concept-b .concept-actions a:nth-child(3),.concept-b .concept-actions a:nth-child(6){background:#fff0a8}.concept-b .concept-actions .main-action{color:#fff;background:linear-gradient(100deg,#ff3c08,#ff7134);border-color:#e93609;box-shadow:0 9px 22px #ff450a47}.concept-b .concept-actions b{color:#fff;background:var(--blue)}.concept-b .concept-actions .main-action b{color:var(--orange);background:#fff}.concept-b .speed-lines{filter:blur(1px);background:conic-gradient(from 10deg,#0000,#ffc51bcc,#0000 11% 24%,#26adeea6,#0000 34% 57%,#ff561999,#0000 68%);border-radius:50%}.concept-b .concept-main-image{border:10px solid #fff;border-radius:50% 50% 44% 56%/45% 55% 48% 52%;width:min(78%,570px);transform:rotate(-1.5deg);box-shadow:0 28px 65px #071c3f38}.concept-b .accent-one{border:8px solid #fff;border-radius:8px;width:170px;height:120px;animation:4s ease-in-out infinite float-one;top:7%;left:0;transform:rotate(-9deg);box-shadow:0 15px 30px #071c3f2e}.concept-b .accent-three{border:8px solid #fff;border-radius:8px;width:180px;height:130px;animation:4.8s ease-in-out infinite float-two;bottom:3%;right:0;transform:rotate(8deg);box-shadow:0 15px 30px #071c3f2e}.concept-b .concept-sticker{color:#fff;background:var(--orange);border:5px solid #fff;border-radius:50%;width:88px;height:88px;top:13%;right:5%;transform:rotate(8deg);box-shadow:0 10px 22px #ff4a0b59}.concept-b .concept-name{color:#fff;background:var(--orange);border-radius:999px}.concept-c{--concept-bg:#040718;background:radial-gradient(circle at 73% 45%,#00bdff47,#0000 28%),radial-gradient(circle at 23% 72%,#a62dff40,#0000 31%),#040718}.concept-c:before{content:"";opacity:.22;transform-origin:bottom;background-image:linear-gradient(#3fe2ff47 1px,#0000 1px),linear-gradient(90deg,#3fe2ff47 1px,#0000 1px);background-size:44px 44px;position:absolute;inset:84px 0 0;transform:perspective(500px)rotateX(62deg)scale(1.45);-webkit-mask-image:linear-gradient(#0000 22%,#000);mask-image:linear-gradient(#0000 22%,#000)}.concept-c .concept-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b20ad;border-bottom:1px solid #46e0ff59}.concept-c .concept-brand img{border:2px solid #35e7ff;border-radius:14px;box-shadow:0 0 22px #35e7ff8c}.concept-c .concept-brand span{background:linear-gradient(90deg,#5af0ff,#fff,#ff4ab7);color:#0000;-webkit-background-clip:text}.concept-c .concept-language{color:#fff;background:#1f2d5b99;border:1px solid #3ee9ff;box-shadow:0 0 18px #3ee9ff4d}.concept-c .concept-kicker{color:#4af0ff;background:#19577838;border:1px solid #35e7ff;border-radius:8px;padding:8px 13px;box-shadow:inset 0 0 18px #35e7ff1f}.concept-c .concept-copy h1{background:linear-gradient(110deg,#fff 10%,#72f5ff 50%,#ff58ba 90%);color:#0000;filter:drop-shadow(0 0 20px #3cdfff26);-webkit-background-clip:text}.concept-c .concept-copy>p{color:#b7c6eb}.concept-c .concept-actions a{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10193db8;border:1px solid #5be6ff8c;border-radius:10px;box-shadow:inset 0 0 22px #2cdcff12,0 0 16px #2cdcff14}.concept-c .concept-actions a:nth-child(2n){border-color:#ff48bb94}.concept-c .concept-actions .main-action{color:#03101c;background:linear-gradient(100deg,#32ebff,#94ffcf);border:0;box-shadow:0 0 28px #32ebff59}.concept-c .concept-actions b{color:#05142c;background:#5deeff;box-shadow:0 0 12px #5deeff99}.concept-c .concept-actions .main-action b{color:#fff;background:#132653}.concept-c .speed-lines{border:2px solid #3ae8ff66;border-radius:28% 72% 55% 45%;transform:rotate(7deg);box-shadow:0 0 65px #27d4ff33,inset 0 0 55px #d226ff26}.concept-c .concept-main-image{clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);background:linear-gradient(135deg,#50f2ff,#d832ff,#ff3a93);border-radius:28px 8px;padding:5px;box-shadow:0 0 55px #38e0ff47}.concept-c .accent-one{border:2px solid #41eaff;border-radius:18px;animation:4s ease-in-out infinite float-one;top:4%;left:0;transform:rotate(-8deg);box-shadow:0 0 30px #41eaff73}.concept-c .accent-three{border:2px solid #ff4ab7;border-radius:18px;animation:4.6s ease-in-out infinite float-two;bottom:3%;right:0;transform:rotate(7deg);box-shadow:0 0 30px #ff4ab773}.concept-c .concept-sticker{color:#05142c;clip-path:polygon(50% 0,63% 21%,87% 13%,80% 38%,100% 50%,78% 63%,87% 88%,62% 80%,50% 100%,38% 80%,13% 88%,21% 63%,0 50%,21% 38%,13% 13%,38% 21%);filter:drop-shadow(0 0 16px #55efffb3);background:#55efff;border:2px solid #fff;width:84px;height:84px;top:9%;right:4%}.concept-c .concept-name{color:#4aefff;background:#07112fcc;border:1px solid #4aefff;border-radius:8px}@keyframes concept-in-left{0%{opacity:0;transform:translate(-70px)rotate(-1deg)}to{opacity:1;transform:none}}@keyframes concept-in-right{0%{opacity:0;transform:translate(90px)scale(.94)}to{opacity:1;transform:none}}@keyframes sticker-bob{0%,to{translate:0}50%{translate:0 -10px}}@keyframes float-one{0%,to{translate:0}50%{translate:7px -13px}}@keyframes float-two{0%,to{translate:0}50%{translate:-8px 12px}}@media (max-width:1040px){.design-overview section{grid-template-columns:1fr}.design-overview section>a{min-height:230px}.concept-header nav{display:none}.concept-header{grid-template-columns:1fr auto}.concept-hero{grid-template-columns:1fr;padding-top:55px}.concept-copy{max-width:820px}.concept-stage{min-height:520px}}@media (max-width:650px){.design-overview{padding:38px 20px 100px}.design-overview h1{font-size:45px}.concept-switcher{bottom:10px;left:10px}.concept-switcher .concept-back{display:none}.concept-header{min-height:68px;padding:7px 15px}.concept-b .concept-header{border-radius:18px;margin:10px 10px 0;padding:7px 12px}.concept-brand{font-size:17px}.concept-brand img{width:44px;height:44px}.concept-hero{gap:28px;min-height:auto;padding:38px 18px 100px}.concept-copy h1{letter-spacing:-1.6px;font-size:clamp(39px,11vw,56px)}.concept-actions{grid-template-columns:1fr}.concept-stage{min-height:370px}.concept-accent{width:94px!important;height:94px!important}.concept-sticker{font-size:18px;width:66px!important;height:66px!important}.concept-name{display:none}}
.neon-site{--neon-cyan:#55efff;--neon-pink:#ff4ab7;--neon-violet:#963cff;--neon-panel:#0d183ac7;color:#f5fbff;background:radial-gradient(circle at 82% 18%,#00beff33,#0000 27%),radial-gradient(circle at 13% 72%,#a62dff2e,#0000 31%),#040718;min-height:100vh}.neon-site .site-header{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#04081bd6;border-bottom:1px solid #50e7ff59;height:82px;box-shadow:0 8px 35px #00000052,0 1px 24px #42e0ff14}.neon-site .brand{letter-spacing:-1.8px;align-items:center;gap:9px;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:29px;font-weight:1000;transform:rotate(-1deg)}.neon-site .brand>img{object-fit:cover;border:2px solid var(--neon-cyan);border-radius:14px 14px 14px 4px;width:54px;height:54px;transform:rotate(-3deg);box-shadow:0 0 20px #55efff7a}.neon-site .brand-quiz,.neon-site .brand-run{color:#ff5b20;-webkit-text-stroke:1px #ffb02e;background:linear-gradient(#ffb52e 0%,#ff5b20 48%,#df241c 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px #6d160e)drop-shadow(0 0 9px #ff5b2059);-webkit-background-clip:text;background-clip:text}.neon-site .brand-and{color:#fff4d6;letter-spacing:-1px;text-shadow:0 0 8px #ff862b8c;margin:0 1px;font-size:.62em}.neon-site .main-nav a{color:#d4ddf7}.neon-site .main-nav a:after{background:linear-gradient(90deg,var(--neon-cyan),var(--neon-pink));box-shadow:0 0 12px var(--neon-cyan)}.neon-site .main-nav a:hover{color:#fff}.neon-site .download-chip{color:#03101c;background:linear-gradient(100deg,var(--neon-cyan),#91ffcf);box-shadow:0 0 23px #55efff52}.neon-site .language-switch{border:1px solid var(--neon-cyan);background:#192754a8;box-shadow:0 0 15px #55efff33}.neon-site .mobile-menu summary{border-color:var(--neon-cyan);background:#192754b8}.neon-site .mobile-menu nav{color:#f5fbff;border-color:var(--neon-cyan);background:#070f28f7;box-shadow:0 0 28px #55efff3d}.neon-site .mobile-menu nav a:hover{background:#55efff1f}.neon-home{position:relative;overflow:hidden}.neon-home:before,.neon-page:before{content:"";z-index:0;pointer-events:none;opacity:.18;background-image:linear-gradient(#3fe2ff3d 1px,#0000 1px),linear-gradient(90deg,#3fe2ff3d 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000 22%,#000);mask-image:linear-gradient(#0000 22%,#000)}.neon-site .home-hero{z-index:1;color:#fff;background:0 0;min-height:calc(100vh - 82px);position:relative}.neon-site .hero-copy{animation:.8s cubic-bezier(.2,.8,.2,1) both neon-enter-left}.neon-site .page-label{color:var(--neon-cyan);border:1px solid var(--neon-cyan);background:#144a6942;border-radius:8px;box-shadow:inset 0 0 18px #55efff1a,0 0 17px #55efff1f}.neon-site .home-hero h1{color:#0000;background:linear-gradient(110deg,#fff 5%,#75f4ff 48%,#ff63bd 92%);filter:drop-shadow(0 0 20px #3dddff24);-webkit-background-clip:text}.neon-site .hero-subline{color:#b8c8ef}.neon-site .hero-actions .comic-button{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#10193dc7;border:1px solid #5be6ff8f;border-radius:11px;box-shadow:inset 0 0 22px #2cdcff0f,0 0 16px #2cdcff14}.neon-site .hero-actions .comic-button:nth-child(2n){border-color:#ff48bb94}.neon-site .hero-actions .comic-button:hover{border-color:#fff;box-shadow:0 0 25px #55efff3d}.neon-site .hero-actions .comic-button.primary{color:#03101c;background:linear-gradient(100deg,var(--neon-cyan),#94ffcf);border:0;box-shadow:0 0 30px #55efff52}.neon-site .hero-actions .comic-button b{color:#041129;background:var(--neon-cyan);box-shadow:0 0 13px #55efff99}.neon-site .hero-actions .comic-button.primary b{color:#fff;background:#132653}.neon-site .hero-art{animation:.9s cubic-bezier(.2,.8,.2,1) .12s both neon-enter-right}.neon-site .neon-grid{border:2px solid #55efff57;border-radius:29% 71% 54% 46%;position:absolute;inset:4%;transform:rotate(7deg);box-shadow:0 0 75px #2ed6ff29,inset 0 0 60px #ce26ff1f}.neon-site .image-frame{background:linear-gradient(135deg,var(--neon-cyan),#d832ff,var(--neon-pink));clip-path:polygon(4% 0,100% 0,96% 100%,0 100%);border:0;border-radius:29px 8px;width:min(80%,580px);padding:5px;transform:rotate(1deg);box-shadow:0 0 60px #38e0ff42}.neon-site .image-frame img{border-radius:24px 5px}.neon-site .pow-badge{color:#041129;background:var(--neon-cyan);clip-path:polygon(50% 0,63% 21%,87% 13%,80% 38%,100% 50%,78% 63%,87% 88%,62% 80%,50% 100%,38% 80%,13% 88%,21% 63%,0 50%,21% 38%,13% 13%,38% 21%);border:2px solid #fff;border-radius:0;width:88px;height:88px;animation:2.4s ease-in-out infinite sticker-bob;top:9%;right:3%;box-shadow:0 0 24px #55efff99}.neon-site .home-orbit{z-index:1;object-fit:contain;background:#08112d;border-radius:18px;width:112px;height:112px;position:absolute}.neon-site .orbit-left{border:2px solid var(--neon-cyan);animation:4s ease-in-out infinite float-one;top:5%;left:0;transform:rotate(-8deg);box-shadow:0 0 28px #55efff75}.neon-site .orbit-right{border:2px solid var(--neon-pink);animation:4.7s ease-in-out infinite float-two;bottom:4%;right:0;transform:rotate(8deg);box-shadow:0 0 28px #ff4ab770}.neon-page{position:relative}.neon-page .page-hero{z-index:1;color:#fff;border-bottom:1px solid var(--neon-cyan);background:radial-gradient(circle at 73% 37%,#0babef57,#0000 25%),linear-gradient(120deg,#050a20fa,#0c204ef0);min-height:340px;box-shadow:0 12px 35px #0000004d}.neon-page .page-hero>a{color:var(--neon-cyan)}.neon-page .page-hero h1{color:#0000;background:linear-gradient(105deg,#fff 8%,#79f4ff 61%,#ff63bd);filter:drop-shadow(0 0 16px #55efff1f);-webkit-background-clip:text;animation:.7s cubic-bezier(.2,.8,.2,1) both neon-enter-left}.neon-page .hero-swoop{color:#06112b;background:var(--neon-cyan);clip-path:polygon(50% 0,63% 21%,87% 13%,80% 38%,100% 50%,78% 63%,87% 88%,62% 80%,50% 100%,38% 80%,13% 88%,21% 63%,0 50%,21% 38%,13% 13%,38% 21%);border:2px solid #fff;border-radius:0;box-shadow:0 0 35px #55efff8c}.neon-page .content-shell{z-index:1;color:#d8e3ff;width:min(1000px,100% - 40px);position:relative}.neon-page .content-shell h2{color:#f7fbff;text-shadow:0 0 18px #55efff21}.neon-page .content-shell h2:before{content:"//";color:var(--neon-cyan);letter-spacing:-6px;margin-right:12px;font-size:.72em}.neon-page .content-text{background:var(--neon-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #688bca59;border-radius:13px 13px 13px 3px;padding:22px 24px;box-shadow:inset 0 0 30px #3adfff06,0 14px 38px #0000002e}.neon-page .content-image{float:none;background:linear-gradient(145deg,var(--neon-cyan),var(--neon-pink));border:0;border-radius:20px 6px;width:min(100%,620px);margin:24px auto 30px;padding:4px;overflow:hidden;box-shadow:0 0 30px #55efff33}.neon-page .content-image img{object-fit:contain;border-radius:17px 4px;width:100%;height:auto}.neon-page .content-image+.content-image{float:none;width:min(100%,620px);margin:24px auto 30px}.neon-page .jump-link{color:#f5fbff;-webkit-text-decoration-color:var(--neon-pink);text-decoration-color:var(--neon-pink);background:linear-gradient(100deg,#122f5ceb,#34195beb);border:1px solid #55efff94;border-radius:10px;box-shadow:inset 0 0 22px #55efff0f,0 0 16px #55efff14}.neon-page .jump-link:nth-of-type(2n){border-color:#ff4ab79e}.neon-page .jump-link:hover{color:#fff;background:linear-gradient(100deg,#194d7ef2,#4b1c70f2);box-shadow:0 0 24px #55efff2e}.neon-page .jump-link span{color:var(--neon-cyan)}.neon-page .store-button{border:2px solid var(--neon-cyan);border-radius:14px 4px;box-shadow:0 0 24px #55efff3d}.neon-videos .content-shell{width:min(1120px,100% - 40px)}.neon-videos .video-button{color:#fff;border:2px solid var(--video-accent);width:min(100%,820px);min-height:220px;box-shadow:0 0 34px color-mix(in srgb,var(--video-accent) 35%,transparent);isolation:isolate;border-radius:22px 7px;grid-template-columns:minmax(0,1fr) auto;align-items:end;margin:28px auto 24px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.neon-videos .video-button:after{content:"";z-index:-1;background:linear-gradient(90deg,#030717f5 0%,#0307178c 45%,#0307170d 100%);position:absolute;inset:0}.neon-videos .video-button img{z-index:-2;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.neon-videos .video-button-copy{text-shadow:0 2px 12px #02040c;gap:5px;padding:28px;display:grid}.neon-videos .video-button-copy strong{font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:clamp(28px,4vw,48px);line-height:1}.neon-videos .video-button-copy small{color:var(--video-accent);font-size:17px;font-weight:900}.neon-videos .video-button>b{color:#071026;background:var(--video-accent);width:62px;height:62px;box-shadow:0 0 22px var(--video-accent);border:2px solid #fff;border-radius:50%;place-items:center;margin:24px;font-size:24px;display:grid}.neon-videos .video-button:hover{box-shadow:0 0 52px color-mix(in srgb,var(--video-accent) 52%,transparent);transform:translateY(-4px)scale(1.006)}.neon-videos .video-playlist{--video-accent:#8cff63}.neon-videos .video-short{--video-accent:#55efff}.neon-videos .video-standard{--video-accent:#ff4ab7}.neon-videos .video-long{--video-accent:#ff9e35}.neon-videos .content-action:last-child{color:#fff;background:linear-gradient(100deg,#963cff,#ff4ab7);box-shadow:0 0 25px #ff4ab747}.neon-page .content-action{color:#06112b;background:linear-gradient(100deg,var(--neon-cyan),#91ffcf);border:0;border-radius:10px;box-shadow:0 0 25px #55efff40}.neon-page .content-action b{color:#fff;background:#132653}.neon-site .site-footer{z-index:2;color:#e8f3ff;background:#030717fa;border-top:1px solid #55efff61;position:relative;box-shadow:0 -10px 35px #00000040}.neon-site .footer-mark{white-space:nowrap;letter-spacing:-1.8px;text-shadow:none;align-items:baseline;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:27px;font-weight:1000;display:inline-flex;transform:rotate(-1deg)}.neon-site .footer-mark .brand-quiz,.neon-site .footer-mark .brand-run{color:#ff5b20;font-size:1em}.neon-site .footer-mark .brand-and{color:#fff4d6;font-size:.62em}@keyframes neon-enter-left{0%{opacity:0;transform:translate(-70px)}to{opacity:1;transform:none}}@keyframes neon-enter-right{0%{opacity:0;transform:translate(85px)scale(.94)}to{opacity:1;transform:none}}@media (max-width:1040px){.neon-site .home-orbit{width:120px;height:120px}}@media (max-width:700px){.neon-site .site-header{height:70px}.neon-site .brand{letter-spacing:-1.4px;gap:7px;font-size:23px}.neon-site .brand>img{width:42px;height:42px}.neon-site .home-hero{padding-top:46px}.neon-site .home-orbit{display:none}.neon-site .image-frame{width:calc(100% - 45px)}.neon-page .content-text{padding:18px}.neon-videos .video-button{min-height:180px}.neon-videos .video-button-copy{padding:20px}.neon-videos .video-button>b{width:52px;height:52px;margin:16px}.neon-page .page-hero{min-height:270px}}@media (prefers-reduced-motion:reduce){.neon-site *{animation:none!important}}
