@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap');
:root{--ink:#243831;--muted:#79857f;--green:#245c45;--blue:#376fe0;--paper:#f8f7f2;--line:#e5e8df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font:14px 'Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper)}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6c98ed;outline-offset:5px}h1,h2,h3,p{margin:0}svg{width:20px;height:20px;stroke-width:1.7;flex-shrink:0}.preview-ribbon{background:#edf0e8;color:#71816e;text-align:center;padding:8px;font-size:10px;letter-spacing:.15px}.preview-ribbon span{margin-left:12px;color:#8b9585}.home-header{height:94px;max-width:1330px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-logo{display:flex;align-items:center;font-size:32px;font-weight:800;letter-spacing:-1.5px;gap:8px}.logo-mark{background:#2e614b;color:#fcfbf5;width:33px;height:33px;display:grid;place-items:center;border-radius:11px;font-size:30px;line-height:1;padding-bottom:5px;font-style:italic;margin-right:2px}.logo-dot{color:#79ad65;margin-left:-8px}.home-header nav{display:flex;gap:33px;font-size:13px}.home-header nav a:hover{color:#487c59}.home-account{display:flex;align-items:center;gap:24px;font-size:12px}.h-btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 24px;border-radius:8px;background:var(--green);color:white;font-weight:600;font-size:14px;transition:transform .2s,background .2s}.h-btn:hover{background:#194b35;transform:translateY(-2px)}.h-btn.compact{padding:12px 17px;font-size:12px;gap:13px}.hero{max-width:1330px;padding:60px 40px 78px;margin:auto;display:grid;grid-template-columns:1fr 1.1fr;gap:15px;align-items:center;min-height:660px}.hero-eyebrow{display:flex;align-items:center;gap:8px;color:#5c7a62;font-size:12px;font-weight:500;margin-bottom:27px}.hero-eyebrow span{width:7px;height:7px;background:#7caf71;border-radius:50%}.hero h1{font-size:clamp(42px,4.4vw,65px);line-height:1.27;letter-spacing:-2.8px;font-weight:800}.hero h1>span{color:#417658}.hero-copy>p{font-size:15px;color:#7b877e;line-height:1.95;margin-top:27px}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:33px}.h-link{display:flex;align-items:center;gap:8px;font-size:12px;color:#617263}.hero-caption{display:flex;align-items:center;gap:6px;font-size:10px;color:#8a9488;margin-top:28px}.hero-caption svg{width:14px;height:14px}.hero-caption>span{margin:0 7px}.hero-art{position:relative;min-width:0}.hero-art>img{width:100%;height:auto;display:block;border-radius:42%;mix-blend-mode:multiply}.floating-word{position:absolute;left:0;bottom:1%;background:#fffffff5;border:1px solid #fff;box-shadow:0 12px 35px #34442b0e;transform:rotate(-5deg);padding:19px 23px;border-radius:14px;width:217px}.floating-word>span{font-size:9px;color:#8e9a8c}.floating-word b{display:block;font-family:Georgia,serif;font-size:31px;margin:6px 0}.floating-word b small{font-family:inherit;font-size:12px;font-weight:400;color:#9aaba0;margin-left:8px}.floating-word p{font-size:12px;color:#637467}.floating-word>div{border-top:1px solid #eef0ea;margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:6px;color:#8b978d;font-size:9px}.floating-word svg{width:14px;height:14px;color:#689969}.floating-star{position:absolute;right:3%;top:10%;padding:12px 16px;border-radius:50px;background:white;box-shadow:0 4px 24px #36462b08;font-size:11px;display:flex;align-items:center;gap:7px;transform:rotate(7deg)}.floating-star svg{color:#d7a752;width:17px}.art-note{position:absolute;right:6%;bottom:0;font-size:8px;color:#9ba69b}.promise-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1250px;margin:auto;padding:29px 20px;display:flex;justify-content:space-around;gap:20px;color:#677c6b;font-size:12px}.promise-strip span{display:flex;align-items:center;gap:10px}.promise-strip svg{width:20px;color:#6e926b}.learning-section,.together-section,.faq-section{max-width:1250px;margin:0 auto;padding:100px 25px}.section-intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:40px;gap:30px}.section-kicker{font-size:10px;color:#7d966f;letter-spacing:1.7px;font-weight:600}.section-intro h2,.faq-section h2{font-size:35px;line-height:1.48;letter-spacing:-1.4px;margin-top:17px}.section-intro>p{color:#849080;font-size:13px;line-height:1.9;padding-bottom:6px}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.learn-story{padding:30px 30px 0;background:#edf1fa;border-radius:18px;min-height:395px;overflow:hidden}.learn-story.green{background:#eaf1e6}.learn-story.peach{background:#f6eee5}.step-number{font-size:11px;color:#819290;border:1px solid #cbd4d2;border-radius:50%;display:grid;place-items:center;width:28px;height:28px;margin-bottom:22px}.learn-story h3{font-size:20px;letter-spacing:-.6px;margin-bottom:12px}.learn-story>p{font-size:12px;line-height:1.9;color:#7e8b84}.book-stack{position:relative;height:205px;margin:24px auto 0;width:175px}.book-back{position:absolute;inset:6px -8px -20px 10px;background:#93a9d5;border-radius:7px;transform:rotate(12deg)}.book-front{position:relative;background:#426d9f;color:#f3f6f8;border-radius:7px;padding:22px 19px;transform:rotate(-7deg);box-shadow:8px 6px 0 #faf9f5;display:flex;flex-direction:column;height:220px;border-left:9px solid #335f8e;gap:16px}.book-front svg{color:#bed0b0;width:24px;height:24px}.book-front small{font-size:7px;letter-spacing:1px}.book-front strong{font-size:20px;line-height:1.5}.book-front>span{font-size:7px;letter-spacing:1px;margin-top:auto}.weekly-widget{background:#fffdfa;border-radius:12px;padding:22px;margin-top:34px;transform:rotate(2deg);box-shadow:0 9px 25px #2d4d2210}.weekly-widget>div:first-child{display:flex;justify-content:space-between;font-size:11px}.weekly-widget>div>span{font-size:9px;color:#94a28d}.weekly-widget>strong{display:block;font-size:40px;letter-spacing:-2px;margin:12px 0;color:#3c6b4d}.weekly-widget>strong small{font-size:15px;color:#b0b9ab;font-weight:400;letter-spacing:0}.word-progress{height:8px;border-radius:7px;background:#edf1e7}.word-progress i{display:block;width:50%;height:100%;background:#87a972;border-radius:7px}.weekly-widget>p{font-size:9px;color:#7b9770;margin-top:13px;display:flex;gap:5px;align-items:center}.weekly-widget svg{width:13px;height:13px}.review-cards{margin:30px auto 0;background:#e8cfb4;transform:rotate(7deg);border-radius:12px;width:225px}.review-cards>div{background:#fffdf8;padding:24px;border:1px solid #efe6d7;transform:rotate(-13deg);border-radius:12px;height:172px;position:relative;box-shadow:0 10px 25px #8268400a}.review-cards span{font-size:9px;color:#aa9a81}.review-cards strong{display:block;font:29px Georgia,serif;color:#6c563b;margin-top:18px}.review-cards p{font-size:12px;color:#9a8870;margin-top:8px}.review-cards svg{position:absolute;right:22px;bottom:23px;color:#bfac8e;width:17px}.section-footnote{font-size:10px;color:#9aa391;text-align:center;margin-top:23px}.together-section{padding-top:40px}.role-tabs{display:flex;gap:10px;margin-bottom:22px}.role-tabs button{border:1px solid #e1e6db;background:transparent;border-radius:30px;display:flex;gap:8px;align-items:center;padding:11px 26px;color:#7c8a79;font-size:13px}.role-tabs button[aria-selected=true]{background:var(--green);color:white;border-color:var(--green)}.role-tabs svg{width:18px}.role-content{display:grid;grid-template-columns:.85fr 1.2fr;gap:40px;background:#fffdf8;border:1px solid #e6e9df;border-radius:20px;padding:48px;align-items:center;min-height:350px}.role-copy h3{font-size:28px;line-height:1.55;letter-spacing:-1px;margin:12px 0 17px}.role-copy>p{font-size:13px;line-height:1.95;color:#83917d}.role-copy ul{list-style:none;padding:0;display:grid;gap:12px;margin:24px 0}.role-copy li{font-size:12px;display:flex;gap:9px;color:#5f785e}.role-copy li svg{width:16px;color:#81a473}.role-copy .h-link{color:#315e40;font-weight:600}.mini-dashboard{border:1px solid #e2e8e0;box-shadow:0 16px 45px #34572c09;border-radius:12px;background:white;overflow:hidden;transform:rotate(-1deg)}.mini-top{padding:15px 20px;border-bottom:1px solid #edf1e9;display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:600}.mini-top>small{font-size:8px;color:#96a18f;font-weight:400}.mini-body{padding:22px}.mini-caption{font-size:10px;color:#99a18f;margin-top:4px}.mini-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.mini-metrics>div{background:#f7f9f3;border-radius:7px;padding:13px}.mini-metrics span{font-size:8px;color:#8a9a80;display:block}.mini-metrics b{display:block;font-size:23px;color:#4d7055;margin-top:7px}.mini-metrics b small{font-size:10px;font-weight:400}.mini-row{border-top:1px solid #eff2ea;padding:12px 0;display:flex;align-items:center;gap:12px;font-size:10px}.mini-avatar{width:26px;height:26px;background:#eaf0e4;border-radius:50%;display:grid;place-items:center;color:#728768}.mini-row>span:last-child{margin-left:auto;font-size:9px;color:#859877}.mini-chart{display:flex;align-items:end;height:100px;gap:18px;border-bottom:1px solid #e3eadb;padding:0 20px;margin:20px 0}.mini-chart i{flex:1;background:#bed1aa;border-radius:4px 4px 0 0}.mini-chart i:last-child{background:#567d4e}.start-section{text-align:center;background:#edf1e8;padding:78px 30px 65px}.start-section h2{font-size:37px;letter-spacing:-1.6px;line-height:1.5;margin:18px 0}.start-section>p{font-size:13px;line-height:1.9;color:#7c8d72}.start-steps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;max-width:980px;padding:0;margin:43px auto}.start-steps li{padding:0 17px;border-right:1px solid #dbe3d3;display:flex;flex-direction:column;align-items:center;gap:12px}.start-steps li:last-child{border:0}.start-steps span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:white;color:#7b926d;font-size:11px;margin-bottom:4px}.start-steps b{font-size:14px;font-weight:600}.start-steps small{font-size:10px;color:#90a082}.start-section .start-note{font-size:10px;margin-top:17px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.faq-section h2{font-size:30px}.faq-items details{border-bottom:1px solid #dde4d8;padding:20px 0}.faq-items summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:13px}.faq-items summary::-webkit-details-marker{display:none}.faq-items summary svg{width:17px}.faq-items details[open] summary svg{transform:rotate(45deg)}.faq-items p{font-size:12px;color:#7c8977;line-height:1.9;margin:18px 25px 0 0}.last-cta{text-align:center;padding:10px 20px 80px}.last-cta>svg{color:#caa461;width:27px;height:27px}.last-cta h2{font-size:36px;letter-spacing:-1.6px;line-height:1.5;margin:15px 0 27px}footer{border-top:1px solid var(--line);max-width:1250px;margin:auto;padding:38px 25px;display:flex;align-items:center;flex-wrap:wrap;gap:18px}footer .home-logo{font-size:27px}footer .logo-mark{width:28px;height:28px;font-size:25px}footer p{font-size:11px;color:#8e9a86}footer>div{margin-left:auto;display:flex;gap:22px;font-size:11px;color:#7b8974}footer>small{width:100%;font-size:9px;color:#a4ad9e;margin-top:8px}@media(max-width:1000px){.home-header{padding:0 25px}.home-header nav{gap:18px}.hero{padding:45px 25px 60px}.hero h1{font-size:47px}.hero-actions{gap:14px}.h-link{font-size:11px}.hero-art{margin-left:-5px}.floating-word{width:175px;padding:14px}.floating-word b{font-size:27px}.promise-strip{gap:17px;flex-wrap:wrap}.learn-story{padding:25px 20px 0}.review-cards{width:190px}.role-content{padding:30px;gap:25px}.mini-metrics>div{padding:9px}.section-intro h2{font-size:30px}.faq-section{gap:35px}}@media(max-width:700px){.preview-ribbon{font-size:9px}.preview-ribbon span{display:none}.home-header{height:78px;padding:0 20px}.home-header nav{display:none}.home-logo{font-size:28px}.home-account{gap:14px;font-size:11px}.h-btn.compact{padding:10px 12px;font-size:11px;gap:5px}.hero{grid-template-columns:1fr;padding:37px 22px 40px;gap:16px}.hero h1{font-size:46px;letter-spacing:-2px}.hero-eyebrow{font-size:10px;margin-bottom:23px}.hero-copy>p{font-size:13px;margin-top:21px}.hero-actions{gap:22px;margin-top:25px}.h-btn{padding:15px 20px;font-size:12px;gap:14px}.hero-caption{font-size:9px;margin-top:22px}.hero-art{width:100%;max-width:450px;margin:0 auto}.floating-word{left:0;bottom:0;width:170px}.floating-star{font-size:9px;right:0}.art-note{font-size:7px}.promise-strip{display:grid;grid-template-columns:1fr 1fr;padding:23px 20px;font-size:9px;gap:22px 10px}.promise-strip span{gap:7px}.promise-strip svg{width:16px}.learning-section,.together-section,.faq-section{padding:65px 22px}.section-intro{display:block;margin-bottom:28px}.section-intro h2{font-size:28px}.section-intro>p{margin-top:18px;font-size:12px}.section-kicker{font-size:9px;letter-spacing:1px}.learning-grid{grid-template-columns:1fr;gap:16px}.learn-story{padding:26px;min-height:355px}.learn-story>p{font-size:12px}.book-stack{margin-top:15px;height:150px}.weekly-widget{max-width:270px;margin:25px auto 0}.review-cards{width:225px;margin-top:26px}.step-number{float:right}.learn-story h3{font-size:22px}.section-footnote{font-size:9px;line-height:1.8}.together-section{padding-top:5px}.role-tabs{gap:8px}.role-tabs button{flex:1;padding:11px 12px;justify-content:center;font-size:12px;gap:5px}.role-content{grid-template-columns:1fr;padding:26px 20px}.role-copy h3{font-size:26px}.mini-body{padding:16px}.mini-metrics b{font-size:23px}.start-section{padding:60px 22px}.start-section h2{font-size:29px}.start-steps{grid-template-columns:1fr 1fr;gap:28px 0}.start-steps li:nth-child(2){border:0}.start-steps small{font-size:9px}.start-steps b{font-size:12px}.faq-section{grid-template-columns:1fr;gap:20px}.faq-section h2{font-size:28px}.faq-items summary{font-size:12px}.last-cta{padding-bottom:60px}.last-cta h2{font-size:30px}footer{padding:30px 22px}footer>div{margin-left:0;width:100%;gap:18px}footer>small{line-height:1.7}.hero-art>img{border-radius:25%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.h-btn{transition:none}}
/* Voket app universe: story, picture cards and 3D play. */
.voket-universe{--ink:#edf3ff;--muted:#a4b3ce;--green:#6ae5f4;--paper:#080e20;--line:#26314b;background:var(--paper);color:var(--ink)}
.voket-universe .preview-ribbon{background:#10182c;color:#93a8cb;letter-spacing:1.2px}.voket-universe .preview-ribbon span{color:#76849e;letter-spacing:0}
.voket-universe .home-header{max-width:1440px;height:92px;padding:0 5%}.voket-universe .logo-mark{background:#6ae5f4;color:#092032}.voket-universe .logo-dot{color:#6ae5f4}.voket-universe .home-header nav{color:#adb9d2}.voket-universe .home-header nav a:hover{color:#fff}
.voket-universe .h-btn{background:#73e5f2;color:#082733;border:1px solid #a5f6ff;box-shadow:0 5px 30px #47c9fc10}.voket-universe .h-btn:hover{background:#a1f2fa}.voket-universe .h-link{color:#bdcbe0}.voket-universe .hero-eyebrow{color:#7ae3f3;letter-spacing:2px;font-size:11px}.voket-universe .hero-eyebrow span{background:#81eafb;box-shadow:0 0 16px #7feeff}
.universe-hero{max-width:1440px;margin:auto;padding:65px 5% 105px;display:grid;grid-template-columns:.9fr 1.25fr;align-items:center;gap:35px;min-height:720px;overflow:hidden;background:radial-gradient(ellipse at 73% 47%,#203b7e5e,transparent 57%)}
.universe-hero h1{font-size:clamp(48px,5.25vw,78px);font-weight:800;line-height:1.17;letter-spacing:-3.8px}.universe-hero h1 em{font-style:normal;background:linear-gradient(95deg,#7cecf7,#9399ff);background-clip:text;color:transparent}.universe-hero .hero-copy>p{color:#a0afca;font-size:15px;line-height:1.9;margin-top:27px}.universe-hero .hero-copy>p strong{font-weight:400;color:#c4d1e8;display:block;margin-top:8px}.voket-universe .hero-caption{color:#7589ac;font-size:10px}.universe-hero .hero-actions{gap:25px}
.universe-art{height:485px;position:relative;min-width:0;isolation:isolate}.orbit{position:absolute;z-index:-1;border:1px solid #577ad333;border-radius:50%;width:90%;height:83%;left:5%;top:6%;transform:rotate(-30deg)}.orbit-two{width:109%;height:57%;left:-5%;top:22%;transform:rotate(25deg);border-style:dashed}.orbit-label{position:absolute;top:1%;right:4%;color:#aac2f3;letter-spacing:2px;font-size:9px;display:flex;gap:10px;align-items:center}.orbit-label svg{width:16px;color:#87ddff}
.hero-book{position:absolute;top:14%;width:94%;left:2%;border:1px solid #6e87b877;border-radius:13px;background:#101c35;overflow:hidden;transform:perspective(1100px) rotateY(-6deg) rotateZ(-4deg);box-shadow:0 25px 70px #0008,0 0 55px #3467d825}.window-top{padding:12px 16px;display:flex;justify-content:space-between;align-items:center;color:#87a6cc;font-size:8px;letter-spacing:2px;background:#121e33}.window-top>span{display:flex;gap:4px}.window-top i{display:block;width:5px;height:5px;background:#446283;border-radius:50%}.window-top i:first-child{background:#68d7e9}.window-top small{font-size:8px}.book-scene{position:relative}.book-scene>img{display:block;width:100%;height:auto}.book-sentence{position:absolute;left:20%;top:26%;color:#483623;width:28%}.book-sentence small{font-size:clamp(5px,.65vw,9px);letter-spacing:1px;color:#8d714e}.book-sentence p{font:clamp(17px,2.1vw,30px)/1.25 Georgia,serif;margin:10px 0}.book-sentence mark{background:none;color:#116d90;font-weight:bold}.book-sentence>span{font-size:clamp(6px,.68vw,9px);color:#927957}.book-bottom{padding:12px 15px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#bdd0e8;gap:8px}.book-bottom>span{display:flex;gap:5px;align-items:center}.book-bottom svg{width:12px;height:12px;color:#79e8fa}.book-bottom small{font-size:7px;color:#6f87a9}
.orbit-card{position:absolute;border:1px solid #7da9e778;background:#10203a;border-radius:11px;overflow:hidden;box-shadow:0 16px 40px #0009;display:block;width:40%;transition:transform .25s}.orbit-card:hover{transform:translateY(-8px) rotate(0deg)}.orbit-card img{display:block;width:100%;height:auto}.orbit-card>span{display:flex;align-items:center;gap:6px;padding:11px;font-size:9px;color:#e2edff}.orbit-card svg{width:12px;height:12px;color:#78dfef}.orbit-card svg:last-child{margin-left:auto}.orbit-flip{left:-4%;bottom:0;transform:rotate(-8deg)}.orbit-game{right:-1%;bottom:-2%;transform:rotate(8deg);width:43%}.world-caption{position:absolute;left:37%;bottom:5%;font-size:7px;letter-spacing:2px;color:#637fad;writing-mode:vertical-rl;max-height:75px}
.universe-strip{max-width:1250px;margin:auto;padding:27px 25px;border-top:1px solid #25304a;border-bottom:1px solid #25304a;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#abbcda;font-size:12px}.universe-strip b{color:#6db8d4;font-size:9px;margin-right:15px;letter-spacing:1px}.universe-strip>i{width:4px;height:4px;background:#44668e;transform:rotate(45deg)}
.mode-section{max-width:1250px;margin:auto;padding:100px 25px 80px}.voket-universe .section-kicker{color:#6cd6e9;letter-spacing:2px}.voket-universe .section-intro h2{color:#ecf3ff;letter-spacing:-1.4px}.voket-universe .section-intro>p{color:#889bbd}.mode-tabs{display:flex;border-bottom:1px solid #34415c;gap:10px}.mode-tabs button{display:flex;align-items:center;gap:11px;background:transparent;color:#7e93b8;border:0;border-bottom:2px solid transparent;padding:19px 23px;font-size:14px;flex:1;text-align:left;transition:background .2s}.mode-tabs button span{margin-left:auto;font-size:9px;color:#637899}.mode-tabs button[aria-selected=true]{border-bottom-color:#73e5f2;color:#96f2fa;background:linear-gradient(0deg,#1b465951,transparent)}.mode-tabs svg{width:19px}.mode-content{display:grid;grid-template-columns:1.5fr 1fr;background:#101a30;border:1px solid #273651;border-top:0;min-height:380px;border-radius:0 0 18px 18px;overflow:hidden}.mode-visual{padding:28px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at center,#20406a45,transparent)}.mode-visual img{width:100%;height:auto;display:block;border-radius:10px;border:1px solid #385779}.mode-visual figcaption{color:#6f88aa;font-size:9px;text-align:center;margin-top:12px}.mode-visual figure{margin:0}.mode-copy{padding:44px 32px 35px 10px;align-self:center}.mode-copy>small{font-size:10px;color:#78e8f3;letter-spacing:2px}.mode-copy h3{font-size:29px;line-height:1.5;margin:15px 0;letter-spacing:-1px}.mode-copy>p{font-size:13px;line-height:1.95;color:#99acca}.mode-copy ul{list-style:none;padding:0;margin:25px 0;display:grid;gap:12px;font-size:11px;color:#c6d4e9}.mode-copy li{display:flex;gap:9px;align-items:center}.mode-copy li svg{color:#6adbe8;width:15px;height:15px}.mode-copy .h-link{font-size:12px;color:#8feaf4}.mode-extra{margin-top:15px;color:#8d9fbd;font-size:11px}.mode-extra summary{cursor:pointer;padding:14px 4px;display:flex;align-items:center;gap:8px}.mode-extra img{width:100%;max-width:900px;display:block;border-radius:12px;margin:15px auto}.mode-extra p{text-align:center;font-size:10px;line-height:1.8;margin-bottom:15px}.game-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.game-tags span{font-size:9px;padding:6px 10px;border:1px solid #385479;border-radius:20px;color:#95bad8}
.ai-section{max-width:1250px;margin:auto;padding:70px 25px 95px;display:grid;grid-template-columns:1fr 1fr;gap:100px;border-bottom:1px solid #25304a}.ai-heading h2{font-size:37px;line-height:1.5;letter-spacing:-1.5px;margin:18px 0}.ai-heading em{font-style:normal;color:#8de7f1}.ai-heading>p{color:#8fa5c4;font-size:13px;line-height:1.9}.ai-words{display:flex;gap:10px;align-items:center;margin:30px 0 17px}.ai-words span{font:italic 19px Georgia,serif;border:1px solid #3b4f77;padding:9px 19px;border-radius:8px;background:#14223b;color:#c4d8f5}.ai-words svg{margin-left:auto;color:#6bcce3}.ai-result{display:flex;gap:13px;align-items:center;background:linear-gradient(100deg,#203356,#15243e);padding:19px;border:1px solid #3a5276;border-radius:9px;color:#a5b9d6;font:16px/1.5 Georgia,serif}.ai-result svg{color:#9ca6ff}.ai-result b{color:#89dfeb;font-weight:400}.ai-steps{display:grid}.ai-steps article{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid #273450}.ai-steps article:first-child{padding-top:0}.ai-steps article:last-child{border:0}.ai-steps article>span{color:#587096;font:12px Georgia,serif;padding-top:5px}.ai-steps article>div{position:relative;padding-left:44px}.ai-steps article svg{position:absolute;left:0;top:3px;color:#72d0e1;width:23px;height:23px}.ai-steps h3{font-size:18px;font-weight:600;margin-bottom:10px}.ai-steps p{color:#8399ba;font-size:12px;line-height:1.9}.learning-bridge{text-align:center;padding:75px 22px;background:radial-gradient(ellipse at 50% 80%,#1a2c4c,transparent 65%)}.learning-bridge>span{display:flex;align-items:center;justify-content:center;gap:12px;letter-spacing:3px;color:#7796c1;font-size:9px}.learning-bridge p{font-size:30px;font-weight:400;line-height:1.55;color:#778dac;margin:20px 0}.learning-bridge b{color:#dbe8fb;font-weight:600}.learning-bridge>a{display:inline-flex;justify-content:center;align-items:center;border:1px solid #3a4d70;border-radius:50%;width:38px;height:38px;color:#92b4dd}
.voket-universe .together-section{padding-top:55px}.voket-universe .role-tabs button{color:#8ca1c0;border-color:#334762}.voket-universe .role-tabs button[aria-selected=true]{background:#68ddeb;color:#102338;border-color:#68ddeb}.voket-universe .role-content{background:#111d32;border-color:#2b3e58}.voket-universe .role-copy>p{color:#8ba1c3}.voket-universe .role-copy li{color:#b9cbe2}.voket-universe .role-copy li svg{color:#75dfed}.voket-universe .role-copy .h-link{color:#89e4ef}.voket-universe .mini-dashboard{background:#f6f9ff;color:#263650;box-shadow:0 20px 60px #0005;border-color:#3b557a;transform:rotate(-1deg)}.voket-universe .mini-top{border-color:#dbe4f4}.voket-universe .mini-caption,.voket-universe .mini-top>small{color:#798da7}.voket-universe .mini-metrics>div{background:#e7eefb}.voket-universe .mini-metrics b{color:#426fad}.voket-universe .mini-metrics span{color:#7186a8}.voket-universe .mini-row{border-color:#e1e8f2}.voket-universe .mini-row>span:last-child{color:#5c7ea4}.voket-universe .mini-avatar{background:#dfebfc;color:#557caf}.voket-universe .start-section{background:#111e36;border-top:1px solid #2b3e5c;border-bottom:1px solid #2b3e5c}.voket-universe .start-section>p{color:#8ca2c2}.voket-universe .start-steps li{border-color:#314566}.voket-universe .start-steps span{background:#243b5e;color:#80e1ef}.voket-universe .start-steps small{color:#7e98bb}.voket-universe .faq-items details{border-color:#2b3b55}.voket-universe .faq-items p{color:#91a5c4}.voket-universe .last-cta{background:radial-gradient(ellipse at bottom,#153553,transparent 70%);padding-top:25px}.voket-universe .last-cta>svg{color:#79ddea}.voket-universe footer p,.voket-universe footer>div{color:#8ca1bd}.voket-universe footer>small{color:#607493}
@media(min-width:1500px){.universe-art{height:530px}.universe-hero{padding-top:80px;padding-bottom:120px}}
@media(max-width:1050px){.universe-hero{gap:15px;padding-top:40px;min-height:620px}.universe-hero h1{font-size:56px}.universe-art{height:390px}.universe-hero .hero-copy>p{font-size:13px}.universe-hero .hero-actions{gap:14px}.universe-hero .h-btn{padding:16px}.book-bottom small{display:none}.hero-book{top:19%}.orbit-label{font-size:8px}.mode-copy{padding:25px 22px 25px 0}.mode-copy h3{font-size:25px}.ai-section{gap:50px}.ai-heading h2{font-size:31px}}
@media(max-width:700px){.voket-universe .home-header{height:77px;padding:0 22px}.universe-hero{grid-template-columns:1fr;padding:34px 22px 45px;gap:30px}.universe-hero h1{font-size:54px;letter-spacing:-2.5px}.universe-hero .hero-eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:22px}.universe-hero .hero-copy>p{font-size:13px;margin-top:21px}.universe-hero .hero-copy>p strong{margin-top:3px}.universe-hero .hero-actions{gap:24px}.universe-hero .hero-caption{font-size:8px;gap:4px}.universe-hero .hero-caption>span{margin:0 3px}.universe-art{height:365px;width:100%;max-width:490px;margin:auto}.hero-book{top:14%;left:3%;width:92%}.book-sentence p{font-size:20px;margin:6px 0}.book-sentence small{font-size:6px}.book-sentence>span{font-size:6px}.orbit-flip{left:0;bottom:1%;width:43%}.orbit-game{right:0;bottom:0;width:46%}.orbit-card>span{font-size:8px;padding:9px 6px;gap:4px}.orbit-card svg{width:11px;height:11px}.orbit-label{right:4%;top:3%;font-size:7px}.window-top{padding:9px 12px;font-size:6px}.world-caption{display:none}.book-bottom{font-size:8px;padding:8px 12px}.universe-strip{padding:24px 20px;gap:13px;flex-direction:column;align-items:start;font-size:11px}.universe-strip>i{display:none}.universe-strip b{margin-right:20px}.mode-section{padding:65px 22px 30px}.mode-tabs{gap:0}.mode-tabs button{font-size:10px;padding:14px 5px;justify-content:center;gap:5px}.mode-tabs svg{width:15px;height:15px}.mode-tabs button span{display:none}.mode-content{grid-template-columns:1fr}.mode-visual{padding:18px 15px 0}.mode-visual figcaption{font-size:8px}.mode-copy{padding:25px}.mode-copy h3{font-size:27px}.mode-copy>p{font-size:12px}.mode-copy ul{font-size:10px}.mode-extra{font-size:10px}.ai-section{grid-template-columns:1fr;padding:55px 22px 50px;gap:40px}.ai-heading h2{font-size:29px}.ai-heading>p{font-size:12px}.ai-result{font-size:13px;padding:16px 12px;gap:9px}.ai-words span{font-size:17px;padding:8px 15px}.ai-steps h3{font-size:17px}.ai-steps p{font-size:11px}.learning-bridge{padding:55px 22px}.learning-bridge p{font-size:25px}.voket-universe .together-section{padding-top:25px}.voket-universe .role-copy h3{font-size:25px}.voket-universe .mini-metrics b{font-size:20px}.voket-universe .mini-row{font-size:9px;gap:7px}.voket-universe .mini-row>span:last-child{font-size:8px}}
@media(max-width:380px){.universe-art{height:320px}.universe-hero h1{font-size:48px}.book-sentence p{font-size:17px}.orbit-card>span{font-size:7px}.mode-tabs button{font-size:9px}.universe-hero .hero-actions{gap:14px}}
@media(prefers-reduced-motion:reduce){.orbit-card,.mode-tabs button{transition:none}}
/* Artwork revision: give each learning mode its own clear, unobstructed space. */
.polished-art{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:start;padding:5px 0 0}.polished-art .orbit-label{position:static;grid-column:1/-1;justify-content:flex-end;margin:0 10px 5px 0}.polished-art .hero-book{position:relative;grid-column:1/-1;top:auto;left:auto;width:94%;margin:0 auto 5px;display:block;border-radius:17px;transform:rotate(-2deg);border-color:#8aacc953;background:#0c1930;transition:transform .25s,box-shadow .25s;box-shadow:0 20px 55px #0007,0 0 55px #527ff524}.polished-art .hero-book:hover{transform:rotate(0deg) translateY(-3px)}.polished-art .hero-book>img{width:100%;height:auto;display:block}.art-label{display:flex;align-items:center;gap:9px;padding:12px 16px;font-size:9px;letter-spacing:1.8px;color:#c7daf0;background:#10203a}.art-label svg{width:14px;height:14px;color:#8ce1ed}.art-label svg:last-child{margin-left:auto}.polished-art .orbit-card{position:relative;left:auto;right:auto;bottom:auto;width:100%;transform:none;border-radius:13px;border-color:#6f99d15c;background:#12203b;box-shadow:0 15px 35px #0004}.polished-art .orbit-flip{transform:rotate(-3deg)}.polished-art .orbit-game{transform:rotate(3deg)}.polished-art .orbit-card:hover{transform:translateY(-5px)}.polished-art .orbit-card>span{padding:11px 13px;font-size:10px}.polished-art .orbit{top:8%;height:75%;width:105%;left:-2%}.art-disclosure{grid-column:1/-1;text-align:right;font-size:8px;color:#7087a9;padding:5px 3px 0}.universe-hero:has(.polished-art){padding-top:40px;padding-bottom:75px;gap:45px}.mode-visual img{border-radius:13px}.mode-content{grid-template-columns:1.45fr 1fr}.mode-visual{padding:24px}.mode-copy{padding-left:5px}
@media(max-width:1050px){.universe-hero:has(.polished-art){gap:25px}.polished-art{gap:10px}.polished-art .orbit-card>span{font-size:8px;padding:9px}.art-label{font-size:8px;padding:10px}.mode-content{grid-template-columns:1.35fr 1fr}}
@media(max-width:700px){.universe-hero:has(.polished-art){padding-top:34px;padding-bottom:40px;gap:36px}.polished-art{max-width:490px;gap:11px}.polished-art .hero-book{width:97%;border-radius:12px}.polished-art .orbit-label{font-size:7px;margin-bottom:8px}.polished-art .orbit-card>span{font-size:8px;padding:10px 7px;gap:4px}.polished-art .orbit-card svg{width:11px;height:11px}.art-disclosure{font-size:7px;margin-top:2px}.mode-content{grid-template-columns:1fr}.mode-visual{padding:16px 16px 0}.mode-copy{padding:25px}.art-label{font-size:8px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.polished-art .hero-book{transition:none}}
@media(min-width:701px){.polished-art{max-width:480px;justify-self:end;width:100%}.universe-hero:has(.polished-art){padding-top:25px;padding-bottom:55px}}
.home-logo{white-space:nowrap}.logo-3d{font-size:.65em;letter-spacing:-.5px;font-weight:700;color:#83e5f3;margin-left:1px}
@media(max-width:400px){.voket-universe .home-header{gap:10px;padding:0 17px}.voket-universe .home-header .home-logo{font-size:24px;gap:5px}.voket-universe .home-header .logo-mark{width:28px;height:28px;font-size:25px}.voket-universe .home-account{gap:10px}}
.home-logo .app-brand-icon{display:block;width:40px;height:40px;object-fit:contain;border-radius:10px;flex-shrink:0;margin-right:2px}footer .home-logo .app-brand-icon{width:34px;height:34px;border-radius:8px}@media(max-width:400px){.home-logo .app-brand-icon{width:32px;height:32px;border-radius:8px}}