/* Standalone landing: silver cabin / graphite shop console. */
@font-face{font-family:DS-Digital;src:url('./ds-digi.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--ink:#111519;--paper:#dfe1e3;--muted:#495158;--line:#a7adb2;--dark:#080a0d;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #4082c1;outline-offset:5px}img{display:block;max-width:100%}figure,p,h1,h2,h3{margin:0}bdi{unicode-bidi:isolate}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.skip{position:absolute;inset-inline-start:24px;top:-80px;padding:16px;background:white;z-index:20}.skip:focus{top:12px}
.header{background:#080a0d;color:#f5f7f8;border-bottom:1px solid #889098;box-shadow:0 3px 0 #252a2f,0 5px 0 #b4b8bc}.header-inner{display:flex;align-items:center;min-height:92px;gap:36px}.brand{display:flex;align-items:center;gap:16px;margin-inline-end:auto}.brand>span{font-family:DS-Digital,monospace;font-size:32px;letter-spacing:2px;line-height:.95}.brand>span>span{display:block;font-size:16px;letter-spacing:3px;margin-top:5px}.brand img{width:58px;height:60px;object-fit:contain}.main-nav{display:flex;gap:28px;font-size:12px}.main-nav a:hover,.text-link:hover{text-decoration:underline;text-underline-offset:5px}
.language-picker{position:relative;z-index:10}.language-picker summary{display:flex;gap:10px;align-items:center;border:1px solid #727b85;padding:12px 15px;cursor:pointer;font-size:12px;list-style:none;min-height:44px}.language-picker summary::-webkit-details-marker{display:none}.language-picker nav{position:absolute;inset-inline-end:0;top:calc(100% + 10px);width:min(520px,calc(100vw - 40px));max-height:65vh;overflow:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;padding:12px;background:#101419;border:1px solid #8c969f;box-shadow:0 12px 32px #0006}.language-picker a{padding:12px 8px;font-size:13px;line-height:1.4}.language-picker a:hover,.language-picker [aria-current]{background:#cdd3d9;color:#080a0d}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6%;align-items:center;padding-block:62px 58px}.hero-copy{min-width:0}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase;line-height:1.7}.dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:#43515e;box-shadow:0 0 0 4px #bcc3c9}h1{font-family:Arial,'Segoe UI',sans-serif;font-size:clamp(42px,4.9vw,74px);line-height:1.06;letter-spacing:-.055em;text-transform:uppercase;font-weight:900;margin-block:24px;overflow-wrap:anywhere;hyphens:auto}h1 span{display:block;color:#58636d;margin-top:4px}.lead{font-size:15px;line-height:1.75;max-width:480px;color:#3e464d}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:52px;padding:15px 21px;background:linear-gradient(125deg,#f7f9fb,#bbc2c9 52%,#e9edf1);border:1px solid #69737c;box-shadow:inset 0 0 0 2px #ffffff70,0 3px 0 #707981,0 5px 10px #34404c21;font-size:12px;font-weight:bold}.button:hover{background:#fff}.button span,.text-link span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:12px}
.hero-visual{min-width:0}.hatch{position:relative;padding:20px;background:linear-gradient(135deg,#fafbfc 0%,#8c959f 25%,#e8ecf0 49%,#6e7882 76%,#e5e8ec);border-radius:48% 48% 16px 16px;border:1px solid #5b646b;box-shadow:inset 0 0 0 4px #cdd2d6,0 8px 24px #36414c29}.hatch-inner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 40%,#fff 50%,#e3e6e8);border:7px solid #171b20;border-radius:49% 49% 5px 5px;box-shadow:0 0 0 2px #f6f7f8,inset 0 0 22px #a2aab0;aspect-ratio:1.2;display:flex;align-items:center}.hatch-inner img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;padding:22px 14px 0}.photo-label{position:absolute;top:15%;left:0;right:0;text-align:center;font-family:DS-Digital,monospace;font-size:16px;letter-spacing:3px;z-index:1}.photo-note{position:absolute;bottom:15px;left:15px;right:15px;text-align:center;font-size:9px;letter-spacing:1px;text-transform:uppercase}.hero-visual figcaption{display:flex;gap:8px;font-size:10px;line-height:1.6;padding:16px 8px 0}.hero-visual figcaption>span:last-child{margin-inline-start:auto;font-family:DS-Digital,monospace;letter-spacing:3px}
.creators{background:#080a0d;color:#f3f5f7;padding-block:44px 48px;border-block:1px solid #6f7982;box-shadow:inset 0 3px 0 #252b30}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}h2{font-size:clamp(25px,2.7vw,38px);line-height:1.15;letter-spacing:-.035em;font-weight:700;overflow-wrap:anywhere}.section-code{font-family:DS-Digital,monospace;font-size:15px;color:#a6afb9;letter-spacing:2px}.creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.creator{position:relative;border:1px solid #6b747c;padding:12px;background:repeating-linear-gradient(0deg,#ffffff03 0px,#ffffff03 1px,transparent 1px,transparent 4px),linear-gradient(#1b2127,#0d1115);box-shadow:inset 0 0 0 3px #11161b,0 0 14px #e3edff0a}.creator::before,.creator::after{content:'';position:absolute;width:20px;height:2px;background:#d9e0e5;top:-1px;left:9px}.creator::after{top:auto;left:auto;bottom:-1px;right:9px}.card-top{display:flex;align-items:center;gap:10px;padding:4px 3px 14px}.card-top>span{font-family:DS-Digital,monospace;color:#aeb8c0;font-size:16px}.card-top>span:last-child{margin-inline-start:auto}.card-top h3{font-family:DS-Digital,Arial,sans-serif;font-size:27px;font-weight:400;letter-spacing:.5px}.creator-image{position:relative;background:#eef0f1;aspect-ratio:1.55;border:1px solid #a9b0b7;overflow:hidden}.creator-image img{position:absolute;left:50%;top:50%;width:calc(100% * var(--pair-scale));height:auto;max-width:none;transform:translate(var(--pair-x),var(--pair-y));mix-blend-mode:multiply}#jiniswicked .creator-image{--pair-scale:.876;--pair-x:-49.5%;--pair-y:-52.97%}#ilovehelo .creator-image{--pair-scale:1.019;--pair-x:-52.03%;--pair-y:-55.52%}#blu-tear .creator-image{--pair-scale:.863;--pair-x:-49.96%;--pair-y:-50.72%}.creator figcaption{font-size:10px;letter-spacing:1px;color:#e0e5e9;padding:12px 3px 3px}
.gift,.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10%;padding-block:44px}.gift{border-bottom:1px solid var(--line)}.gift p{font-size:15px;line-height:1.75;color:var(--muted)}.gift .text-link{font-weight:bold;margin-top:8px}.faq{padding-bottom:54px}.questions{border-top:1px solid #727b83}.questions details{border-bottom:1px solid var(--line)}.questions summary{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;line-height:1.5;padding:18px 0;cursor:pointer;list-style:none}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;flex-shrink:0;font-weight:400}.questions [open] summary span{transform:rotate(45deg)}.questions p{padding:0 20px 20px 0;font-size:14px;line-height:1.75;color:var(--muted)}
.contact{background:radial-gradient(ellipse at 10% 100%,#252e38,#080a0d 60%);color:#eef2f5;border-top:1px solid #78828c}.contact-inner{display:flex;align-items:center;gap:45px;padding-block:40px}.contact-inner>div{min-width:0;flex:1}.contact-logo{flex-shrink:0;object-fit:contain}.contact p{font-size:13px;line-height:1.7;color:#b5bfc8;margin-top:10px}.email{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;font-size:clamp(18px,3vw,38px);letter-spacing:-.03em;padding-top:20px;overflow-wrap:anywhere}.email span{color:#bbc4cd;flex-shrink:0}.email:hover{text-decoration:underline;text-underline-offset:8px}.footer{display:flex;justify-content:space-between;gap:24px;align-items:center;padding-block:24px;font-size:10px}.footer>a:first-child{font-family:DS-Digital,monospace;font-size:18px;letter-spacing:1px}.footer>span{color:var(--muted)}
[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.3}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .questions p{padding:0 0 20px 20px}:lang(hi),:lang(bn),:lang(th){line-height:1.7}:lang(hi) h1,:lang(bn) h1,:lang(th) h1{line-height:1.35;letter-spacing:0}
@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.hero{gap:5%;padding-block:48px}.header-inner{gap:24px}.main-nav{gap:18px}.hatch{padding:15px}.hatch-inner{border-width:5px}.creator-grid{gap:16px}.card-top h3{font-size:23px}.contact-inner{gap:30px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:82px;gap:14px}.brand{gap:10px}.brand img{width:46px;height:48px}.brand>span{font-size:26px}.brand>span>span{font-size:12px}.main-nav{display:none}.hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:36px 40px}h1{font-size:clamp(38px,8.8vw,64px);max-width:680px}.lead{max-width:600px}.hero-visual{width:min(100%,550px);margin-inline:auto}.hatch-inner{aspect-ratio:1.4}.photo-label{top:12%}.creators{padding-block:34px 38px}.gift,.faq{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:34px}.contact-inner{gap:22px}.contact-logo{width:82px;height:82px}.email{font-size:clamp(18px,3.7vw,28px)}.footer{flex-wrap:wrap}.section-code{font-size:12px;letter-spacing:1px}}
@media(max-width:600px){.creator-grid{grid-template-columns:minmax(0,1fr);gap:22px}.creator-image{aspect-ratio:1.65}.card-top h3{font-size:30px}.contact-logo{display:none}.contact-inner{padding-block:34px}.email{font-size:clamp(17px,5.3vw,28px)}.brand>span{font-size:23px;letter-spacing:1px}.brand>span>span{font-size:11px;letter-spacing:2px}.language-picker summary{font-size:11px;padding:11px 9px;gap:7px}.language-picker nav{grid-template-columns:repeat(2,minmax(0,1fr))}.eyebrow{font-size:9px;letter-spacing:1px}.hero-actions{gap:18px}.footer{gap:15px}.footer>span{display:none}}
@media(max-width:359px){.wrap{width:calc(100% - 32px)}.brand img{width:36px;height:40px}.brand{gap:7px}.brand>span{font-size:21px}.brand>span>span{font-size:10px}.header-inner{gap:8px}.hatch{padding:11px}.photo-note{font-size:8px}.photo-label{font-size:13px}.button{padding-inline:16px;gap:16px}h1{font-size:37px}.section-code{font-size:10px}}
:lang(ko) h1{word-break:keep-all}
.presentation{padding-top:30px}.presentation-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px}.presentation-heading h2{font-size:19px;letter-spacing:0}.presentation-code{font-family:DS-Digital,monospace;font-size:14px;letter-spacing:2px;white-space:nowrap;color:#53606b}.video-frame{padding:7px;background:linear-gradient(130deg,#f8fafc,#8a949f 40%,#d5dbe1 70%,#65717c);border:1px solid #5b646b;box-shadow:inset 0 0 0 2px #e7ebee,0 5px 18px #28374330}.video-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#080a0d}.video-pending{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;text-align:center;background:radial-gradient(ellipse at 50% 40%,#2c343d,#090c10 70%);color:#e3e8ec;border:1px solid #353e46}.video-pending img{object-fit:contain}.video-pending p{font-size:17px}.video-pending>span{font-size:11px;color:#b2bdc7;line-height:1.6}.video-caption{display:flex;justify-content:space-between;gap:20px;padding-top:14px;font-size:12px;line-height:1.7;color:#495158}.video-caption>span{flex-shrink:0}.video-transcript{border-bottom:1px solid var(--line);margin-top:12px}.video-transcript summary{padding:12px 0;font-size:12px;cursor:pointer}.video-transcript p{padding:0 0 16px;font-size:14px;line-height:1.8;color:var(--muted)}
@media(max-width:1000px){.main-nav{gap:14px;font-size:11px}.header-inner{gap:20px}}
@media(max-width:600px){.presentation{padding-top:22px}.presentation-heading h2{font-size:15px}.presentation-code{font-size:11px;letter-spacing:1px}.video-frame{padding:4px}.video-pending{gap:9px;padding:16px}.video-pending img{width:54px;height:54px}.video-pending p{font-size:13px}.video-pending>span{font-size:9px}.video-caption{display:block;font-size:11px}.video-caption>span{display:block;margin-top:4px}}
@media(max-width:600px){h1{font-size:clamp(30px,8.6vw,48px);hyphens:none}}
.questions a,.video-caption a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.video-caption{flex-wrap:wrap}.video-caption>span{max-width:100%}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}