:root{color-scheme:dark;--bg:#080a0f;--panel:#11141d;--line:#282c3a;--muted:#a4a9b9;--text:#f3f3f8;--purple:#9577ff;--cyan:#76d6ec;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button:hover,a:hover{filter:brightness(1.15)}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.06;letter-spacing:-.03em}h1{font-size:clamp(54px,6.6vw,92px);font-weight:750;margin-bottom:24px}h2{font-size:clamp(36px,4vw,56px);font-weight:650;margin-bottom:24px}h3{font-size:25px;font-weight:600;letter-spacing:-.015em}p{color:var(--muted)}.wrap{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section{padding-block:108px}.preview-bar{text-align:center;padding:8px 20px;background:#151220;color:#c6badf;font-size:12px;letter-spacing:.055em}.preview-bar span{margin:0 10px;color:#8767da}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 48px;border-bottom:1px solid #ffffff12;position:sticky;top:0;z-index:20;background:#080a0fec;backdrop-filter:blur(18px)}.brand{display:flex;gap:9px;align-items:center;font-size:23px;font-weight:730;letter-spacing:-1px;white-space:nowrap}.brand img{object-fit:contain}.brand-dot{color:var(--purple)}nav{display:flex;gap:30px;font-size:14px;color:#bec1cd}nav a:hover{color:white}.button{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:15px 22px;border:1px solid #44404f;border-radius:7px;font-size:14px;font-weight:650;line-height:1.5;background:#ffffff04}.button span{font-size:20px;line-height:1}.button.primary{background:#ad96ff;color:#151021;border-color:#b69fff;box-shadow:0 0 28px #8b62f51a}.button.small{padding:11px 17px;font-size:13px}.menu{display:none}.hero{text-align:center;padding-top:72px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;letter-spacing:.15em;color:#c4b4ef;margin-bottom:24px;font-weight:500}.hero .eyebrow{display:flex;justify-content:center;align-items:center;gap:10px}.status-dot{width:6px;height:6px;background:#b29cfb;border-radius:50%;box-shadow:0 0 12px #b29cfb}.gradient{background:linear-gradient(110deg,#bc9dff 7%,#a490ff 33%,#e6a1c7 60%,#efbe87 95%);color:transparent;background-clip:text}.hero-copy{font-size:18px;line-height:1.65;margin-bottom:28px}.hero-actions{display:flex;gap:30px;justify-content:center;align-items:center}.text-link{display:inline-flex;gap:12px;align-items:center;background:none;font-size:14px;padding:0;color:#dcd6ed}.play{border:1px solid #514761;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.hero-meta{display:flex;justify-content:center;gap:25px;margin:25px 0 48px;color:#858a9b;font-size:12px}.hero-meta span:before{content:'✓';color:#9b91b9;margin-right:7px}.hero-stage{position:relative}.stage-glow{position:absolute;inset:-45px 0 0;background:radial-gradient(ellipse at 30% 50%,#743eff30,transparent 65%),radial-gradient(ellipse at 80% 10%,#2cacce20,transparent 50%);filter:blur(35px);pointer-events:none}.app-frame{position:relative;border:1px solid #55506b;border-radius:11px;overflow:hidden;background:#10121a;box-shadow:0 40px 80px #0007}.spectrum{height:2px;position:relative;margin-inline:12px;background:linear-gradient(90deg,#9370ff,#68c7ff,#8dc599,#eec171,#dc617c)}.window-bar{height:37px;padding:0 16px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#b4adc8;letter-spacing:.08em}.window-bar b{font-weight:400;color:#79768b}.window-state{font-size:9px}.window-dots{display:flex;gap:6px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#4c485c}.image-button{display:block;position:relative;background:none;padding:0;width:100%}.image-button>img{width:100%;height:auto}.image-hint{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);background:#12101ced;border:1px solid #776a92;border-radius:30px;padding:10px 20px;font-size:13px;display:flex;gap:22px;white-space:nowrap;box-shadow:0 5px 25px #0009}.stage-caption{display:flex;justify-content:space-between;position:relative;color:#747b90;font-size:10px;letter-spacing:.08em;margin:15px 0 54px}.capability-strip{display:flex;justify-content:center;gap:5%;border-block:1px solid #ffffff12;padding:26px 20px;font-size:13px;color:#9397a9;letter-spacing:.2em}.capability-strip i{font-style:normal;color:#796699}.section-head{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:42px}.section-head h2{margin-bottom:0}.section-head>p{max-width:360px;margin:0 0 4px;font-size:16px}.view-switch{display:flex;gap:12px;margin-bottom:22px}.view-switch button{display:flex;align-items:center;gap:13px;border:1px solid var(--line);padding:14px 20px;background:#10121b;border-radius:7px;font-size:16px}.view-switch button>span{font-size:12px;color:#a89aca}.view-switch small{font-size:12px;color:#8f91a3;margin-left:20px}.view-switch [aria-selected=true]{background:#221c35;border-color:#8068ae;color:#e4d9ff}.workspace-panel{display:grid;grid-template-columns:.8fr 1.35fr;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:linear-gradient(115deg,#151321,#0c121b)}[hidden]{display:none!important}.workspace-copy{padding:40px}.tag{display:inline-block;font-size:10px;letter-spacing:.09em;padding:5px 9px;border:1px solid #564372;color:#ccb5ff;border-radius:4px}.tag.cyan{color:var(--cyan);border-color:#2e626e}.workspace-copy h3{font-size:32px;margin:22px 0 18px}.workspace-copy p{font-size:14px}.checks{padding:0;list-style:none;margin:24px 0;color:#ccd0de;font-size:14px}.checks li{padding:6px 0}.checks li:before{content:'✓';margin-right:10px;color:#ab93e3}.workspace-image{padding:34px 0 34px 18px;display:flex;align-items:center;background:radial-gradient(ellipse at center,#4832763b,transparent 65%);overflow:hidden}.workspace-image img{width:870px;max-width:none;border:1px solid #44405a;border-radius:8px;box-shadow:0 15px 40px #0008}.fine{font-size:12px;line-height:1.6;color:#878d9f;margin-top:18px}.workflow-section{background:#0d1017;border-block:1px solid #ffffff0b}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.workflow-grid article{border-top:1px solid #393449;padding-top:20px;min-width:0}.step-number,.step-footer{font:11px ui-monospace,SFMono-Regular,monospace;letter-spacing:.07em;color:#a597c3}.workflow-grid h3{font-size:23px}.workflow-grid p{font-size:14px;min-height:90px}.step-footer{color:#798393;font-size:10px}.mini-visual{height:118px;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;margin:16px 0 22px;background:linear-gradient(140deg,#1a1926,#0d1017);border:1px solid #262838;border-radius:6px;overflow:hidden}.media-visual i{width:52px;height:65px;border-radius:4px;border:1px solid #695b87;background:linear-gradient(150deg,#211b38,#62638d);transform:rotate(-8deg)}.media-visual i:nth-child(2){transform:translateY(-7px);background:linear-gradient(140deg,#584670,#1a1d2a)}.media-visual i:nth-child(3){transform:rotate(8deg);background:linear-gradient(140deg,#c5907f,#241f34)}.timeline-visual{display:grid;align-content:center;padding:18px;gap:6px}.timeline-visual i{height:17px;width:190px;background:repeating-linear-gradient(90deg,#655486 0 56px,#141722 56px 60px);border-radius:3px}.timeline-visual i:nth-child(2){width:140px;margin-left:30px;background:#355e74}.timeline-visual i:nth-child(3){width:170px;background:#46675f}.timeline-visual b{position:absolute;top:14px;bottom:14px;left:46%;width:1px;background:#edbacc}.timeline-visual b:before{content:'';position:absolute;width:7px;height:7px;background:#edbacc;left:-3px}.wheels-visual i,.art-color i{height:52px;width:52px;border-radius:50%;background:radial-gradient(circle,#131723 51%,transparent 54%),conic-gradient(#b96697,#d4aa60,#73ab83,#659bce,#9f7bb5,#b96697);box-shadow:0 0 20px #af71fb0a}.delivery-visual i{font-style:normal;display:grid;place-items:center;border:1px solid #858a6d;color:#c7cbb0;font:10px monospace;width:65px;height:40px;border-radius:3px;background:#a2b4870a}.delivery-visual i:nth-child(2){width:30px;height:56px}.delivery-visual i:nth-child(3){width:43px;height:43px}.creative-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px}.creative-art{overflow:hidden;position:relative;aspect-ratio:1;display:grid;place-items:center;background:radial-gradient(circle,#774fcc24,transparent 66%)}.creative-art img{width:68%;transform:rotate(-8deg);filter:drop-shadow(0 20px 40px #000b)}.orbit{position:absolute;inset:5%;border:1px solid #7c6a9b35;border-radius:50%;transform:rotate(-25deg) scaleY(.75)}.orbit-two{inset:-5%;transform:rotate(45deg) scaleY(.78);border-style:dashed}.floating-label{position:absolute;border:1px solid #434051;background:#171522e8;border-radius:5px;padding:8px 14px;font:10px monospace;letter-spacing:.07em;color:#b9b3ca}.label-one{top:10%;left:0}.label-two{bottom:11%;right:0}.label-three{right:-3%;top:28%}.large-copy{font-size:18px}.feature-line{display:flex;gap:17px;margin:25px 0}.feature-line>span{color:#aa8de3;font-size:23px}.feature-line h3{font-size:18px;letter-spacing:-.01em;margin:4px 0 8px}.feature-line p{font-size:14px;margin:0}.learning-section{background:linear-gradient(180deg,#15121d,#0e1018);border-block:1px solid #2a2537}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.lesson{padding:0;text-align:left;background:#12141e;border:1px solid #333144;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.lesson:hover{border-color:#a38aca;transform:translateY(-3px)}.lesson-art{height:160px;display:flex;justify-content:center;align-items:center;gap:25px;background:radial-gradient(ellipse at center,#45335e77,transparent 70%),#13131e;border-bottom:1px solid #302a42}.art-edit span{font:11px monospace;color:#b5a4d6;border-block:1px solid #807098;padding-block:20px}.art-edit b{display:grid;place-items:center;width:75px;height:60px;font-size:40px;font-weight:300;border:1px solid #a18ac3;border-radius:6px;color:#c4a7f1}.art-color{background:radial-gradient(ellipse at center,#663c633b,transparent 70%),#15151e}.art-color i{width:65px;height:65px}.art-deliver{background:radial-gradient(ellipse at center,#36564e66,transparent 70%),#12191e;color:#90c6c0;font-size:40px}.art-deliver span{border:1px solid #527f79;padding:0 18px;border-radius:5px}.art-deliver b{font-size:20px;font-weight:400}.lesson-meta{display:flex;justify-content:space-between;margin:22px 24px 12px;font:10px monospace;letter-spacing:.07em;color:#b6a5d7}.lesson strong{font-size:21px;letter-spacing:-.015em;line-height:1.25;margin:0 24px 10px}.lesson>span:not(.lesson-art):not(.lesson-meta):not(.lesson-link){margin:0 24px 26px;color:var(--muted);font-size:14px}.lesson-link{display:flex;justify-content:space-between;margin: auto 24px 0;padding:17px 0;border-top:1px solid #2b2b39;font-size:13px;color:#cdb7ee}.lesson-link b{font-weight:400}.pricing-section{display:grid;grid-template-columns:1fr .83fr;gap:110px;align-items:center}.pricing-notice{max-width:390px;font-size:14px;margin-top:28px}.partner-note{font-size:13px;color:#a4a9b9;max-width:420px;border-top:1px solid var(--line);padding-top:15px}.partner-note p{margin-top:15px}.price-card{border:1px solid #6d587e;border-radius:12px;background:linear-gradient(135deg,#211a30,#11141d 70%);padding:34px}.price-top{display:flex;justify-content:space-between;gap:15px;align-items:center;font:12px monospace;color:#d3c6e7}.billing{display:flex;background:#090b11;border:1px solid #302b3e;border-radius:6px;padding:4px;margin:30px 0 25px}.billing button{width:50%;background:none;border-radius:4px;padding:9px;font-size:14px;color:#b4adc2}.billing [aria-pressed=true]{color:white;background:#3a2c53}.price{display:flex;align-items:baseline;gap:10px}.price strong{font-size:54px;letter-spacing:-.06em;line-height:1.2}.price>span{font-size:15px;color:#9691a6}.price-card>p{font-size:13px;margin:12px 0}.price-card .checks{padding:18px 0;border-top:1px solid #3a3048}.full{display:flex;width:100%}.price-card p.fine{margin:18px 0 0;font-size:12px}.faq-section{padding-block:20px 110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.faq-section h2{font-size:38px}.faqs details{border-bottom:1px solid #2c2b39;padding:20px 0}.faqs details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:24px;font-size:16px;color:#dcdbe5}summary::-webkit-details-marker{display:none}summary>span{color:#9a84be}details[open] summary>span{transform:rotate(45deg)}details p{font-size:14px;margin:15px 28px 0 0}.closing{padding:75px 20px 90px;text-align:center;border-top:1px solid #3e324c;background:radial-gradient(ellipse at 50% 0%,#51326630,transparent 65%)}.closing h2{font-size:clamp(36px,4.5vw,61px);line-height:1.12}.studio-link{display:block;font-size:13px;color:#a5a0b4;margin-top:23px}footer{padding-block:30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #24232f;gap:20px}footer .brand{font-size:19px}footer>span,footer>a:last-child{font-size:12px;color:#9295a4}.skip{position:fixed;top:-80px;left:20px;z-index:100;background:#b8a2ff;color:#101018;padding:10px}.skip:focus{top:10px}dialog{background:#11131c;color:var(--text);border:1px solid #66567f;border-radius:12px;padding:24px;max-width:1100px;width:calc(100% - 40px);max-height:90vh}dialog::backdrop{background:#03050cda;backdrop-filter:blur(8px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-head h2{font-size:25px;margin:0}.close{border:1px solid #534761;border-radius:6px;background:#292135;width:40px;height:40px;flex-shrink:0}.dialog-image{width:100%;height:auto;border-radius:6px}.dialog-caption{font-size:13px;margin:16px 0 0}.lesson-content{max-width:720px;padding:10px 15px 20px}.lesson-content ol{padding-left:24px}.lesson-content li{margin:20px 0;padding-left:8px;color:#adb2c4}.lesson-content strong{color:#e6e1ef}.lesson-content p{font-size:16px}.lesson-content .tag{margin-bottom:18px}@media(min-width:1600px){.wrap{width:min(1300px,calc(100% - 120px))}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}.header{padding:0 28px;gap:20px}nav{gap:18px}.header-cta{display:none}.creative-section{gap:40px}.pricing-section{gap:60px}.workspace-panel{grid-template-columns:1fr 1.15fr}.workspace-copy{padding:28px}.workflow-grid{gap:16px}.workflow-grid h3{font-size:21px}.workflow-grid p{min-height:110px}}@media(max-width:760px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 40px)}.preview-bar{font-size:10px;padding:7px 20px}.preview-bar span{margin:0 4px}.header{height:72px;padding:0 20px}.brand{font-size:21px}.brand img{width:36px;height:36px}.menu{display:flex;gap:13px;background:transparent;font-size:14px;align-items:center}.menu span{font-size:22px}.header nav{display:none;position:absolute;top:71px;left:0;right:0;background:#10111b;border-bottom:1px solid #41344f;padding:20px;flex-direction:column;gap:0}.header nav.open{display:flex}.header nav a{padding:12px;font-size:16px}.hero{padding-top:50px}.hero .eyebrow{font-size:9px;letter-spacing:.11em;margin-bottom:24px}.hero h1{font-size:clamp(43px,9vw,66px);letter-spacing:-.04em}.hero-copy{font-size:16px}.hero-actions{flex-direction:column;gap:19px}.hero-meta{gap:12px;font-size:10px;margin-bottom:32px}.hero-meta span:before{margin-right:4px}.window-bar{height:28px;padding:0 9px;font-size:8px}.window-state{display:none}.image-hint{font-size:10px;bottom:9px;padding:6px 12px}.stage-caption{font-size:8px;letter-spacing:.025em;gap:18px;text-align:left;margin-bottom:34px}.stage-caption>span{max-width:55%}.capability-strip{gap:4%;font-size:9px;letter-spacing:.1em;padding:20px 12px}.capability-strip i{font-size:8px}.section{padding-block:66px}.section-head{display:block;margin-bottom:30px}.section-head>p{margin-top:22px;max-width:100%;font-size:15px}.eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:37px}.view-switch{gap:8px}.view-switch button{width:50%;font-size:14px;padding:14px 12px;gap:7px}.view-switch small{display:none}.view-switch button>span{font-size:10px}.workspace-panel{grid-template-columns:1fr}.workspace-copy{padding:28px}.workspace-copy h3{font-size:30px}.workspace-image{padding:0 20px 24px}.workspace-image img{width:100%;max-width:100%}.workflow-grid{grid-template-columns:1fr 1fr;gap:30px 18px}.workflow-grid h3{font-size:22px}.workflow-grid p{font-size:13px;min-height:105px}.mini-visual{height:100px}.wheels-visual i{width:38px;height:38px}.media-visual i{width:35px;height:52px}.delivery-visual{gap:5px;padding:10px}.delivery-visual i{font-size:8px}.creative-section{grid-template-columns:1fr;gap:30px}.creative-art{max-width:370px;width:90%;margin:auto}.creative-section>div:last-child{order:-1}.creative-section .large-copy{font-size:17px}.floating-label{font-size:9px;padding:6px 10px}.lesson-grid{grid-template-columns:1fr}.lesson-art{height:160px}.lesson strong{font-size:23px}.pricing-section{grid-template-columns:1fr;gap:32px}.price-card{padding:26px}.price strong{font-size:52px}.faq-section{grid-template-columns:1fr;gap:15px;padding-block:10px 65px}.faq-section h2{font-size:36px}.faqs summary{font-size:15px}.closing{padding:55px 0 65px}.closing h2{font-size:36px}footer{flex-wrap:wrap;padding-block:24px;gap:15px}footer>span{order:3;width:100%;font-size:11px}dialog{padding:18px}.dialog-head h2{font-size:21px}.lesson-content{padding:0 4px}}@media(prefers-reduced-motion:no-preference){.lesson,.button{transition:transform .2s,border-color .2s,filter .2s}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Super creative direction — September 2026 */
.hero{padding-top:65px;padding-bottom:64px;text-align:left}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:30px;align-items:center}.hero h1{font-size:clamp(44px,5.6vw,78px);letter-spacing:-.04em;line-height:1.04}.hero .eyebrow,.hero-actions,.hero-meta{justify-content:flex-start}.hero-copy{max-width:520px;font-size:17px}.super-word{display:inline-block;font-style:italic;position:relative;line-height:1.16;padding:.08em .16em .09em .09em;margin:-.08em -.06em -.09em -.09em;vertical-align:baseline;overflow:visible;-webkit-background-clip:text;background-clip:text}.hero-actions{gap:22px;flex-wrap:wrap}.hero-meta{margin-bottom:0}.hero-art{position:relative;min-width:0;aspect-ratio:1.08;border-radius:24px;background:radial-gradient(ellipse at 60% 45%,#702ba8aa,transparent 65%),#13101d;box-shadow:0 24px 90px #6922a524;isolation:isolate}.hero-art>picture{display:block;height:100%;position:absolute;inset:0;border-radius:24px;overflow:hidden}.hero-art>picture img{width:100%;height:100%;object-fit:cover;object-position:60% center}.hero-art-placeholder{height:100%;display:grid;place-content:center;text-align:center;padding:40px}.hero-art-placeholder img{max-width:280px}.hero-art-placeholder span{font:10px monospace;letter-spacing:.12em}.art-sticker{position:absolute;right:-10px;top:18px;transform:rotate(8deg);background:#d5f76d;color:#162007;font-size:13px;font-weight:800;line-height:1.2;padding:16px;border-radius:8px;box-shadow:0 8px 30px #0005}.art-caption{position:absolute;bottom:16px;left:20px;font:10px monospace;letter-spacing:.1em;color:#fff;background:#111019c9;padding:7px 12px;border-radius:20px}.capability-strip{color:#ded5f7;background:linear-gradient(90deg,#221432,#11151e,#25172c)}.button.primary{background:#c4afff;box-shadow:0 5px 30px #9862ff22}.view-switch{display:grid;grid-template-columns:repeat(3,1fr)}.view-switch button{width:100%;flex-wrap:wrap;gap:10px}.view-switch small{display:block;width:100%;margin:0 0 0 25px}.tag.lime{color:#d5f76d;border-color:#697e3a}.start-illustration{display:grid;align-content:center;gap:15px;padding:38px;background:radial-gradient(ellipse at 60% 40%,#b8ef6920,transparent 70%)}.start-illustration>div{display:flex;align-items:center;gap:18px;padding:18px 24px;border:1px solid #515c3e;border-radius:10px;background:linear-gradient(120deg,#252d20,#171924)}.start-illustration b{font:12px monospace;color:#d5f76d}.start-illustration span{font-size:21px;line-height:1.4}.start-illustration small{display:block;font-size:12px;color:#aaaeb0}.start-illustration i{margin-left:auto;color:#d5f76d;font-style:normal}.start-illustration .diagram-label{font:9px monospace;letter-spacing:.12em;color:#a6b38f}.transformation-section{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;align-items:center;padding:0 0 105px}.moment-demo{border:1px solid #51455f;border-radius:14px;overflow:hidden;background:#14121e}.moment-scene{height:325px;position:relative;overflow:hidden;background:linear-gradient(#41444f,#aaa297);isolation:isolate}.scene-sun{position:absolute;width:100px;height:100px;border-radius:50%;background:#d3cec5;top:35px;right:55px}.scene-mountain{position:absolute;inset:100px -50px -190px;background:#555b60;transform:rotate(28deg);border-radius:50px}.scene-mountain:after{content:'';position:absolute;inset:90px -30px 0;background:#74797a;transform:rotate(-65deg);border-radius:50px}.scene-title{position:absolute;left:30px;bottom:35px;z-index:1;color:#eee;font-size:26px;line-height:1.05;letter-spacing:-.045em;font-weight:500}.scene-title b{font-size:45px}.scene-star{position:absolute;right:28px;bottom:30px;font-size:70px;color:#dcfa70;opacity:0;transform:rotate(-80deg) scale(.3)}.moment-status{display:flex;justify-content:space-between;gap:12px;padding:17px 20px;font:10px monospace;color:#bdb3ca}.is-super .moment-scene{background:linear-gradient(145deg,#50158b,#ff866c 65%,#fac469)}.is-super .scene-sun{background:#e4ff83;transform:translate(-30px,0) scale(1.2);box-shadow:0 0 60px #fff39b55}.is-super .scene-mountain{background:#502286;transform:rotate(20deg) translateY(25px)}.is-super .scene-mountain:after{background:#b15ad6}.is-super .scene-title{transform:translateY(-12px) rotate(-5deg);color:white}.is-super .scene-star{opacity:1;transform:rotate(10deg) scale(1)}.is-super .moment-status{color:#e0f6a3}.workspace-panel[role=tabpanel]:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}
@media(prefers-reduced-motion:no-preference){.hero-intro{animation:arrive .75s ease-out both}.hero-art{animation:arrive .95s .1s ease-out both}.art-sticker{animation:sticker-pop .8s .5s both}.moment-scene,.moment-scene span,.moment-scene span:after{transition:transform .7s cubic-bezier(.2,.75,.2,1),background .7s,opacity .7s,color .7s}.workspace-panel{animation:arrive .35s ease-out}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s}.reveal-ready.revealed{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sticker-pop{from{opacity:0;transform:rotate(-12deg) scale(.7)}to{opacity:1;transform:rotate(8deg) scale(1)}}}
@media(max-width:1050px){.hero-grid{gap:25px}.hero h1{font-size:55px}.hero-copy{font-size:16px}.hero-actions{gap:15px}.transformation-section{gap:36px}.view-switch small{font-size:11px}.start-illustration{padding:24px}.hero-art{aspect-ratio:.85}}
@media(max-width:760px){.hero{padding-top:42px;padding-bottom:40px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(43px,10.6vw,64px);max-width:590px}.hero .eyebrow{margin-bottom:22px}.hero-actions{align-items:flex-start;gap:20px}.hero-meta{font-size:11px}.hero-art{aspect-ratio:1.45;margin:0 5px 0 0}.hero-art>picture img{object-position:60% center}.art-sticker{padding:11px;font-size:11px;right:-7px;top:12px}.art-caption{font-size:8px;left:12px;bottom:12px}.view-switch{gap:7px}.view-switch button{font-size:12px;padding:12px 9px;gap:5px}.view-switch button>span{display:block;width:100%;font-size:10px}.view-switch small{display:none}.start-illustration{padding:0 25px 28px}.start-illustration>div{padding:15px}.start-illustration span{font-size:18px}.transformation-section{grid-template-columns:1fr;gap:25px;padding-bottom:65px}.moment-scene{height:280px}.moment-status{font-size:9px;padding:14px 12px}.scene-title b{font-size:40px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal-ready{opacity:1!important;transform:none!important}}
/* Keep the complete artwork visible, including the monitor and airborne editor. */
.hero-grid{grid-template-columns:1fr;gap:38px}.hero-intro{max-width:920px;text-align:center;margin:auto}.hero .eyebrow,.hero-actions,.hero-meta{justify-content:center}.hero h1{font-size:clamp(48px,6.5vw,90px)}.hero-copy{max-width:640px;margin-inline:auto}.hero-art{aspect-ratio:1672/941;max-height:640px;width:100%;margin:0}.hero-art>picture img{object-fit:contain}.art-sticker{right:25px;top:25px}.hero-art>picture{background:#0b101a}@media(max-width:760px){.hero-grid{gap:30px}.hero h1{font-size:clamp(43px,10vw,64px)}.hero-actions{align-items:center}.hero-art{aspect-ratio:1672/941;border-radius:14px}.hero-art>picture{border-radius:14px}.art-sticker{right:8px;top:-12px;font-size:9px;padding:8px}.art-caption{display:none}.hero-copy{font-size:16px}.hero-meta{gap:16px}}
:root .beta-nav-link{color:var(--lime,#c5f771)}
.super-beta-invite{display:flex;align-items:center;justify-content:space-between;gap:48px;margin-top:80px;margin-bottom:80px;padding-top:54px;padding-bottom:54px;border-top:1px solid #303039;border-bottom:1px solid #303039}
.super-beta-invite h2{font-size:clamp(32px,4vw,54px);line-height:1.06;letter-spacing:-.02em;margin:0 0 20px}
.super-beta-invite p:not(.eyebrow){max-width:580px;color:#aaaab8;line-height:1.65}
.super-beta-invite>div:last-child{flex-shrink:0}
.super-beta-invite .fine{font-size:12px;margin-top:16px}
@media(max-width:760px){.super-beta-invite{display:block;margin-top:48px;margin-bottom:48px;padding-top:36px;padding-bottom:36px}.super-beta-invite>div:last-child{margin-top:24px}}
.header .brand,footer .brand{letter-spacing:-.02em}
footer .footer-meta,footer .beta-footer-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px}
footer .footer-meta a,footer .beta-footer-meta a{color:#c9bedb;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#66547f;white-space:nowrap}
footer .footer-meta a:hover,footer .beta-footer-meta a:hover{color:#e5dcff;text-decoration-color:currentColor}
footer .footer-meta a:focus-visible,footer .beta-footer-meta a:focus-visible{outline:2px solid #bc9eff;outline-offset:5px;border-radius:2px}