@charset "UTF-8";
:root{--ink:#f1edf6;--muted:#98919f;--line:#2c2634;--paper:#08080b;--wash:#101015;--purple:#b6a0eb;--lilac:#b6a0eb;--dark:#0d0d10;--max:1192px;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;color-scheme:dark}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{cursor:not-allowed}img{display:block;max-width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9270ce;outline-offset:5px}button{border:0;background:none}p,h1,h2,h3,h4{margin:0}p{line-height:1.65}section[id]{scroll-margin-top:90px}.skip{position:fixed;z-index:300;top:-60px;left:20px;background:white;padding:14px}.skip:focus{top:10px}.site-nav{height:64px;position:sticky;top:0;z-index:30;background:rgba(250,250,252,.9);backdrop-filter:blur(22px);border-bottom:1px solid #00000008}.nav-inner{max-width:var(--max);height:100%;padding:0 24px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand img{width:106px;filter:brightness(0)}.nav-links{display:flex;gap:35px;font-size:12px}.nav-links a:hover,.link:hover{color:var(--purple)}.account-button{font-size:12px;display:flex;gap:8px;align-items:center;white-space:nowrap}.account-circle{border:1.4px solid #555461;width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;font-size:13px}.preview-strip{text-align:center;font-size:11px;color:#747078;background:#f5f3f8;padding:9px 12px;letter-spacing:.02em}.preview-strip a{text-decoration:underline;margin-left:14px}.hero{overflow:hidden;text-align:center;background:linear-gradient(#fff 66%,#f6f5f9);padding:65px 24px 35px}.eyebrow{text-transform:uppercase;font-size:13px;font-weight:600;letter-spacing:.13em;color:#797183;margin-bottom:19px}.hero h1{font-size:clamp(42px,4.5vw,68px);line-height:1.15;letter-spacing:-.055em;font-weight:650}.hero h1 span{color:#726183}.hero-intro{font-size:19px;color:var(--muted);margin-top:24px;line-height:1.65}.actions{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:26px}.button{display:inline-flex;justify-content:center;align-items:center;border-radius:28px;background:var(--ink);color:white;padding:13px 22px;font-size:14px;font-weight:500;transition:transform .18s,background .18s}.button:hover{background:#3d3449;transform:translateY(-1px)}.button.secondary{background:#eee9f5;color:#634c81}.link{color:var(--purple);font-size:14px;white-space:nowrap}.hero-stage{position:relative;height:416px;max-width:1030px;margin:54px auto 0;display:flex;align-items:flex-start;justify-content:center}.hero-halo{position:absolute;width:900px;height:360px;top:80px;left:50%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#d9c6f0aa,transparent 70%);filter:blur(25px)}.hero-window{width:635px;aspect-ratio:1.54;overflow:hidden;background:#0d0d10;border-radius:12px;border:5px solid #29272f;box-shadow:0 35px 65px -23px #26133355,0 1px 0 #ffffff88 inset;position:relative;z-index:2}.hero-window img{width:100%;height:100%;object-fit:cover;object-position:top}.hero-icon{width:151px;position:absolute;z-index:3;filter:drop-shadow(0 16px 17px #42335928)}.icon-a{left:38px;top:88px;transform:rotate(-9deg)}.icon-b{right:27px;top:204px;transform:rotate(9deg)}.stage-note{position:absolute;bottom:-18px;font-size:10px;color:#93909b;display:flex;align-items:center;gap:5px}.live-dot{width:4px;height:4px;background:#8b7b9b;border-radius:50%}.product-switch{background:#e9e7ee;display:inline-flex;border:1px solid #e3dfeb;border-radius:30px;padding:4px;margin-top:44px;gap:4px}.product-switch button{padding:9px 22px;font-size:12px;border-radius:22px;color:#706b76}.product-switch button.selected{background:white;color:#24202a;box-shadow:0 2px 7px #0000000c}.platform-note{font-size:11px;color:#8a848f;margin-top:15px}.section{padding:100px max(24px,calc((100% - var(--max))/2));}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:28px;margin-bottom:42px}.section-heading h2{font-size:40px;letter-spacing:-.04em;line-height:1.2}.section-heading h2 span{color:#8c8c93;display:block}.section-heading p{font-size:14px;color:var(--muted)}.software-section{background:var(--wash)}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.product-card{border-radius:28px;background:white;text-align:center;padding:30px 32px 28px;min-height:530px;overflow:hidden}.card-top{display:flex;align-items:center;justify-content:space-between}.kicker{font-size:13px;font-weight:600}.status-pill{font-size:10px;padding:5px 9px;border:1px solid #dcd6e5;border-radius:20px;color:#81718f}.product-icon{width:108px;height:108px;margin:34px auto 25px;filter:drop-shadow(0 12px 13px #63547224)}.product-card h3{font-size:30px;letter-spacing:-.035em}.product-card p{font-size:15px;color:#73717b;margin-top:15px}.format-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:25px}.format-row span{border:1px solid #e8e4ed;font-size:10px;border-radius:5px;padding:5px 9px;color:#77717f}.small-link{font-size:11px;color:#8b8096;display:inline-block;margin-top:27px}.repair-card{background:#121115;color:#f5f3f9}.repair-card .status-pill{border-color:#3a3345;color:#b7a3ca}.repair-card .format-row span{border-color:#37323e;color:#a299b1}.repair-card p{color:#a9a1b4}.repair-card .button{background:#c0abe9;color:#20162e}.repair-card .link,.repair-card .small-link{color:#c5b0eb}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin:42px 15px 0;gap:40px}.principles div{display:flex;flex-direction:column;padding-left:24px;border-left:1px solid #d7d4df;gap:7px}.principles b{font-size:15px;font-weight:600}.principles span{color:var(--muted);font-size:12px}.lesson-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:25px}.lesson{display:block;border-radius:24px;overflow:hidden;background:#f6f6f8;transition:transform .2s}.lesson:hover{transform:translateY(-4px)}.lesson-art{height:320px;position:relative;overflow:hidden;background:#15121d;color:#fff}.lesson-art-copy{position:relative;z-index:2;padding:34px}.lesson-art-copy>span{font-size:10px;color:#b9aaca;letter-spacing:.06em}.lesson-art-copy strong{display:block;margin-top:24px;font-size:31px;line-height:1.4;letter-spacing:-.03em}.audio-art{background:radial-gradient(ellipse at 85% 55%,#44335c,#19151f 60%)}.audio-art>img{width:116px;position:absolute;right:45px;top:120px;z-index:2;transform:rotate(8deg);box-shadow:0 20px 30px #0003;border-radius:24px}.wave-art{position:absolute;inset:95px -20px -30px 47%;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 6px,#ab83e3 7px 10px);mask-image:radial-gradient(ellipse,black 3%,transparent 65%);transform:rotate(-12deg)}.round-play{position:absolute;bottom:27px;right:28px;width:37px;height:37px;border:1px solid #ffffff55;border-radius:50%;display:grid;place-items:center;font-size:17px}.repair-art{background:#e8e4ef;color:#26202c}.repair-art .lesson-art-copy>span{color:#81728e}.repair-art .round-play{border-color:#8f819f}.film-track{position:absolute;display:flex;gap:9px;transform:rotate(-14deg);left:110px;bottom:25px;opacity:.75}.film-track i{width:110px;height:83px;border:7px solid #8c7e9e;border-top:12px dotted #b8aec5;border-bottom:12px dotted #b8aec5;border-radius:6px;background:linear-gradient(125deg,#564266,#c4aecb);}.film-track i:nth-child(2){filter:brightness(.7)}.lesson-description{padding:26px 28px 29px}.lesson-description h3{font-size:19px;letter-spacing:-.02em}.lesson-description p{font-size:12px;color:var(--muted);margin:9px 0 16px}.lesson-description>span{font-size:12px;color:var(--purple)}.tutorial-note{display:flex;align-items:center;gap:14px;margin:30px 0 0;color:var(--muted);font-size:12px}.tutorial-note b{color:#59555f;font-weight:500}.line-icon{font-size:16px;color:#8f7fa5}.coming-section{background:var(--wash)}.coming-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:17px}.coming-card{display:flex;flex-direction:column;align-items:center;background:#fff;border-radius:20px;padding:27px 12px 23px;transition:transform .2s}.coming-card:hover{transform:translateY(-3px)}.coming-card img{width:67px;margin-bottom:17px}.coming-card b{font-size:14px;font-weight:600}.coming-card p{font-size:10px;color:#969099;margin-top:7px}.coming-card small{font-size:9px;color:#a38db6;margin-top:17px}.coming-note{font-size:11px;color:#95909a;text-align:center;margin-top:25px}.feedback-callout{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center}.feedback-callout h2{font-size:35px;letter-spacing:-.03em;line-height:1.4}.feedback-callout p:not(.eyebrow){font-size:14px;margin-top:20px;color:var(--muted)}.feedback-choices>a{display:flex;align-items:center;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.feedback-choices img{width:55px}.feedback-choices a>span:nth-child(2){flex:1}.feedback-choices b{font-size:17px;font-weight:600}.feedback-choices small{display:block;font-size:12px;color:var(--muted);margin-top:7px}.feedback-choices a>span:last-child{color:var(--purple)}.account-nudge{font-size:12px;color:var(--purple);padding:23px 0}.site-footer{background:var(--wash);padding:40px max(24px,calc((100% - var(--max))/2)) 25px;color:#85818a;font-size:11px}.footer-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dddae2;padding-bottom:28px;margin-bottom:21px}.footer-top img{width:93px;filter:brightness(0);opacity:.7}.footer-top nav{display:flex;gap:24px}.site-footer button{padding:0;font-size:11px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;line-height:1.9}.footer-bottom a{text-decoration:underline}.footer-admin{margin-top:18px;font-size:10px;color:#aaa3b1;display:flex;gap:18px}.local-label{color:#9379ac}.product-nav{position:sticky;top:64px;z-index:20;background:#fffE;border-bottom:1px solid var(--line);padding:14px max(24px,calc((100% - var(--max))/2));display:flex;justify-content:space-between;align-items:center;backdrop-filter:blur(15px);gap:15px}.product-nav strong{font-size:18px}.product-nav>div{display:flex;gap:22px;font-size:12px;align-items:center}.product-nav .button{font-size:11px;padding:8px 15px}.product-hero{text-align:center;padding:65px 24px 70px;background:linear-gradient(white,#f7f5fb)}.product-hero>img{width:88px;margin:0 auto 22px}.product-hero h1{font-size:50px;line-height:1.25;letter-spacing:-.04em}.product-hero .lead{font-size:19px;color:#7c7284;margin:22px 0 10px}.product-hero .platform-note{font-size:12px}.app-screenshot{max-width:980px;margin:48px auto 0;border:6px solid #25232b;border-radius:17px;overflow:hidden;box-shadow:0 28px 45px -24px #37264755}.app-screenshot img{width:100%}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-grid article{padding:28px;border-radius:22px;background:var(--wash)}.feature-grid .feature-no{font-size:13px;color:#a791bc;display:block;margin-bottom:28px}.feature-grid h3{font-size:21px;line-height:1.4;margin-bottom:13px}.feature-grid p{font-size:13px;color:var(--muted)}.howto{background:var(--wash)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step-grid .step-index{font-size:42px;color:#c0b0d0;font-weight:600}.step-grid h3{font-size:19px;margin:15px 0 12px}.step-grid p{font-size:13px;color:var(--muted)}.support-section{padding-top:65px;padding-bottom:65px}.support-section details{border-bottom:1px solid var(--line);padding:20px 0}.support-section summary{cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.support-section summary::after{content:'＋';color:var(--purple)}.support-section details[open] summary::after{content:'−'}.support-section details p{font-size:13px;color:var(--muted);margin-top:16px;max-width:890px}.feedback-section{background:#f7f5fa}.feedback-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:70px}.feedback-form{padding:30px;background:#fff;border-radius:22px;box-shadow:0 8px 40px #2b124006}.feedback-form h3{font-size:20px;margin-bottom:23px}.field-label{font-size:12px;display:block;margin:17px 0 8px}.field{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #ddd7e5;background:#fff;color:var(--ink);font-size:14px;min-width:0}.feedback-form textarea{resize:vertical;min-height:140px;line-height:1.6}.feedback-meta{display:flex;justify-content:space-between;gap:15px;align-items:center;font-size:11px;color:var(--muted);margin-top:14px}.feedback-meta label{display:flex;align-items:center;gap:6px}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px}.field-note{font-size:11px;color:#91879e;line-height:1.7}.empty-feedback{border:1px dashed #d9d1e3;border-radius:20px;min-height:210px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:25px;text-align:center;gap:12px;background:#ffffff66}.empty-feedback>span{font-size:26px;color:#c0b0d0}.empty-feedback h3{font-size:16px;font-weight:500}.empty-feedback p{font-size:12px;color:#918599}.feedback-list-head{display:flex;justify-content:space-between;align-items:center;margin:7px 0 20px}.feedback-list-head h3{font-size:18px}.feedback-list-head span{font-size:11px;color:#9c8baa}.draft-item{border:1px solid #e3dbea;background:white;border-radius:17px;padding:20px;margin-bottom:15px}.draft-item h4{font-size:14px}.draft-item p{font-size:13px;margin-top:12px;white-space:pre-wrap;overflow-wrap:anywhere}.draft-item small{display:block;margin-top:15px;font-size:10px;color:#957aa8}.draft-item button{font-size:11px;margin-top:12px;color:#916981}.coming-product{padding:110px 24px 90px;text-align:center;background:var(--wash)}.coming-product>img{width:110px;margin:0 auto 26px}.coming-product h1{font-size:44px;letter-spacing:-.035em}.coming-product h2{font-size:23px;color:#8e75a7;margin:22px 0}.coming-product p{font-size:15px;color:#8c8494}.coming-product .small-link{margin-top:25px}.dialog{border:0;padding:0;border-radius:24px;width:460px;max-width:calc(100% - 32px);color:var(--ink);box-shadow:0 25px 90px #12051b55;max-height:90vh;overflow:auto}.dialog::backdrop{background:#17111f66;backdrop-filter:blur(7px)}.dialog-content{padding:38px}.dialog-close{position:absolute;right:15px;top:14px;width:28px;height:28px;border-radius:50%;background:#efedf1;color:#88818e;font-size:19px;line-height:1}.dialog h2{font-size:27px;letter-spacing:-.035em;margin:5px 0 12px}.dialog p{font-size:13px;color:#8d8295}.dialog-icon{width:62px;margin-bottom:23px}.dialog-tabs{display:flex;border-bottom:1px solid var(--line);margin-top:28px;gap:25px}.dialog-tabs button{padding:12px 0;font-size:13px;color:#888}.dialog-tabs .selected{border-bottom:2px solid #8d6bb3;color:#6c4f8f}.code-row{display:flex;gap:8px}.code-row .field{width:0;flex:1}.code-row button{padding:0 13px;border:1px solid #dcd4e6;border-radius:10px;font-size:12px;color:#77568f;white-space:nowrap}.agreement{font-size:11px;color:#908596;line-height:1.7;margin:19px 0;display:flex;align-items:start;gap:7px}.agreement input{margin-top:4px}.agreement a{color:#74568d;text-decoration:underline}.wide{width:100%}.form-status{font-size:12px;line-height:1.7;margin-top:17px;min-height:20px;color:#946127}.form-status:empty{display:none}.download-options{margin-top:26px;display:grid;gap:12px}.download-option{border:1px solid #e6e0ed;padding:16px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.download-option b{font-size:14px}.download-option small{font-size:10px;display:block;color:#988b9f;margin-top:7px}.download-option>span{font-size:11px;color:#9a839f;white-space:nowrap}.download-disclaimer{margin-top:19px;font-size:11px!important}.donate-image{max-width:230px;width:100%;margin:22px auto}.tutorial-page{padding-top:75px}.tutorial-page>.section-heading{align-items:center}.tutorial-page .section-heading h1{font-size:46px;letter-spacing:-.045em}.tutorial-tabbar{display:flex;gap:10px;margin:30px 0}.tutorial-tabbar button{font-size:13px;padding:11px 20px;border-radius:24px;background:#f2eff7;color:#8b8096}.tutorial-tabbar button.selected{background:#302539;color:#eee6f9}.demo-stage{background:#111015;border-radius:27px;color:#f4f0f8;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:55px;min-height:420px;align-items:center}.demo-copy small{color:#bba4da;font-size:11px}.demo-copy h2{font-size:38px;line-height:1.3;margin:22px 0 19px}.demo-copy p{color:#b2a7c0;font-size:14px;max-width:330px}.demo-visual{position:relative;min-height:270px;display:grid;align-items:center;justify-items:center}.demo-visual>img{width:113px;z-index:2;filter:drop-shadow(0 15px 30px #0007)}.demo-file{position:absolute;top:12px;left:0;background:#25212d;border:1px solid #473a5c;border-radius:14px;padding:18px 22px;font-size:13px;transform:rotate(-7deg);animation:float-in .7s ease both}.demo-file:last-child{left:auto;right:0;top:auto;bottom:4px;transform:rotate(5deg);color:#d7c6f1;animation-delay:.1s}.demo-controls{display:flex;align-items:center;gap:16px;margin-top:25px}.demo-controls button{border-radius:25px;padding:9px 15px;background:#ebe5f3;color:#7e6398;font-size:12px}.demo-controls button.active{background:#7f60a0;color:white}.demo-controls .demo-play{margin-left:auto;background:#212024;color:white;padding:10px 19px}.demo-explainer{font-size:11px;color:var(--muted);margin-top:20px}.admin-shell{display:grid;grid-template-columns:210px 1fr;max-width:1400px;min-height:720px;margin:auto;background:#f6f6f8}.admin-sidebar{border-right:1px solid #e1dee6;padding:35px 20px;background:white}.admin-sidebar h2{font-size:18px;padding:0 13px 30px}.admin-sidebar button{display:block;width:100%;text-align:left;font-size:13px;padding:13px;border-radius:9px;color:#897d96;margin-bottom:8px}.admin-sidebar button.selected{background:#eee8f5;color:#6e4c91}.admin-sidebar small{font-size:10px;color:#a092ad;display:block;padding:25px 13px;line-height:1.7}.admin-content{padding:40px;min-width:0}.admin-content h1{font-size:30px;letter-spacing:-.035em}.admin-content .lead{font-size:13px;color:#918497;margin-top:13px}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:29px 0}.admin-stats div{background:white;border:1px solid #e9e4ee;border-radius:15px;padding:22px}.admin-stats span{font-size:12px;color:#968aa0}.admin-stats b{display:block;margin-top:17px;font-size:30px;font-weight:500}.admin-toolbar{display:flex;gap:12px;margin-bottom:16px}.admin-toolbar input{flex:1}.admin-toolbar select{width:auto}.table-wrap{overflow:auto;border:1px solid #e5dfeb;border-radius:14px;background:white}.admin-table{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.admin-table th,.admin-table td{text-align:left;padding:18px;border-bottom:1px solid #ede9f2}.admin-table th{color:#90849b;font-weight:500;background:#fbfafc}.admin-table td button{font-size:11px;color:#866795}.badge{padding:5px 8px;border-radius:5px;background:#eef4ef;color:#548260;font-size:10px}.badge.muted{background:#f0edf4;color:#9685a8}.admin-notice{background:#eee9f5;color:#7c6b8e;border-radius:11px;padding:15px;font-size:12px;line-height:1.7;margin-top:22px}.legal-copy p{margin:15px 0}.legal-copy h3{font-size:16px;margin-top:23px}.screen-reader{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes float-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(min-width:1500px){.hero-stage{height:455px}.hero-window{width:700px}.icon-a{left:0}.icon-b{right:0}.hero h1{font-size:70px}}
@media(max-width:900px){.hero-stage{height:350px}.hero-window{width:535px}.hero-icon{width:104px}.icon-a{left:0;top:63px}.icon-b{right:0;top:195px}.section{padding:70px 28px}.section-heading h2{font-size:33px}.coming-grid{grid-template-columns:repeat(5,1fr);gap:10px}.coming-card{padding:22px 8px}.coming-card img{width:53px}.coming-card p{font-size:9px}.product-card{padding:24px 20px}.product-card h3{font-size:26px}.product-card .actions{gap:16px}.product-card .button{font-size:12px;padding:12px 18px}.product-card .link{font-size:12px}.feedback-callout,.feedback-layout{gap:35px}.feedback-callout h2{font-size:29px}.lesson-art-copy{padding:27px}.lesson-art-copy strong{font-size:25px}.audio-art>img{width:86px;right:30px;top:175px}.feature-grid{gap:15px}.feature-grid article{padding:23px}.feature-grid h3{font-size:19px}.admin-shell{grid-template-columns:160px 1fr}.admin-content{padding:30px 23px}.demo-stage{padding:35px;gap:20px}.demo-copy h2{font-size:30px}}
@media(max-width:600px){.site-nav{height:58px}.nav-inner{padding:0 20px;gap:16px}.brand img{width:90px}.nav-links{gap:17px;font-size:11px}.nav-links a:nth-child(3){display:none}.account-button{font-size:0}.account-circle{font-size:13px}.preview-strip{font-size:10px;padding:8px}.preview-strip a{margin-left:8px}.hero{padding:43px 20px 30px}.eyebrow{font-size:10px;margin-bottom:15px}.hero h1{font-size:36px;line-height:1.25;letter-spacing:-.045em}.hero-intro{font-size:13px;margin-top:21px}.actions{gap:20px;margin-top:24px}.button{font-size:12px;padding:12px 19px}.link{font-size:12px}.hero-stage{height:225px;margin-top:40px;min-width:0}.hero-window{width:310px;max-width:93%;border-width:3px;border-radius:9px;margin-top:14px}.hero-icon{width:62px}.icon-a{left:-8px;top:0}.icon-b{right:-6px;top:157px}.stage-note{bottom:0;font-size:8px}.hero-halo{width:450px;height:200px;top:20px}.product-switch{margin-top:15px}.product-switch button{font-size:11px;padding:8px 17px}.platform-note{font-size:9px;margin-top:14px}.section{padding:55px 20px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:29px;line-height:1.3}.section-heading p,.section-heading>.link{display:block;margin-top:16px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:18px}.product-card{padding:25px;min-height:0}.product-card h3{font-size:27px}.product-icon{width:95px;height:95px;margin-top:29px}.product-card p{font-size:13px}.format-row{margin-top:20px}.product-card .actions{margin-top:25px}.small-link{font-size:10px}.principles{grid-template-columns:1fr;margin:30px 0 0;gap:23px}.principles div{padding-left:18px;gap:4px}.principles b{font-size:13px}.principles span{font-size:11px}.lesson-grid{grid-template-columns:1fr;gap:20px}.lesson-art{height:270px}.lesson-art-copy strong{font-size:28px}.audio-art>img{top:135px;width:93px}.lesson-description h3{font-size:17px}.lesson-description p{font-size:11px}.tutorial-note{font-size:10px;align-items:start;line-height:1.8}.coming-grid{grid-template-columns:repeat(2,1fr);gap:12px}.coming-card{padding:24px 10px}.coming-card img{width:58px}.coming-card b{font-size:13px}.coming-card p{font-size:10px}.coming-note{font-size:10px;line-height:1.8}.feedback-callout{grid-template-columns:1fr;gap:25px}.feedback-callout h2{font-size:28px}.feedback-callout p:not(.eyebrow){font-size:12px;margin-top:18px}.feedback-choices>a{padding:19px 0}.feedback-choices b{font-size:15px}.feedback-choices small{font-size:11px}.account-nudge{font-size:11px}.site-footer{padding:30px 20px 25px}.footer-top{align-items:start;gap:25px}.footer-top img{width:78px}.footer-top nav{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;font-size:10px}.site-footer button{font-size:10px}.footer-bottom{flex-direction:column;font-size:9px;gap:10px}.product-nav{top:58px;padding:12px 20px}.product-nav strong{font-size:14px}.product-nav>div{gap:16px;font-size:10px}.product-nav>div a:first-child{display:none}.product-nav .button{font-size:10px;padding:7px 12px}.product-hero{padding:43px 20px}.product-hero h1{font-size:35px}.product-hero>img{width:73px}.product-hero .lead{font-size:14px}.product-hero .platform-note{font-size:10px}.app-screenshot{border-width:3px;border-radius:8px;margin-top:30px}.feature-grid,.step-grid{grid-template-columns:1fr;gap:20px}.feature-grid .feature-no{margin-bottom:18px}.feature-grid h3{font-size:20px}.step-grid{gap:30px}.step-grid .step-index{font-size:33px}.step-grid h3{font-size:17px;margin:9px 0}.step-grid p{font-size:12px}.support-section summary{font-size:14px}.support-section details p{font-size:12px}.feedback-layout{grid-template-columns:1fr;gap:27px}.feedback-form{padding:23px}.feedback-form h3{font-size:19px}.form-bottom{align-items:start;gap:10px}.field-note{font-size:10px}.dialog-content{padding:32px 26px}.dialog h2{font-size:25px}.dialog p{font-size:12px}.coming-product{padding:70px 20px}.coming-product h1{font-size:34px}.coming-product p{font-size:13px}.tutorial-page .section-heading h1{font-size:35px}.demo-stage{grid-template-columns:1fr;padding:30px;gap:10px}.demo-visual{min-height:215px}.demo-copy h2{font-size:29px;margin:16px 0}.demo-copy p{font-size:12px}.demo-visual>img{width:87px}.demo-file{font-size:11px;padding:14px 16px}.demo-controls{gap:7px;flex-wrap:wrap}.demo-controls button{padding:8px 11px;font-size:10px}.demo-controls .demo-play{font-size:10px;padding:8px 14px}.admin-shell{grid-template-columns:1fr}.admin-sidebar{padding:16px 20px;border-right:0;border-bottom:1px solid #ddd}.admin-sidebar h2{font-size:15px;padding:0 0 12px}.admin-sidebar button{display:inline-block;width:auto;font-size:11px;padding:9px 13px}.admin-sidebar small{display:none}.admin-content{padding:26px 20px}.admin-content h1{font-size:27px}.admin-stats{gap:9px}.admin-stats div{padding:15px 12px}.admin-stats span{font-size:10px}.admin-stats b{font-size:25px}.admin-toolbar{flex-direction:column}.admin-table th,.admin-table td{padding:15px}.admin-notice{font-size:11px}}
/* Approved ARCINEX dark direction. Keep real product screenshots untouched. */
.skip{background:#292332;color:#f0e7fb}.site-nav{background:#0d0c11ec;border-bottom-color:#ffffff0a}.brand img{filter:none}.preview-strip{background:#15121c;color:#998ba7}.preview-strip a{color:#b5a0c9}.account-circle{border-color:#8c819a}.hero{background:radial-gradient(ellipse at 50% 78%,#29203344,transparent 48%),linear-gradient(#08080b 55%,#0d0b11)}.eyebrow{color:#a393b3}.hero h1 span{color:#b6a0eb}.hero-halo{background:radial-gradient(ellipse,#6d469943,transparent 70%)}.hero-window{border-color:#312a3a;box-shadow:0 30px 75px -15px #000b,0 0 80px #8864bd12}.hero-icon{filter:drop-shadow(0 18px 25px #0008)}.stage-note{color:#84768f}.button{background:#b6a0eb;color:#1b1428}.button:hover{background:#c7b3f4}.button.secondary{background:#2b213a;color:#c9afe9}.product-switch{background:#201b28;border-color:#31283d}.product-switch button{color:#9585a7}.product-switch button.selected{background:#3b2e4a;color:#f3eafc;box-shadow:0 1px 6px #0004}.platform-note{color:#8c8099}.section-heading h2 span{color:#8a7e96}.product-card{background:radial-gradient(ellipse at 50% 25%,#282035,#16131d 70%);border:1px solid #2b2433}.product-card p{color:#a194ae}.status-pill{border-color:#493953;color:#ae94c2}.product-icon{filter:drop-shadow(0 15px 20px #0005)}.format-row span{border-color:#3a3045;color:#b1a1be}.small-link{color:#b39ace}.repair-card{background:radial-gradient(ellipse at 50% 30%,#211b2c,#101015 75%)}.repair-card .button{background:#b6a0eb}.principles div{border-color:#3a3044}.lesson{background:#17131e;border:1px solid #2c2436}.repair-art{background:linear-gradient(125deg,#2e233b,#17131f);color:#ede4f7}.repair-art .lesson-art-copy>span{color:#ad96c4}.repair-art .round-play{border-color:#746086}.film-track{opacity:.42}.tutorial-note b{color:#c3b5d0}.coming-card{background:#17131e;border:1px solid #2d2536}.coming-card p{color:#9d8ba9}.coming-card small{color:#b69ccc}.coming-note{color:#8d7d9a}.footer-top img{filter:none;opacity:.8}.site-footer{color:#8d7e9b}.footer-top{border-color:#2e2538}.footer-admin{color:#74667f}.product-nav{background:#101015ed}.product-hero{background:radial-gradient(ellipse at 50% 85%,#2b203e44,transparent 65%),linear-gradient(#08080b,#100d16)}.product-hero .lead{color:#a996ba}.app-screenshot{border-color:#32283c;box-shadow:0 26px 55px -12px #000a}.feature-grid article{background:#17131e!important;border:1px solid #2d2437}.feedback-section{background:#100d16}.feedback-form{background:#19131f;border:1px solid #33273d;box-shadow:none}.field{background:#110d17;border-color:#493950;color:#eee5f4}.field::placeholder{color:#80708a}.empty-feedback{border-color:#493751;background:#1b142388}.draft-item{background:#211829;border-color:#42304f}.dialog{background:#19121f;color:#eee5f6;border:1px solid #493650}.dialog-close{background:#302439;color:#c0a7ce}.dialog p{color:#aa94b8}.dialog-tabs .selected{color:#cbb0ed;border-color:#b599dc}.dialog-tabs button{color:#9d85ad}.code-row button{border-color:#4f3a5c;color:#c7a2e1}.dialog-tabs{border-color:#473151}.agreement{color:#a68bb5}.inline-legal{font-size:11px;color:#c1a4db;padding:0 3px;text-decoration:underline}.form-status{color:#d9bd8b}.download-option{border-color:#4a3656;background:#201729}.download-option small{color:#ac8ebd}.download-option>span{color:#b89aca}.coming-product{background:#100d16}.coming-product h2{color:#b6a0eb}.tutorial-tabbar button{background:#251b30;color:#b197c5}.tutorial-tabbar button.selected{background:#baa3e9;color:#251731}.demo-stage{border:1px solid #352740}.demo-controls button{background:#2f203d;color:#c0a3d7}.demo-controls button.active{background:#ae8cd2;color:#21152e}.demo-controls .demo-play{background:#b6a0eb;color:#241630}.admin-shell{background:#0d0a12}.admin-sidebar{background:#15101c;border-color:#33233f}.admin-sidebar button{color:#b394c5}.admin-sidebar button.selected{background:#342341;color:#d1b4ec}.admin-stats div{background:#1a1322;border-color:#392847}.table-wrap{background:#17101e;border-color:#3b2947}.admin-table th{background:#201629;color:#b497c7}.admin-table th,.admin-table td{border-color:#362441}.admin-table td button{color:#c5a2df}.badge{background:#21382a;color:#a7c8b1}.badge.muted{background:#35243e;color:#bb9ac8}.admin-notice{background:#291c35;color:#bda2d0}.feedback-form textarea{color-scheme:dark}
#site-header{display:contents}

/* Local MG tutorial players. Native video controls remain available. */
.tutorial-film-page{background:radial-gradient(ellipse at 50% 30%,#271b3428,transparent 58%);padding-bottom:85px}
.tutorial-film-page>.section-heading{margin-bottom:38px}
.tutorial-film-page>.section-heading>p{line-height:1.9;color:#a496b2}
.tutorial-film-page .tutorial-tabbar{gap:8px;margin:0 0 26px}
.tutorial-film-page .tutorial-tabbar button{display:inline-flex;align-items:center;gap:19px;padding:13px 21px;background:#19141f;border:1px solid #31253d;color:#bdadc9}
.tutorial-film-page .tutorial-tabbar button span{font-size:10px;font-variant-numeric:tabular-nums;opacity:.65}
.tutorial-film-page .tutorial-tabbar button.selected{background:#b7a0e8;border-color:#b7a0e8;color:#21162e}
.tutorial-film-page .tutorial-tabbar button:not(.selected):hover{background:#251c30;color:#e0d2ed}
.tutorial-panel{min-width:0}
.tutorial-video-shell{overflow:hidden;border:1px solid #3b2e48;border-radius:24px;background:#0b0910;box-shadow:0 26px 65px -28px #000c}
.tutorial-video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#08070c;color:#e9ddf5;color-scheme:dark}
.tutorial-film-info{display:flex;align-items:flex-start;justify-content:space-between;gap:36px;margin:30px 0 34px}
.tutorial-film-kicker{font-size:11px;letter-spacing:.06em;color:#b6a0cc;margin-bottom:11px}
.tutorial-film-kicker span{font-variant-numeric:tabular-nums}
.tutorial-film-info h2{font-size:28px;font-weight:600;letter-spacing:-.035em;line-height:1.4}
.tutorial-film-description{font-size:13px;color:#a496b2;max-width:580px;margin-top:12px}
.tutorial-production{display:flex;flex-direction:column;align-items:flex-end;gap:15px;flex-shrink:0;padding-top:2px}
.tutorial-preview-badge{font-size:10px;color:#c2acd6;border:1px solid #4a365b;border-radius:25px;padding:7px 12px;white-space:nowrap;background:#22172c}
.tutorial-transcript{display:inline-flex;align-items:center;gap:13px;font-size:12px;color:#bca1da;padding:5px 0}
.tutorial-transcript:hover{color:#e3cef9}
.tutorial-chapter-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #2e2438;padding-top:26px;margin-bottom:15px}
.tutorial-chapter-heading h3{font-size:13px;font-weight:500;color:#d3c5df}
.tutorial-chapter-heading p{font-size:11px;color:#8f7f9f}
.tutorial-chapters{display:flex;flex-wrap:wrap;gap:9px}
.tutorial-chapters button{display:flex;align-items:center;gap:11px;text-align:left;border:1px solid #34283f;border-radius:12px;padding:13px 15px;background:#17121e;transition:background .18s,border-color .18s}
.tutorial-chapters button>span{font-size:10px;font-variant-numeric:tabular-nums;color:#a28bb7}
.tutorial-chapters button>strong{font-size:12px;font-weight:400;color:#bcaec8}
.tutorial-chapters button:hover{background:#251a30;border-color:#674d7d}
.tutorial-chapters button.active{background:#2c1f3b;border-color:#82659e}
.tutorial-chapters button.active>span{color:#bda1dc}
.tutorial-chapters button.active>strong{color:#eee1fa}
.tutorial-media-status{font-size:11px;color:#c4afd5;margin-top:14px;line-height:1.7}
.tutorial-media-status:empty{display:none}
.tutorial-feature-note{font-size:11px;line-height:1.8;color:#8f819d;margin-top:20px;max-width:740px}
.tutorial-bottom-actions{justify-content:flex-start;margin-top:31px}
@media(max-width:900px){.tutorial-film-info{gap:22px}.tutorial-film-info h2{font-size:25px}.tutorial-film-description{max-width:420px}.tutorial-production{gap:12px}.tutorial-preview-badge{font-size:9px;padding:7px 10px}}
@media(max-width:600px){.tutorial-film-page{padding-bottom:55px}.tutorial-film-page>.section-heading{margin-bottom:28px}.tutorial-film-page .tutorial-tabbar{margin-bottom:20px;gap:8px}.tutorial-film-page .tutorial-tabbar button{padding:11px 16px;font-size:12px;gap:14px}.tutorial-video-shell{border-radius:15px}.tutorial-film-info{flex-direction:column;gap:18px;margin:23px 0 26px}.tutorial-film-info h2{font-size:23px}.tutorial-film-description{font-size:12px;margin-top:10px}.tutorial-production{flex-direction:row;align-items:center;justify-content:space-between;gap:15px;width:100%;padding:0}.tutorial-transcript{font-size:11px;gap:8px}.tutorial-chapter-heading{padding-top:23px;gap:12px}.tutorial-chapter-heading p{font-size:10px}.tutorial-chapters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tutorial-chapters button{padding:12px 11px;gap:8px}.tutorial-chapters button>strong{font-size:11px;line-height:1.5}.tutorial-chapters button>span{font-size:9px}.tutorial-feature-note{font-size:10px}.tutorial-bottom-actions{gap:17px;flex-wrap:wrap}}

/* Product categories: type and release status are independent. */
.software-section,.assistants-section{position:relative;scroll-margin-top:84px}
.catalog-anchor{display:block;position:relative;top:-22px;scroll-margin-top:90px;height:0;pointer-events:none}
.catalog-nav{display:flex;gap:7px;width:max-content;max-width:100%;padding:6px;margin:0 0 48px;border:1px solid #332a3e;border-radius:999px;background:#121017}
.catalog-nav>a{display:inline-flex;align-items:center;justify-content:center;gap:13px;padding:12px 24px;border-radius:999px;color:#a898ba;font-size:14px;transition:background .18s,color .18s}
.catalog-nav>a>span{font-size:10px;font-variant-numeric:tabular-nums;opacity:.7}
.catalog-nav>a:hover{background:#241d2e;color:#f3ebfc}
.catalog-nav>a.selected{background:#b6a0eb;color:#21162d}
.catalog-nav a:focus-visible,.catalog-back:focus-visible{outline:2px solid #d3bff6;outline-offset:4px}
.software-section .section-heading .eyebrow,.assistants-section .section-heading .eyebrow{font-size:12px;line-height:1.5;margin:0 0 16px;color:#b49dcc}
.assistants-section{border-top:1px solid #2d253533;background:#0b090f}
.assistants-section .section-heading>p{line-height:1.9}
.assistants-section .center-card{border-color:#5b456e;background:linear-gradient(150deg,#251a32,#15101c)}
.catalog-status-dot{display:inline-block;width:5px;height:5px;background:#b6a0eb;border-radius:50%;vertical-align:middle;margin-right:9px}
.catalog-back{display:table;margin:0 auto 24px;font-size:12px;color:#b6a0eb}
@media(max-width:600px){.catalog-nav{margin-bottom:30px;gap:4px;padding:5px}.catalog-nav>a{font-size:12px;padding:11px 17px;gap:10px}.software-section .section-heading .eyebrow,.assistants-section .section-heading .eyebrow{font-size:10px;margin-bottom:10px}.nav-inner{padding:0 16px;gap:12px}.brand img{width:80px}.nav-links{gap:13px;font-size:10px}.nav-links a:nth-child(3){display:inline}.account-button{gap:0}.assistants-section .coming-note{max-width:290px;margin-left:auto;margin-right:auto}}