:root{--scarlet:#c51f37;--scarlet-dark:#8f172b;--ink:#171926;--muted:#656b7c;--line:#e8e9ef;--canvas:#f5f6f9;--paper:#fff;--shadow:0 22px 60px rgba(36,39,67,.075);font-family:Inter,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--canvas)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #7f3bff;outline-offset:3px}.skip{position:absolute;left:-9999px;z-index:99;background:#fff;padding:12px}.skip:focus{left:10px;top:10px}.app-shell{display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:94px minmax(0,1fr);min-height:100dvh;gap:0 10px}.topbar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:36px;margin:10px 12px 10px 96px;padding:0 22px 0 25px;height:74px;background:rgba(255,255,255,.84);border:1px solid #e6e8ee;border-radius:26px;box-shadow:var(--shadow);backdrop-filter:blur(18px);z-index:20;position:sticky;top:10px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#ef4b62,#a31631);box-shadow:0 8px 22px #ba233444}.brand-mark svg{width:31px;height:31px;fill:none;stroke:#fff;stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}.brand-mark circle{fill:#fff;stroke:none}.brand-word{font-weight:800;font-size:27px;letter-spacing:-1.5px;line-height:1}.brand-badge{font-size:9px;letter-spacing:.16em;font-weight:900;color:var(--scarlet);background:#fff2f4;border:1px solid #f9dce1;border-radius:99px;padding:7px 9px;margin-left:8px}.topnav{display:flex;align-items:center;gap:4px;margin:auto}.topnav a{font-size:13px;font-weight:650;color:#6e7281;padding:11px 14px;border-radius:99px;white-space:nowrap}.topnav a:hover,.topnav a.active{color:var(--ink);background:#f3f4f7}.top-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;background:#111522;color:white;border-radius:99px;padding:14px 21px;font-size:12px;font-weight:800;box-shadow:0 6px 12px #1115221c;white-space:nowrap}.top-cta span,.button span{font-size:17px;font-weight:400}.top-cta:hover,.button:hover{transform:translateY(-2px)}.rail{grid-column:1;grid-row:2;align-self:stretch;display:flex;flex-direction:column;align-items:center;gap:25px;margin:0 0 10px 10px;padding:14px 7px 18px;background:#fff;border:1px solid #e6e8ee;border-radius:25px;box-shadow:var(--shadow);position:sticky;top:95px;height:calc(100dvh - 105px);min-height:580px}.rail-orb{width:45px;height:45px;display:grid;place-items:center;background:#fff;border:1px solid #e8e9f1;border-radius:16px;box-shadow:0 3px 11px #15152612}.rail-orb span{width:25px;height:25px;background:conic-gradient(from 20deg,#f7566a,#9c25ba,#3ec9d3,#e9af3c,#f7566a);border-radius:10px;box-shadow:inset 0 0 0 6px #fff9}.rail nav{width:100%;display:grid;gap:6px}.rail nav a{height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:#74798b;border-radius:16px;font-size:10px;font-weight:650;position:relative}.rail nav a.active,.rail nav a:hover{background:#f9f9fb;color:#111522}.rail nav a.active:after{content:"";position:absolute;right:-7px;width:3px;height:20px;background:var(--scarlet);border-radius:3px}.nav-icon{font-size:23px;font-weight:300;line-height:1}.rail-status{margin-top:auto;font-size:8px;line-height:1.4;color:#9a9fa9;text-align:center}.rail-status i,.stage-foot i{display:inline-block;width:6px;height:6px;background:#51c69c;border-radius:50%;margin-right:4px}.workspace{grid-column:2;grid-row:2;min-width:0;margin:0 12px 10px 0;padding:24px;background:rgba(255,255,255,.78);border:1px solid #e6e8ee;border-radius:29px;box-shadow:var(--shadow);overflow:hidden}.hero{display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:18px;min-height:590px}.panel{border:1px solid #e5e6ed;border-radius:26px;background:#fff;overflow:hidden}.hero-copy{padding:clamp(30px,4vw,58px) clamp(28px,3vw,46px);display:flex;flex-direction:column;align-items:flex-start;background:radial-gradient(circle at 100% 8%,#f9e8ee 0,transparent 30%),#fff}.eyebrow{font-size:11px;letter-spacing:.2em;font-weight:850;color:#6c7082;margin:0 0 31px}.hero h1{font-size:clamp(45px,4.8vw,76px);line-height:.98;letter-spacing:-.07em;font-weight:500;margin:0 0 29px;max-width:540px}.hero h1 em{font-style:normal;background:linear-gradient(120deg,#c51f37,#ed4c71,#8c2ec3);background-clip:text;color:transparent}.hero-copy>p:not(.eyebrow){color:#666c7c;font-size:15px;line-height:1.72;max-width:360px;margin:0 0 27px}.button.dark{background:#111522}.button.scarlet{background:var(--scarlet)}.hero-note{color:#8e92a0;font-size:10px;margin-top:12px;line-height:1.4}.hero-stage{position:relative;min-height:590px;background:radial-gradient(circle at 48% 55%,#fff 0,#faf9fd 47%,#fff 80%)}.stage-tabs{position:absolute;top:18px;right:17px;z-index:4;display:flex;gap:3px;padding:5px;background:#fff;border:1px solid #e8e8ee;border-radius:99px;box-shadow:0 8px 18px #22223812}.stage-tabs a{padding:8px 13px;border-radius:99px;color:#7e8292;font-size:10px;font-weight:750}.stage-tabs a.selected,.stage-tabs a:hover{background:#111522;color:#fff}.orbit{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.orbit-one{width:400px;height:400px;border:1px solid #ebe4eb;box-shadow:0 0 55px #b3a3de22}.orbit-two{width:540px;height:430px;border:1px dashed #cecedf;transform:translate(-50%,-50%) rotate(-17deg)}.orbit-three{width:440px;height:510px;border:1px solid #dce9ee;transform:translate(-50%,-50%) rotate(27deg)}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:238px;height:238px;border-radius:58px;background:linear-gradient(145deg,#fff,#fff7f8);border:1px solid #e6e4ed;box-shadow:0 24px 60px #ad87c533,0 0 0 14px #fff9;display:flex;flex-direction:column;justify-content:center;align-items:center}.core>*{transform:rotate(-45deg)}.core-mark{font-size:38px;font-weight:850;color:var(--scarlet);margin-bottom:-6px}.core strong{font-weight:750;letter-spacing:-.05em;font-size:41px;line-height:1}.core small{color:#a36b79;letter-spacing:.13em;font-weight:800;font-size:8px;margin-top:4px}.orbit-card{position:absolute;display:flex;align-items:center;gap:9px;background:#fffeffed;border:1px solid #e7e7ed;border-radius:18px;padding:10px 13px;box-shadow:0 12px 25px #21223a13;z-index:2;min-width:150px;transition:transform .2s,box-shadow .2s}.orbit-card:hover{transform:translateY(-5px);box-shadow:0 18px 33px #21223a22}.orbit-card strong,.orbit-card small{display:block}.orbit-card strong{font-size:10px}.orbit-card small{font-size:8px;color:#9296a4;margin-top:3px}.mini-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #e8e7ec;border-radius:10px;color:var(--scarlet);font-size:16px;background:#fff}.c1{left:13%;top:17%}.c2{right:6%;top:24%}.c3{left:3%;top:51%}.c4{right:4%;bottom:18%}.c5{left:17%;bottom:13%}.stage-foot{position:absolute;bottom:16px;left:7%;right:7%;display:flex;justify-content:space-between;gap:12px;padding:11px 13px;background:#fff;border:1px solid #eeeef3;border-radius:13px;color:#868b9a;font-size:9px;z-index:3}.section-heading{margin:72px 4px 25px;max-width:750px}.section-heading>span{font-size:10px;color:var(--scarlet);letter-spacing:.19em;font-weight:850}.section-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.05;letter-spacing:-.055em;font-weight:550;margin:14px 0}.section-heading p{color:var(--muted);font-size:14px;line-height:1.6;margin:0;max-width:600px}.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.space-card{min-height:280px;border:1px solid #e5e6ed;background:#fff;border-radius:23px;padding:23px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.space-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-number{color:#b4b8c4;font-size:10px;font-weight:800;letter-spacing:.1em}.card-glyph{font-size:34px;color:var(--scarlet);margin:12px 0 16px}.space-card h3{font-size:20px;letter-spacing:-.04em;margin:0 0 9px}.space-card p{font-size:12px;line-height:1.65;color:var(--muted);max-width:300px;margin:0}.card-link{font-size:11px;font-weight:800;color:var(--scarlet);margin-top:auto;padding-top:20px}.feature-section{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin-top:85px;scroll-margin-top:90px}.feature-section.reverse .feature-copy{order:2}.feature-copy{padding:25px 2vw 25px 1vw;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.feature-copy .eyebrow{color:var(--scarlet);margin:0 0 18px}.feature-copy h2{font-size:clamp(36px,4vw,60px);letter-spacing:-.06em;line-height:1.04;font-weight:530;margin:0 0 19px;max-width:550px}.feature-copy p{font-size:14px;line-height:1.75;color:var(--muted);max-width:530px;margin:0 0 20px}.feature-copy ul{padding:0;margin:0 0 25px;list-style:none;display:grid;gap:9px}.feature-copy li{font-size:12px;color:#52596a;line-height:1.55}.feature-copy li:before{content:"✦";color:var(--scarlet);margin-right:9px}.feature-copy>small{font-size:10px;color:#9499a5;line-height:1.5;max-width:470px;margin-top:12px}.feature-visual{min-height:430px;border:1px solid #e7e7ed;border-radius:26px;padding:25px;overflow:hidden;position:relative}.visual-top,.visual-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:850;letter-spacing:.16em}.visual-top span:last-child{font-size:20px}.studio-visual{color:white;background:radial-gradient(circle at 80% 20%,#d75069 0,transparent 30%),linear-gradient(145deg,#4a0c1b,#a61b38)}.visual-big{font-size:clamp(34px,3.4vw,53px);letter-spacing:-.06em;line-height:1.15;margin-top:67px}.visual-big em{font-style:normal;color:#ffb1bd}.visual-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:54px}.visual-cards div{display:flex;flex-direction:column;gap:6px;background:#ffffff1e;border:1px solid #ffffff34;border-radius:15px;padding:15px}.visual-cards b{font-size:21px}.visual-cards span{font-size:10px;color:#ffd9e0}.academy-visual{background:radial-gradient(circle at 50% 48%,#fff 0,#f9edf0 65%,#f4e0e6 100%);color:var(--scarlet-dark);display:flex;flex-direction:column}.academy-disc{width:250px;height:250px;margin:auto;border:1px solid #e9bec9;border-radius:50%;box-shadow:0 0 0 20px #fff8,0 0 0 40px #ffffff66;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;transform:rotate(-10deg)}.academy-disc span,.academy-disc small{font-size:10px;letter-spacing:.2em;font-weight:850}.academy-disc strong{font-size:100px;letter-spacing:-.1em;line-height:1}.academy-visual p{font-size:11px;text-align:center;margin:0}.lesson-list{width:100%;max-width:520px;display:grid;gap:7px;margin:3px 0 23px}.lesson-list>div{display:flex;gap:15px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.lesson-list b{color:var(--scarlet);font-size:11px}.lesson-list strong,.lesson-list small{display:block}.lesson-list strong{font-size:12px}.lesson-list small{font-size:10px;color:#9da1ad;margin-top:3px}.text-action{font-size:12px;font-weight:800;color:var(--scarlet)}.qr-types{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 24px}.qr-types span{border:1px solid #e8e9ef;background:#fff;border-radius:100px;padding:7px 10px;color:#666d7b;font-size:10px;font-weight:700}.qr-visual{color:#a51b33;background:linear-gradient(145deg,#fff6f8,#f6e2e8)}.qr-art{width:265px;height:265px;background:#fff;border-radius:27px;box-shadow:0 20px 35px #9e123233;margin:32px auto;display:grid;place-items:center;transform:rotate(5deg)}.qr-art span{font-family:monospace;white-space:pre;font-size:30px;font-weight:900;line-height:.88;letter-spacing:-.17em}.visual-bottom{font-size:9px}.library-section{margin-top:90px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.resource-grid a{display:flex;flex-direction:column;min-height:205px;padding:23px;background:#fff;border:1px solid #e8e9ef;border-radius:20px}.resource-grid a:hover{box-shadow:var(--shadow)}.resource-grid span{font-size:9px;color:var(--scarlet);letter-spacing:.16em;font-weight:850}.resource-grid strong{font-size:20px;letter-spacing:-.04em;margin-top:19px}.resource-grid p{font-size:11px;line-height:1.5;color:var(--muted);margin:8px 0}.resource-grid b{font-size:11px;color:var(--scarlet);margin-top:auto}.identity-section{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:center;background:#181823;color:#fff;border-radius:28px;padding:clamp(28px,5vw,60px);margin-top:90px}.identity-section .eyebrow{color:#f0a7b3}.identity-section h2{font-size:clamp(36px,4vw,58px);letter-spacing:-.055em;font-weight:550;line-height:1.04;margin:0 0 17px}.identity-section p{font-size:13px;line-height:1.75;color:#cacbd5;max-width:530px}.identity-state{padding:24px;background:#ffffff0c;border:1px solid #ffffff27;border-radius:21px;display:flex;flex-direction:column}.identity-symbol{color:#ff8299;font-size:40px}.identity-state strong{font-size:24px;margin:10px 0 3px}.identity-state small{color:#ff9aae;font-size:11px;font-weight:800}.identity-state p{font-size:11px;margin:16px 0 0}.workspace footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:35px 3px 10px;color:#9195a2;font-size:10px}.footer-brand{font-size:19px;font-weight:800;color:var(--scarlet);letter-spacing:-.05em}.footer-brand b{font-size:15px}.mobile-nav{display:none}
@media(max-width:1150px){.topbar{gap:12px}.topnav a{font-size:11px;padding:10px}.hero{grid-template-columns:.9fr 1.1fr}.orbit-card{min-width:125px}.c1{left:5%}.c3{left:2%}.c5{left:7%}.c2,.c4{right:1%}}
@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:75px 1fr}.topbar{grid-column:1;margin:8px 10px;height:62px;padding:0 15px}.topnav{display:none}.rail{display:none}.workspace{grid-column:1;margin:0 10px 10px;padding:16px}.hero{grid-template-columns:1fr}.hero-copy{min-height:450px}.hero-stage{min-height:520px}.feature-section{gap:15px}.feature-copy{padding:10px}.feature-visual{min-height:380px}.space-card{min-height:240px}.brand-word{font-size:23px}}
@media(max-width:640px){html{scroll-padding-top:83px}.app-shell{grid-template-rows:72px 1fr}.topbar{border-radius:20px;top:6px;margin:6px 7px;height:60px}.brand-mark{width:36px;height:36px;border-radius:11px}.brand-mark svg{width:26px;height:26px}.brand-badge{font-size:7px;margin-left:0}.top-cta{font-size:10px;padding:11px 13px;gap:7px;margin-left:auto}.workspace{padding:10px;margin:0 6px 0;border-radius:21px}.hero{gap:9px}.panel{border-radius:20px}.hero-copy{min-height:auto;padding:32px 26px 34px}.hero h1{font-size:clamp(44px,11vw,67px);max-width:430px}.hero-copy>p:not(.eyebrow){font-size:13px}.hero-stage{min-height:450px}.orbit-one{width:280px;height:280px}.orbit-two{width:360px;height:300px}.orbit-three{width:290px;height:360px}.core{width:160px;height:160px;border-radius:41px}.core-mark{font-size:28px}.core strong{font-size:27px}.core small{font-size:6px}.orbit-card{min-width:0;padding:6px;gap:4px;border-radius:11px}.orbit-card strong{font-size:8px}.orbit-card small{font-size:6px}.mini-icon{width:20px;height:20px;border-radius:7px;font-size:11px}.c1{top:16%;left:3%}.c2{top:26%;right:1%}.c3{top:51%;left:1%}.c4{bottom:16%;right:1%}.c5{bottom:13%;left:3%}.stage-tabs{right:10px;top:10px}.stage-tabs a{font-size:8px;padding:6px 8px}.stage-foot{left:3%;right:3%;font-size:7px}.section-heading{margin:55px 8px 23px}.space-grid,.resource-grid{grid-template-columns:1fr}.space-card{min-height:190px}.card-glyph{margin:6px 0 9px}.feature-section,.feature-section.reverse{grid-template-columns:1fr;gap:7px;margin-top:65px}.feature-section.reverse .feature-copy{order:0}.feature-copy{padding:14px 10px}.feature-copy h2{font-size:41px}.feature-visual{min-height:320px}.studio-visual{min-height:350px}.visual-big{margin-top:45px}.visual-cards{margin-top:40px}.academy-disc{width:200px;height:200px}.qr-art{width:210px;height:210px;margin:22px auto}.qr-art span{font-size:24px}.identity-section{grid-template-columns:1fr;gap:15px;margin-top:65px;padding:28px 24px}.workspace footer{padding-bottom:85px;flex-wrap:wrap}.mobile-nav{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;bottom:0;left:0;right:0;z-index:30;height:calc(67px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fffefef5;border-top:1px solid #e7e8ed;box-shadow:0 -9px 25px #17192712;backdrop-filter:blur(18px)}.mobile-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:9px;color:#828899;font-weight:700}.mobile-nav a span{font-size:20px;line-height:1}.mobile-nav a.active{color:var(--scarlet)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.core{transform:translate(-50%,-50%);background:transparent;border:0;box-shadow:none;isolation:isolate;gap:5px}
.core:before{content:"";position:absolute;inset:0;z-index:-1;transform:rotate(45deg);border-radius:58px;background:linear-gradient(145deg,#fff,#fff7f8);border:1px solid #e6e4ed;box-shadow:0 24px 60px #ad87c533,0 0 0 14px #fff9}
.core>*{transform:none}.core-mark{font-size:32px;line-height:1;margin:0}.core strong{font-size:38px}.core small{margin:0}
@media(max-width:640px){.core:before{border-radius:41px}.core-mark{font-size:23px}.core strong{font-size:29px}.core small{font-size:6px}}