/* V0.3: the V0.2 content model, with the approved creative-content identity. */
:root{--ink:#f5f7f6;--ink-2:#d1d7d4;--muted:#a2ada8;--subtle:#9ca7a1;--primary:#00e7b1;--primary-dark:#54f8cf;--teal:#00e7b1;--bg:#090b0c;--white:#141819;--line:#2b3331;--soft:#1c2622;--navy:#0b1714;--navy-2:#18271f;--shadow:none;--page:1200px;--mint:#00e7b1;--pink:#ed7acb;--violet:#b497ff}
html{color-scheme:dark;scroll-padding-top:100px}
body{font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;background:#090b0c;color:var(--ink)}
::selection{background:#00e7b1;color:#071810}
button,a,[role=button]{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
button,a,input,[tabindex]{scroll-margin-block:100px}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
button{color:inherit}h1,h2,h3{text-wrap:balance}p{overflow-wrap:break-word}svg.icon{pointer-events:none}
.skip-link{position:fixed;left:20px;top:-100px;z-index:200;background:var(--mint);color:#061c14;padding:14px 20px;border-radius:10px}.skip-link:focus{top:12px}
.container{width:min(calc(100% - 96px),var(--page))}
.site-header{height:88px;background:#090b0ceb;border-bottom:1px solid #ffffff0d}
.header-inner{gap:22px}.brand{gap:10px}.brand-mark{width:43px;height:39px;border-radius:0;background:none;box-shadow:none;overflow:visible}
.brand-mark::before,.brand-mark::after{display:none}.brand-mark svg{width:100%;height:100%;color:var(--mint)}
.brand-main{font-size:21px;letter-spacing:.5px}.brand-main small{display:block;margin:3px 0 0;font:9px Arial,sans-serif;letter-spacing:4px;color:#a6b6af}
.nav{gap:26px}.nav a{color:#bdc7c1;font-size:13px;font-weight:500}.nav a:hover{color:var(--mint)}
.nav-actions{gap:18px}.search-trigger,.mobile-menu-btn{background:transparent;border-color:#313a35;color:#ccd6cf;border-radius:50%;width:40px;height:40px}.search-trigger:hover,.mobile-menu-btn:hover{border-color:var(--mint);color:var(--mint)}
.plain-login{color:#ccd6cf;font-size:13px}.plain-login:hover{color:var(--mint)}
.join-cta{background:var(--mint);color:#042219!important;box-shadow:none;border-radius:8px;font-weight:750;min-height:42px}.join-cta:hover{background:#7af8d8}
.hero{margin-top:0;background:none;border:0;border-radius:0;overflow:visible;box-shadow:none}
.hero::after{display:none}.hero-top{padding:68px 0 52px;gap:64px;grid-template-columns:1fr 1.02fr;align-items:center}
.eyebrow{font:10px Arial,sans-serif;letter-spacing:1.7px;color:#aab9b1}.eyebrow::before{background:var(--mint);box-shadow:0 0 14px #00e7b160;width:5px;height:5px}
.hero-copy h1{font-size:clamp(54px,5.5vw,78px);line-height:1.13;letter-spacing:-3px;margin:25px 0 23px;font-weight:900;color:#f4f8f5}
.hero-sub{font-size:19px;color:#e0e9e3;font-weight:650;line-height:1.8;max-width:490px}.hero-intro{color:#9ba8a0;font-size:13px;line-height:1.95;max-width:470px}
.hero-quick{margin-top:29px;gap:12px}.btn-main,.btn-outline,.btn-ghost{border-radius:8px;padding:14px 21px;min-height:46px;transition:background-color .2s,color .2s,border-color .2s,transform .2s;font-size:13px}
.btn-main{background:var(--mint);color:#06241a;box-shadow:none}.btn-main:hover{background:#71f9d5;transform:translateY(-2px)}
.btn-outline{background:#191f1c;border:1px solid #343e37;color:#e6eee8}.btn-outline:hover{background:#25392e;border-color:#5e9c80}
.hero-detail{color:#a2b0a7;font-size:11px;margin-top:16px}
.console{background:radial-gradient(ellipse at 100% 0,#4a22565c,transparent 55%),#141a17;padding:22px;border:1px solid #435047;border-radius:20px;color:#e2eee7;overflow:visible;min-height:0;transform:rotate(2deg);box-shadow:20px 25px 0 -10px #09271f,0 25px 65px #0006}
.console::before{inset:auto -25px -26px auto;width:90px;height:90px;background:none;border:2px solid var(--mint);border-left-color:transparent;border-top-color:transparent;border-radius:50%;transform:rotate(20deg);pointer-events:none}
.console-top{padding-bottom:14px;border-color:#354138}.console-caption{color:#acbdb0;font:9px Arial,sans-serif;letter-spacing:1.3px}.console-dots i{background:#63766a}.console-dots i:first-child{background:var(--mint)}
.console-flow{padding-top:19px;gap:10px}.console-node{background:#1d2621;border:1px solid #36443c;border-radius:9px;padding:13px 3px;min-height:88px}
.console-node svg{color:#c5d2ca;width:18px;height:18px;margin-bottom:7px}.console-node strong{color:#ecf6ef;font-size:11px}.console-node span{color:#a5b5aa;font-size:10px}.console-node:not(:last-child)::after{color:var(--mint);right:-11px}
.console-node:nth-child(3){background:#123d2e;border-color:#20be8b}.console-node:nth-child(3) svg{color:var(--mint)}
.console-lower{display:flex;flex-direction:column;align-items:stretch;gap:14px;margin-top:16px;padding:0;background:none;border:0;border-radius:0}
.console-film{width:100%;height:211px;gap:10px;align-items:center}.film-frame{height:195px;border:1px solid #748a784a;border-radius:10px;background-position:center;background-size:cover;box-shadow:0 5px 12px #0006}
.film-frame::before,.film-frame::after{display:none}.film-frame:first-child{background-image:url('assets/headphones.jpg');transform:rotate(-4deg);height:175px}.film-frame:nth-child(2){background-image:url('assets/creator.jpg');background-position:50% 32%;height:211px;border-color:var(--mint)}.film-frame:nth-child(3){background-image:url('assets/portrait.jpg');background-position:50% 32%;transform:rotate(4deg);height:175px}
.console-output{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:0 12px}.console-output .overline{font-size:9px;color:var(--mint);grid-column:1/-1}.console-output h3{font-size:15px;color:#f0f7f1;margin:9px 0 5px;grid-column:1/-1}.console-output p{font-size:11px;color:#aab9af;grid-column:1/-1}
.console-bottom{gap:6px;margin-top:13px}.console-bottom span{font-size:10px;padding:5px 8px;border-radius:4px;background:#27352c;color:#c3d1c8;border:1px solid #3a4b3e}
.hero-values{margin:0;padding:28px 0;border-top:1px solid #344039;border-bottom:1px solid #28312c}
.hero-values-heading{margin-bottom:24px}.hero-values-heading strong{font-size:13px;color:#d8e3db}.hero-values-heading span{font-size:11px;color:#96aa9c}
.value-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.value{background:none;border:0;border-right:1px solid #28332b;border-radius:0;padding:0 10px 0 0;display:block}.value:last-child{border:0}.value-n{display:block;font:25px Arial,sans-serif;color:#5ec4a3;margin-bottom:12px}.value:nth-child(3n) .value-n{color:var(--violet)}.value:nth-child(4) .value-n{color:var(--pink)}.value strong{font-size:13px;color:#e5eee7;margin-bottom:8px;line-height:1.5}.value small{font-size:11px;color:#9aaa9e;line-height:1.8}
.section{margin-top:86px}.section-title-row{margin-bottom:27px;gap:24px}.section-meta{color:#6aa58b;font:10px Arial,sans-serif;letter-spacing:1.6px;margin-bottom:13px}.section h2{font-size:31px;letter-spacing:-.8px;font-weight:800}.section-desc{color:#9eada3;font-size:13px;margin-top:12px;line-height:1.8}.section-link{border:0;background:none;color:#c2d2c8;font-size:12px;padding:10px 0;min-height:44px}.section-link:hover{color:var(--mint)}
.entrance-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #2a352e;border-left:1px solid #2a352e;border-radius:12px;overflow:hidden}.entrance{background:#111613;border:0;border-right:1px solid #2a352e;border-bottom:1px solid #2a352e;min-height:116px;padding:27px 24px;border-radius:0;box-shadow:none;align-items:center;gap:16px}.entrance:hover{background:#19251d;border-color:#3b5d47;transform:none;box-shadow:inset 0 -2px var(--mint)}
.entrance-icon{background:#1a3228;color:var(--mint);width:42px;height:44px;border-radius:10px}.entrance:nth-child(3n+2) .entrance-icon{background:#30263b;color:var(--violet)}.entrance:nth-child(3n) .entrance-icon{background:#362530;color:var(--pink)}.entrance h3{font-size:16px;letter-spacing:.3px}.entrance p{color:#9caaa1;font-size:11px}.entrance .arr{color:#6f8b78;flex-shrink:0}
#updates{margin-top:50px}#updates .section-title-row{margin-bottom:18px}#updates .section-meta{display:none}#updates h2{font-size:21px}#updates .section-desc{margin-top:7px;font-size:12px}
.activity-strip{gap:12px;grid-template-columns:1fr 1fr 1fr}.activity-card{background:#121714;border:1px solid #2a352d;padding:20px;min-height:92px;border-radius:10px}.activity-card.primary{background:#19241d;border-color:#425f49}.activity-symbol,.activity-card.primary .activity-symbol{background:none;color:var(--mint);width:27px}.activity-card:nth-child(2) .activity-symbol{color:var(--violet)}.activity-card:nth-child(3) .activity-symbol{color:var(--pink)}.activity-card b{font-size:12px}.activity-card span,.activity-card.primary span{color:#a0b0a5;font-size:11px}
.featured{background:#131916;border:1px solid #303c33;border-radius:16px;padding:20px;gap:42px;grid-template-columns:1.1fr 1fr}
.feature-display{min-height:370px;background:linear-gradient(0deg,#111a16e8,#111a164a),url('assets/studio.jpg') center/cover;border:1px solid #44574a;border-radius:10px;padding:27px;justify-content:space-between}
.feature-display::before{display:none}.feature-display-top{background:#10231ae8;color:#d3e7db;padding:12px;border-radius:7px;letter-spacing:0;font-size:11px;gap:12px}.feature-display-top svg{color:var(--mint)}.feature-process{margin-top:55px;gap:13px}.feature-step{height:100px;backdrop-filter:blur(8px);background:#101e17d9;border:1px solid #759d82;border-radius:7px}.feature-step svg{color:var(--mint)}.feature-step strong{color:#e7f4eb;font-size:11px}.feature-step:not(:last-child)::after{color:var(--mint)}.feature-display-foot{margin-top:22px;gap:8px}.feature-display-foot span{font-size:11px;color:#c5d9cc;background:#172b1fbd;border-color:#526c59}
.feature-text{padding:20px 23px 20px 0}.feature-text h3{font-size:35px;letter-spacing:-1px;line-height:1.35;margin:20px 0 16px}.feature-text p{font-size:13px;color:#a9b8ae}.feature-checks{margin:25px 0;gap:14px}.feature-checks span{font-size:12px;color:#d1ded5}.feature-checks svg{color:var(--mint)}
.chip{font-size:10px;padding:5px 8px;border-radius:4px}.chip.muted{background:#232c26;color:#b0bfb5}.chip.violet{background:#34263f;color:#cfb4ff}.chip.member{background:#382b3b;color:#e4b9ed}.chip.free{background:#17392b;color:#70e2b4}
.filter-group{gap:8px;margin-bottom:24px}.filter-btn{color:#acbbb1;background:#171d19;border:1px solid #303b33;border-radius:20px;padding:10px 18px;font-size:12px;min-height:40px}.filter-btn:hover{border-color:#81ba9b;color:#f2fff6}.filter-btn.active{background:var(--mint);color:#05281b;border-color:var(--mint)}
.article-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.card{background:#141a16;border:1px solid #2c392f;border-radius:12px;transition:border-color .2s,background-color .2s,transform .2s;cursor:pointer}.card:hover{background:#1a241d;border-color:#597e63;box-shadow:none;transform:translateY(-3px)}
.article{min-height:248px;padding:25px;position:relative;border-top:2px solid #32735a}.article[data-category=creative]{border-top-color:#8e69b3}.article[data-category=case]{border-top-color:#ad638e}.article h3{font-size:18px;line-height:1.6;margin:20px 0 12px;font-weight:700}.article p{font-size:12px;color:#a7b4ab;line-height:1.9;margin-bottom:28px}.card-meta{font-size:10px;color:#a0b0a4;gap:10px}.card-meta .read{color:#a3d9ba;font-size:11px}
.tool-grid{gap:17px}.tool{min-height:270px;padding:25px;position:relative;background:linear-gradient(130deg,#1d2420,#121714)}.tool-icon{width:54px;height:54px;border-radius:12px;background:#00e7b11a;color:#67f5c9;border:1px solid #00e7b133;transform:rotate(-5deg);margin-bottom:23px}.tool:nth-child(2) .tool-icon{background:#392b43;color:#d6b5ff;border-color:#634375;transform:rotate(4deg)}.tool:nth-child(3) .tool-icon{background:#3b2834;color:#f2a0cc;border-color:#754a66;transform:rotate(-3deg)}.tool .card-tags{position:absolute;top:29px;left:96px;right:20px;align-content:start}.tool h3{font-size:20px;margin:5px 0 12px}.tool p{color:#acb8af;font-size:12px;line-height:1.9;margin-bottom:25px}.tool .card-meta{border-color:#303e33;padding-top:17px}
.record-grid{gap:19px}.record{background:none;border:0;border-radius:0}.record:hover{background:none;transform:none;border:0}.record-cover{height:228px;border-radius:12px;padding:21px;background:linear-gradient(0deg,#06110df2,#06110d22 90%),url('assets/creator.jpg') center 33%/cover;border:1px solid #344c3e}
.record:nth-child(2) .record-cover{background:linear-gradient(0deg,#211027f2,#21102722 90%),url('assets/headphones.jpg') center/cover;border-color:#614366}.record:nth-child(3) .record-cover{background:linear-gradient(0deg,#111a18f2,#111a1855 90%),url('assets/studio.jpg') center/cover}.record-cover::after{display:none}.record-cover .top{font-size:10px;color:#fff;background:#000a;border:1px solid #ffffff25;border-radius:5px;align-self:flex-start;padding:6px 9px;letter-spacing:0}.record-cover strong{font-size:24px;line-height:1.4;max-width:260px;text-shadow:0 2px 12px #000}.record-cover .play{width:43px;height:43px;right:21px;top:auto;bottom:26px;background:#0d1e15c9;color:var(--mint);border-color:#b5e3c680}.record:hover .play{background:var(--mint);color:#092d1b}.record-copy{padding:20px 0 0}.record-copy h3{font-size:17px;margin:12px 0 8px}.record-copy p{font-size:12px;color:#9dad9f}
.qa-layout{gap:38px;grid-template-columns:1.2fr 1fr}.qa-list{padding:0;background:none;border:0;border-top:1px solid #354439;border-radius:0}.qa-item{padding:24px 0;border-color:#303d33}.qa-item h3{font-size:15px;line-height:1.8}.qa-item p{color:#94a99b;font-size:11px}.qa-item .plus{color:var(--mint);font-size:24px}.qa-answer{font-size:13px;line-height:1.9;color:#c6d4cb}.qa-item-head{background:none;border:0;color:inherit;width:100%;padding:0;text-align:left}.qa-item-head h3{margin:0}
.ask-card{background:radial-gradient(ellipse at 100% 0,#51355980,transparent 70%),#191f1b;border:1px solid #4c4252;border-radius:13px;padding:30px;min-height:325px}.ask-card .mini{color:#ceaddc;font-size:10px}.ask-card h3{font-size:27px;line-height:1.45;margin-top:18px}.ask-card p{font-size:12px;color:#b9c4bb;line-height:1.85}.quota{gap:8px}.quota span{border-color:#485246;background:#252e26;color:#d1dece;font-size:10px}.btn-ghost{background:#282d26;border-color:#62745a;color:#e0efd9;font-size:12px}.btn-ghost:hover{background:#3a4734}
.bottom-grid{grid-template-columns:1fr;gap:55px}.changelog{border:0;border-radius:0;padding:0;background:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.changelog>.section-meta,.changelog>h3{grid-column:1/-1}.changelog h3{font-size:24px;margin-bottom:25px}.log{border:0;border-top:1px solid #354035;padding:21px 0;gap:16px;grid-template-columns:36px 1fr}.log:last-of-type{border-top:1px solid #354035}.log .day{color:var(--mint);font-size:12px}.log b{font-size:13px;margin-bottom:10px;line-height:1.6}.log p{font-size:12px;color:#9eafa2;line-height:1.8}
.membership{padding:48px 48px 36px;border:1px solid #426c51;border-radius:18px;background:radial-gradient(ellipse at 100% 110%,#6327597d,transparent 55%),radial-gradient(ellipse at 5% 0,#136a4380,transparent 55%),#101b14}.membership .kicker{color:#7ccfa0;font:10px Arial,sans-serif;letter-spacing:2px}.membership h3{font-size:34px;line-height:1.5;margin:17px 0 13px}.membership p{font-size:13px;color:#b8d0bf;max-width:660px;line-height:1.9}.membership-list{grid-template-columns:repeat(4,max-content);gap:25px;margin:28px 0}.membership-list span{font-size:12px;color:#d6e8dc}.membership-list svg{color:var(--mint)}.membership-foot{margin-top:28px;padding-top:26px;border-color:#54725766}.price{font:700 52px Arial,sans-serif;letter-spacing:-2px}.price small{color:#abc2b0;font-size:13px;margin-left:10px}.membership .btn-main{background:var(--mint);color:#072619;min-width:225px}.membership .btn-main:hover{background:#84ffda}
.prototype-bar{font-size:11px;color:#9bab9e;margin:30px auto 0;max-width:800px;line-height:1.9}.site-footer{background:#0b100d;border-color:#29372d;margin-top:60px;padding:34px 0}.footer-desc{color:#92a398;margin-top:12px;font-size:11px}.footer-links{color:#b9c8be;font-size:12px;gap:23px}.footer-links a:hover,.footer-links button:hover{color:var(--mint)}
.modal-backdrop,.search-overlay{background:#030906cf;backdrop-filter:blur(10px)}.modal,.search-panel{background:#151e18;color:#eef5ef;border:1px solid #4b6151;border-radius:16px;box-shadow:0 30px 100px #0009;overscroll-behavior:contain}.modal{max-width:620px;padding:34px}.modal h2{padding-right:14px;font-size:25px}.modal p{color:#b1c3b8;font-size:14px}.modal-close{background:#243329;color:#deeee2;border-color:#435d4a;width:38px;height:38px}.modal-preview{background:#22372a;color:#d0e7d7;border:1px solid #385642;border-radius:9px}.modal-lock{background:#2e2734;color:#decae4;border-color:#705b80;border-radius:9px}.modal p.modal-note{color:#9faf9f;font-size:12px}
.search-line{border-color:#526f5b;background:#0e1812;color:var(--mint)}.search-line:focus-within{outline:2px solid var(--mint);outline-offset:2px}.search-line input{background:none;color:#e2efe5;min-height:30px}.search-line input:focus-visible{outline:none}.search-line input::placeholder{color:#97b09f}.search-dismiss{background:#304234;color:#d1e0d4;min-height:34px}.search-result{background:transparent;color:#dbeade;padding:16px 13px}.search-result:hover,.search-result:focus-visible{background:#2b3d2e}.search-result small{color:#abc5b1}.empty{color:#b7cbbd}.search-results{overscroll-behavior:contain}
.mobile-nav{background:#101a13;border-color:#314335}.mobile-nav a{background:#202c23;color:#d1e6d8}.mobile-nav a:last-child{background:var(--mint);color:#092a1b}
@media(min-width:921px) and (max-width:1100px){.nav{gap:14px}.nav a{font-size:11px}.nav-actions{gap:10px}.brand-main{font-size:18px}.hero-top{gap:34px}.console{padding:17px}.entrance{padding:22px 17px}.value-grid{gap:12px}.value strong{font-size:12px}.membership-list{gap:18px}}
@media(max-width:920px){.container{width:calc(100% - 48px)}.site-header{height:72px}.mobile-nav{top:71px}.brand-main small{display:none}.hero-top{grid-template-columns:1fr 1fr;gap:26px;padding:48px 0 40px}.hero-copy h1{font-size:55px}.hero-sub{font-size:16px}.hero-intro{font-size:12px}.eyebrow{font-size:8px;letter-spacing:.9px}.console{padding:15px;transform:rotate(1deg)}.console-caption{font-size:7px}.console-node strong{font-size:9px}.console-node span{font-size:8px}.console-flow{gap:6px}.console-film{height:180px;gap:7px}.film-frame:nth-child(2){height:180px}.film-frame:first-child,.film-frame:nth-child(3){height:155px}.console-output h3{font-size:13px}.console-bottom span{font-size:8px;padding:5px}.hero-quick .btn-main,.hero-quick .btn-outline{font-size:11px;padding:12px}.hero-values{margin:0}.value-grid{grid-template-columns:repeat(3,1fr);gap:24px}.value:nth-child(3){border:0}.section{margin-top:66px}.entrance-grid{grid-template-columns:repeat(2,1fr)}.activity-strip{grid-template-columns:1fr}.activity-card:last-child{grid-column:auto}.article-grid{grid-template-columns:repeat(2,1fr)}.tool-grid,.record-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool{padding:20px}.tool .card-tags{position:static;margin-bottom:9px}.tool h3{font-size:18px}.tool .card-meta{flex-wrap:wrap}.record-cover{height:210px;padding:17px}.record-cover strong{font-size:19px}.record-cover .play{width:32px;height:32px;right:12px;bottom:22px}.record-copy h3{font-size:15px}.featured{gap:23px}.feature-display{padding:20px}.feature-text{padding:15px 5px 15px 0}.feature-text h3{font-size:28px}.feature-checks{grid-template-columns:1fr;gap:10px}.feature-step strong{font-size:9px}.qa-layout{gap:25px;grid-template-columns:1fr 1fr}.ask-card{padding:24px}.ask-card h3{font-size:24px}.membership-list{grid-template-columns:repeat(2,max-content);gap:15px 25px}.changelog{gap:0 22px}.log{grid-template-columns:1fr;gap:10px}}
@media(max-width:600px){html{scroll-padding-top:85px}.container{width:calc(100% - 40px)}.site-header{height:68px}.brand-main{font-size:19px}.brand-mark{width:37px;height:34px}.brand{gap:9px}.mobile-nav{top:67px;padding:16px 20px}.mobile-menu-btn,.search-trigger{width:38px;height:38px}.nav-actions{gap:10px}.hero{margin-top:0}.hero-top{grid-template-columns:1fr;gap:35px;padding:34px 0 37px}.eyebrow{font-size:8px;letter-spacing:1px}.hero-copy h1{font-size:57px;letter-spacing:-2px;line-height:1.12;margin:22px 0 20px}.hero-sub{font-size:17px;line-height:1.8;margin-bottom:14px}.hero-intro{font-size:12px;line-height:1.9}.hero-quick{gap:10px;margin-top:24px}.hero-quick .btn-main,.hero-quick .btn-outline{font-size:12px;padding:13px 15px}.hero-detail{font-size:10px;margin-top:15px}.console{width:calc(100% - 10px);margin:0 auto;border-radius:14px;padding:17px;transform:rotate(1.5deg);box-shadow:12px 16px 0 -6px #0e2b20}.console-caption{font-size:8px}.console-flow{padding-top:16px;gap:6px}.console-node{min-height:79px;padding:12px 1px}.console-node strong{font-size:10px}.console-node span{font-size:9px}.console-node:not(:last-child)::after{right:-7px}.console-film{height:184px}.film-frame:nth-child(2){height:184px}.film-frame:first-child,.film-frame:nth-child(3){height:164px}.console-output h3{font-size:14px}.console-output p{font-size:11px}.console-bottom{gap:5px;margin-top:12px}.console-bottom span{font-size:9px;padding:5px 6px}.hero-values{padding:25px 0;margin:0}.hero-values-heading{align-items:flex-start;margin-bottom:25px}.hero-values-heading strong{font-size:12px;max-width:210px;line-height:1.7}.hero-values-heading span{font-size:9px;padding-top:3px;white-space:nowrap}.value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.value{min-height:0;padding:0 10px 0 0;border-right:1px solid #29372d;display:flex;gap:10px}.value:nth-child(3){border-right:1px solid #29372d}.value:nth-child(2n){border:0}.value-n{font-size:20px;margin-top:0;margin-bottom:0}.value strong{font-size:12px;line-height:1.5;margin-bottom:7px}.value small{font-size:10px;line-height:1.7}.section{margin-top:55px}.section-title-row{margin-bottom:22px;align-items:flex-start;gap:15px}.section h2{font-size:25px;line-height:1.4}.section-meta{font-size:9px;letter-spacing:1.2px;margin-bottom:10px}.section-desc{font-size:12px;line-height:1.8;margin-top:9px}.section-link{font-size:10px;gap:3px;min-height:44px;padding-top:18px}.entrance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.entrance{padding:19px 15px;min-height:152px;display:block}.entrance-icon{width:35px;height:35px;margin-bottom:14px;border-radius:9px}.entrance h3{font-size:14px}.entrance p{font-size:10px;line-height:1.8}.entrance .arr{display:none}#updates{margin-top:38px}#updates .section-title-row{margin-bottom:16px}.activity-strip{gap:8px}.activity-card{padding:16px;min-height:81px}.activity-card b{font-size:12px}.activity-card span{font-size:10px}.featured{grid-template-columns:1fr;padding:11px;gap:10px;border-radius:12px}.feature-display{min-height:290px;padding:17px}.feature-display-top{font-size:10px;padding:10px}.feature-process{gap:10px;margin-top:34px}.feature-step{height:88px}.feature-step strong{font-size:10px}.feature-display-foot{gap:5px;margin-top:21px}.feature-display-foot span{font-size:9px;padding:6px 8px}.feature-text{padding:15px 12px 18px}.feature-text h3{font-size:29px;line-height:1.35;margin:15px 0}.feature-text p{font-size:12px}.feature-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 7px;margin:20px 0}.feature-checks span{font-size:10px;gap:5px}.feature-text .btn-main{width:100%}.filter-group{gap:7px;flex-wrap:nowrap;overflow:auto;padding:3px 2px 12px;margin-bottom:14px}.filter-btn{white-space:nowrap;font-size:11px;padding:9px 14px;flex-shrink:0;min-height:38px}.article-grid,.tool-grid{grid-template-columns:1fr;gap:13px}.article{padding:22px;min-height:211px}.article h3{font-size:18px;line-height:1.6;margin:17px 0 10px}.article p{font-size:12px;margin-bottom:21px}.chip{font-size:10px;padding:5px 8px}.card-meta{font-size:10px}.tool{padding:23px;min-height:245px}.tool .card-tags{position:absolute;left:94px;top:28px;right:18px;margin:0}.tool-icon{width:49px;height:49px;margin-bottom:21px}.tool h3{font-size:20px}.tool p{font-size:12px;margin-bottom:22px}.tool .card-meta{flex-wrap:nowrap}.record-grid{grid-template-columns:1fr;gap:29px}.record-cover{height:235px;padding:22px}.record-cover strong{font-size:27px}.record-cover .play{width:44px;height:44px;right:24px;bottom:29px}.record-copy{padding:17px 0 0}.record-copy h3{font-size:17px;margin:12px 0 8px}.record-copy p{font-size:12px}.qa-layout{grid-template-columns:1fr;gap:25px}.qa-item{padding:21px 0}.qa-item h3{font-size:14px}.qa-item p{font-size:11px}.qa-answer{font-size:12px}.ask-card{padding:25px;min-height:315px}.ask-card h3{font-size:25px}.ask-card p{font-size:12px}.quota span{font-size:10px;padding:9px}.bottom-grid{gap:38px}.changelog{grid-template-columns:1fr;gap:0}.changelog h3{font-size:24px;margin-bottom:20px}.log{grid-template-columns:35px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid #2b382f}.log:last-of-type{border:0}.log p{font-size:11px}.membership{padding:27px 23px;border-radius:14px}.membership h3{font-size:28px;line-height:1.45;margin-top:16px}.membership p{font-size:12px;line-height:1.85}.membership-list{grid-template-columns:1fr;gap:13px;margin:23px 0}.membership-list span{font-size:12px}.membership-foot{margin-top:23px;padding-top:22px;gap:24px}.price{font-size:48px}.membership .btn-main{width:100%;min-height:49px;font-size:13px}.prototype-bar{font-size:10px;text-align:left;margin-top:24px}.site-footer{margin-top:36px;padding:30px 0}.footer-inner{gap:25px}.footer-desc{font-size:10px;line-height:1.9}.footer-links{gap:14px 21px;flex-wrap:wrap;font-size:11px}.footer-links a,.footer-links button{min-height:36px;display:flex;align-items:center}.modal-backdrop{padding:15px}.modal{padding:28px 22px;max-height:88dvh}.modal h2{font-size:23px;margin-top:22px}.modal p{font-size:13px}.search-overlay{padding:9vh 15px 15px}.search-panel{padding:14px}.search-line{gap:8px;padding:10px}.search-line input{font-size:16px}.search-results{max-height:65dvh}}
@media(max-width:370px){.container{width:calc(100% - 32px)}.hero-copy h1{font-size:52px}.brand-main{font-size:18px}.hero-values-heading strong{font-size:11px}.value{gap:7px}.value strong{font-size:11px}.value small{font-size:9px}.section h2{font-size:23px}.section-title-row{gap:8px}.console{padding:14px}.console-caption{font-size:7px}.console-bottom span{font-size:8px}.membership h3{font-size:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.card{position:relative}.card-hit{position:absolute;inset:0;z-index:2;width:100%;height:100%;border:0;background:transparent;border-radius:inherit;padding:0;cursor:pointer}.card-hit:focus-visible{outline-offset:-3px}.card:has(.card-hit:focus-visible){border-color:var(--mint)}
.film-frame:nth-child(n){background-size:cover;background-repeat:no-repeat}.hero-sub{text-wrap:balance}
.hero-sub span{display:block;text-wrap:initial}
@media(max-width:920px){.console::before{display:none}}
@media(max-width:920px){.plain-login{display:block;font-size:12px;padding:10px 0}}
/* The hero is now a single text composition; no empty illustration column. */
.hero-top{grid-template-columns:1fr;padding:66px 0 51px}.hero-copy{max-width:1050px}.hero-copy h1{margin:24px 0}.hero-sub{max-width:850px}.hero-intro{max-width:720px}
@media(min-width:601px){.hero-copy h1 br{display:none}.hero-sub span{display:inline}}
@media(min-width:601px) and (max-width:920px){.hero-top{padding:49px 0 40px}.hero-copy h1{font-size:60px}}
@media(max-width:600px){.hero-top{padding:34px 0 35px}.hero-copy h1{margin:22px 0 20px}.hero-sub span{display:block}}
/* Display the supplied mark through a viewport; the source PNG is untouched. */
.brand-mark.official-mark{display:block;position:relative;overflow:hidden;width:58px;height:44px;border-radius:8px;background:#fff;flex-shrink:0}
.brand-mark.official-mark img{position:absolute;width:125.4px;height:125.4px;max-width:none;left:-35.5px;top:-25.3px;display:block}
.brand-main small{letter-spacing:2.4px;font-size:8px}
@media(max-width:600px){.brand-mark.official-mark{width:48px;height:37px}.brand-mark.official-mark img{width:105px;height:105px;left:-30px;top:-21.5px}.brand-main{font-size:18px}.nav-actions{gap:8px}}
/* Official stacked square lockup; exact source proportions, no separate wordmark. */
.brand .official-square-logo{display:block;width:78px;height:78px;object-fit:contain;aspect-ratio:1;background:transparent;mix-blend-mode:screen}
.site-footer .brand .official-square-logo{width:100px;height:100px}
@media(max-width:920px){.brand .official-square-logo{width:64px;height:64px}}
@media(max-width:600px){.brand .official-square-logo{width:60px;height:60px}.site-footer .brand .official-square-logo{width:88px;height:88px}}
.legal-footer{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:28px;padding-top:20px;border-top:1px solid #29372d;color:#a5b4aa;font-size:12px;line-height:1.8}.legal-footer a:hover{color:var(--accent,#00e5b0)}