:root{--ink:#071a4b;--ink-soft:#50618b;--blue:#2c8df2;--blue-2:#5fb6ff;--violet:#8867ff;--violet-2:#c08cff;--mint:#37d69a;--card:#ffffffb8;--card-strong:#ffffffdb;--stroke:#799ede52;--shadow:0 24px 58px #2666b52e;--inner:inset 0 1px 0 #fffffff2;color:var(--ink);font-synthesis-weight:none;text-rendering:optimizelegibility;background:#dff2ff;font-family:IBM Plex Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@font-face{font-family:SkillSysEmojiLanding;src:url(/node-icons/noto/static/NotoEmoji-Regular.ttf)format("truetype");font-display:swap}@font-face{font-family:SkillSysEmojiLanding;src:url(/node-icons/noto/static/NotoEmoji-Bold.ttf)format("truetype");font-weight:700;font-display:swap}*{box-sizing:border-box}html{background:#dff2ff;min-width:320px}body{min-width:320px;color:var(--ink);background:linear-gradient(#188befc7 0%,#c6e8ffeb 38%,#edf8ff 100%),#dff2ff;margin:0;overflow-x:hidden}body,button,input,textarea,select{font-family:IBM Plex Sans,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body:before{z-index:-3;content:"";opacity:.75;pointer-events:none;background:radial-gradient(circle at 14% 10%,#ffffffeb 0 2px,#0000 3px) 0 0/380px 460px,radial-gradient(circle at 78% 8%,#ffffffe6 0 2px,#0000 3px) 0 0/520px 420px,radial-gradient(circle at 66% 26%,#ffffffc7 0 1px,#0000 2px) 0 0/420px 380px,radial-gradient(circle at 28% 34%,#ffffffb8 0 1px,#0000 2px) 0 0/500px 500px;position:fixed;inset:0}body:after{content:none;display:none}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}svg{fill:currentColor;display:block}.page-shell{isolation:isolate;min-height:100vh;position:relative}.sky-stage{z-index:0;background:linear-gradient(#148bef14 0%,#def4ff2e 40%,#ecf8ffd1 70%,#f0f9ff 100%),url(/assets/hero-sky-mobile-CkxYv2ZR.png) top/100% no-repeat,linear-gradient(#2b9af2 0%,#dbf3ff 62%,#f0f9ff 100%);min-height:auto;padding:18px 18px 0;position:relative;overflow:hidden}.sky-stage:before,.cloud-stage:before{z-index:0;content:"";pointer-events:none;position:absolute;inset:0}.site-header,.hero,.featured-card,.cloud-stage>*{z-index:1;position:relative}.sky-stage:before{display:none}.sky-stage:after,.sky-stage:before,.sky-stage:after,.cloud-stage:before,.app-tree-preview:before{content:none;display:none}.site-header{justify-content:space-between;align-items:center;gap:18px;width:min(100%,1280px);margin:0 auto;display:flex}.brand{color:#fff;letter-spacing:0;text-shadow:0 2px 16px #1556a04d,0 1px 2px #04265e2e;align-items:center;gap:10px;font-size:clamp(1.5rem,6vw,2.3rem);font-weight:700;display:inline-flex}.brand-icon{color:#fff;filter:drop-shadow(0 4px 16px #3174df52);width:clamp(34px,8vw,52px);height:clamp(34px,8vw,52px)}.brand-icon path+path{opacity:.72}.menu-button{color:#fff;width:46px;height:46px;box-shadow:var(--inner), 0 14px 32px #256dca33;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#3389e657;border:1px solid #ffffff5c;border-radius:16px;place-items:center;padding:11px;display:grid}.menu-button span{background:currentColor;border-radius:99px;width:21px;height:3px;display:block}.hero{text-align:center;color:#fff;width:min(100%,980px);margin:0 auto;padding:clamp(22px,4.8vw,42px) 0 0}.hero h1{letter-spacing:0;text-shadow:0 12px 38px #135bae52,0 2px 4px #04265e33;max-width:760px;margin:0 auto;font-size:clamp(2.25rem,8.4vw,4.6rem);font-weight:900;line-height:.99}.hero-line{display:block}.gradient-text{color:#0000;background:linear-gradient(100deg,#fff 0%,#dffcff 24%,#a7f5ff 45%,#ded2ff 68%,#fff 90%) 0 0/240% 100%;filter:drop-shadow(0 6px 18px #587dff26);-webkit-background-clip:text;background-clip:text;animation:5.4s ease-in-out infinite alternate skillTreeGradient;display:inline-block}@keyframes skillTreeGradient{0%{background-position:0%}to{background-position:100%}}.hero-copy{color:#fffffffa;text-shadow:0 4px 18px #135bae47,0 1px 2px #04265e2e;margin:18px auto 0;font-size:clamp(1.05rem,4.5vw,1.55rem);font-weight:500;line-height:1.33}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;width:min(100%,380px);margin:30px auto 0;display:flex}.button,.final-button,.chat-button{letter-spacing:0;white-space:nowrap;text-shadow:0 2px 10px #135bae33;-webkit-backdrop-filter:blur(18px)saturate(1.25);backdrop-filter:blur(18px)saturate(1.25);border:1px solid #ffffff94;border-radius:17px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:.95rem;font-weight:500;display:inline-flex}.button svg,.final-button svg,.chat-button svg{flex:none;width:22px;height:22px}.button-primary{color:#fff;background:linear-gradient(135deg,#ffffff47,#0000 42%),linear-gradient(135deg,#3a5ef6d6 0%,#6c7effc2 56%,#b096ffb8 100%);box-shadow:inset 0 1px #ffffffd6,inset 0 -18px 36px #5c57e22e,0 14px 30px #3d57ef42}.button-secondary{color:#fff;background:linear-gradient(135deg,#ffffff3d,#0000 46%),#5da6ee3d;box-shadow:inset 0 1px #ffffffc7,inset 0 -16px 32px #4684da1f,0 12px 26px #367dd626}.button-secondary svg{fill:none;stroke:currentColor;stroke-width:1.8px}.domain-lock{isolation:isolate;color:#ffffffeb;min-height:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;text-shadow:0 4px 16px #135bae4d,0 1px 2px #04265e2e;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;margin:21px 0 0;padding:0;font-size:clamp(.9rem,3vw,1.08rem);font-weight:500;display:inline-flex}.domain-lock svg{width:18px;height:18px}.domain-lock .byline-logo{object-fit:contain;object-position:center;mix-blend-mode:multiply;filter:contrast(1.2)drop-shadow(0 3px 10px #2353b252)drop-shadow(0 0 7px #ffffff94);background:0 0;border-radius:50%;width:30px;height:30px;padding:0}.white-emoji{font-variant-emoji:text;color:#fffffff5;text-shadow:0 0 6px #5080ff57,0 1px 2px #29449f47;place-items:center;font-family:SkillSysEmojiLanding,Noto Emoji,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-weight:700;line-height:1;display:inline-grid}.tab-emoji{width:1.08em;height:1.08em;margin-right:3px}.featured-card,.glass-card,.skillsy-card,.final-cta{box-shadow:0 28px 70px #2666b529, var(--inner);-webkit-backdrop-filter:blur(26px)saturate(1.35);backdrop-filter:blur(26px)saturate(1.35);background:radial-gradient(circle at 18% 0,#fffffff2,#0000 22rem),radial-gradient(circle at 100% 18%,#c4e3ff6b,#0000 24rem),linear-gradient(135deg,#ffffffe0,#ffffff80),#ffffffb8;border:1px solid #ffffffb8}.featured-card{border-radius:clamp(30px,8vw,52px);grid-template-columns:1fr;gap:18px;width:min(100%,1120px);margin:14px auto 0;padding:clamp(18px,3.8vw,34px);display:grid}.featured-card.is-gallery-switching .featured-info,.featured-card.is-gallery-switching .tree-preview-frame{opacity:0;transform:translateY(6px)scale(.992)}.featured-info,.tree-preview-frame{transition:opacity .18s,transform .18s}.section-kicker{color:#786dff;letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:9px;margin:0;font-size:.82rem;font-weight:700;display:inline-flex}.section-kicker svg{color:#8a72ff;filter:drop-shadow(0 4px 11px #8060ff59);width:20px;height:20px}.featured-info h2,.skillsy-copy h2,.final-cta h2,.cloud-stage>h2{color:var(--ink);letter-spacing:0;margin:0;font-weight:700}.featured-info h2{margin-top:18px;font-size:clamp(1.85rem,6.4vw,3.05rem);line-height:1}.featured-info h2:after{content:"";vertical-align:.06em;background:radial-gradient(circle at center, #b788ff 0 12%, transparent 13%), conic-gradient(from 0deg, transparent 0 12%, #c794ff 13% 18%, transparent 19% 42%, #7fd7ff 43% 50%, transparent 51% 74%, #b788ff 75% 82%, transparent 83%);filter:drop-shadow(0 3px 9px #976fff59);width:28px;height:28px;margin-left:8px;display:inline-block}.featured-copy{max-width:430px;color:var(--ink-soft);margin:14px 0 22px;font-size:clamp(.98rem,3.1vw,1.18rem);font-weight:400;line-height:1.38}.tree-gallery-tabs{flex-wrap:wrap;grid-column:1/-1;justify-content:center;gap:9px;width:min(100%,560px);max-width:none;margin:2px auto 0;display:flex}.gallery-tab{color:#415886;min-height:38px;box-shadow:var(--inner), 0 6px 14px #4569b514;font:inherit;cursor:pointer;background:#ffffffad;border:1px solid #7a97db3d;border-radius:999px;justify-content:center;align-items:center;gap:5px;padding:0 13px;font-size:.86rem;font-weight:500;display:inline-flex}.gallery-tab.is-active{color:#fff;box-shadow:var(--inner), 0 12px 22px #4c61e538;background:linear-gradient(135deg,#4e79ff,#8f72ff);border-color:#ffffff8f}.tree-meta,.tree-stat{grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;max-width:220px;display:grid}.tree-meta{margin-top:20px}.tree-stat{margin-top:10px}.tree-meta span,.tree-stat span{color:#7c8ab0;font-size:.86rem;font-weight:400;line-height:1.08;display:block}.tree-meta strong,.tree-stat strong{color:var(--ink);margin-top:2px;font-size:1rem;font-weight:600;line-height:1.08;display:block}.meta-icon{color:#5e88e8;text-shadow:0 0 8px #6287e82e,0 1px 2px #29449f1f;background:radial-gradient(circle at 35% 24%,#ffffffd1,#0000 42%),linear-gradient(145deg,#ffffffc7,#deecff80);border-radius:50%;place-items:center;width:34px;height:34px;font-family:IBM Plex Sans,Inter,ui-sans-serif,system-ui,sans-serif;font-size:1.08rem;font-weight:600;display:grid;box-shadow:inset 0 1px #ffffffe0,inset 0 -10px 22px #6893e514,0 8px 18px #4f75be21}.creator-icon{color:#8a72ff}.tree-stat-emoji{color:#4c83e8}.tree-preview{align-content:start;justify-items:center;min-height:300px;padding-top:4px;display:grid;position:relative}.tree-preview-frame{min-width:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;padding:0;position:relative}.tree-node{min-height:98px;color:var(--ink);text-align:center;background:#ffffffc7;border:1px solid #8ba6db59;border-radius:16px;place-items:center;gap:9px;padding:18px 14px;display:grid;position:relative;box-shadow:inset 0 1px #fffffff0,0 11px 22px #4368ac1c}.tree-node svg{color:#6f98f9;width:28px;height:28px}.tree-node span{font-size:clamp(.82rem,2.9vw,1rem);font-weight:500;line-height:1.12}.tree-node-root{text-align:left;grid-template-columns:42px 1fr;width:min(100%,270px);min-height:78px}.tree-node-root svg{color:#5789ff}.tree-lines{width:min(100%,520px);height:70px;position:relative}.line{opacity:.9;background:#98b5f2;position:absolute}.line-main{width:4px;height:48px;top:0;left:50%;transform:translate(-50%)}.line-left,.line-mid,.line-right{height:4px;top:47px}.line-left{border-top-left-radius:14px;width:36%;left:14%}.line-mid{width:4px;height:23px;left:50%}.line-right{border-top-right-radius:14px;width:36%;left:50%}.tree-branches{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(9px,3vw,28px);width:min(100%,610px);display:grid}.tree-branches .tree-node b{background:#39d18d;border:3px solid #e8fbf2;border-radius:50%;width:24px;height:24px;position:absolute;bottom:-13px;right:50%;transform:translate(50%);box-shadow:0 7px 16px #2bb97947}.tree-branches .tree-node b:before{content:"";border-bottom:2px solid #fff;border-left:2px solid #fff;width:9px;height:5px;position:absolute;top:4px;left:5px;transform:rotate(-45deg)}.locked-row{grid-template-columns:repeat(4,1fr);gap:clamp(8px,3vw,28px);width:min(100%,590px);margin-top:32px;display:grid}.locked-row span{background:#ffffff5c;border:1px solid #8ba6db38;border-radius:14px;min-height:68px;box-shadow:inset 0 1px #ffffffbf}.locked-row span:before{content:"";opacity:.55;background:linear-gradient(#b7c6e6,#b7c6e6) 50% 58%/16px 12px no-repeat,radial-gradient(at 50% 48%,#0000 0 44%,#b7c6e6 45% 65%,#0000 66%) 50% 0/18px 16px no-repeat;width:20px;height:20px;margin:24px auto 0;display:block}.app-tree-preview{border-radius:28px;align-content:stretch;justify-items:stretch;min-height:clamp(350px,72vw,480px);padding:0;position:relative;overflow:visible;transform:translate(0)}.app-tree-preview:before{content:none;display:none}.app-tree-lines{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.edge-line{fill:none;stroke-linecap:round;stroke-linejoin:round}.edge-complete{stroke:#fffffff5;stroke-width:4.8px;filter:drop-shadow(0 0 5px #6499ef80)drop-shadow(0 2px 3px #4670be2e)}.edge-muted{stroke:#d8e0ea;stroke-width:4.2px;stroke-dasharray:8 8;opacity:.55}.edge-soft{stroke:#becfef8a;stroke-width:3.2px;stroke-dasharray:5 8;opacity:.45}.app-node{--orb-size:clamp(54px, 10.8vw, 80px);left:var(--x);top:var(--y);z-index:2;width:var(--orb-size);height:var(--orb-size);will-change:left, top;position:absolute;transform:translate(-50%,-50%)}.app-node-final{--orb-size:clamp(88px, 16vw, 118px);z-index:4}.app-node-orb{border:2px solid hsl(var(--hue,158) 44% 76%);background:radial-gradient(circle at 35% 28%, #fffffff5 0%, #ffffff8f 20%, transparent 36%), linear-gradient(180deg, hsl(var(--hue,158) 68% 91%) 0%, hsl(var(--hue,158) 54% 82%) 100%);box-shadow:inset 0 0 0 4px #ffffff73, inset 0 2px 10px #ffffffbf, 0 0 0 8px hsla(var(--hue,158), 58%, 56%, .06), 0 12px 28px #2430410e;border-radius:999px;place-items:center;display:grid;position:absolute;inset:0}.app-node-orb:before,.app-node-orb:after{content:"";pointer-events:none;z-index:1;position:absolute;top:50%;left:50%}.app-node-orb:before{border:1px solid hsla(var(--hue,158), 52%, 58%, .36);width:76%;height:76%;box-shadow:0 0 0 7px hsla(var(--hue,158), 58%, 56%, .055), inset 0 0 0 1px #ffffff57;border-radius:999px;transform:translate(-50%,-50%)}.app-node-orb:after{border:1px solid hsla(var(--hue,158), 54%, 54%, .4);width:58%;height:58%;box-shadow:0 0 12px hsla(var(--hue,158), 58%, 56%, .12);border-radius:11px;transform:translate(-50%,-50%)rotate(45deg)}.app-node.is-selected .app-node-orb{box-shadow:inset 0 0 0 4px #ffffff73, inset 0 2px 10px #ffffffbf, 0 0 0 10px hsla(var(--hue,158), 58%, 56%, .16), 0 16px 36px #24304129;border-width:3px}.app-node-final .app-node-orb{background:radial-gradient(circle at 35% 25%,#fff 0%,#ffffffa6 20%,#0000 38%),radial-gradient(circle at 50% 60%,#8fe3c7 0%,#49c4a1 58%,#2ea37f 100%);border:3px solid #e7d19c;box-shadow:inset 0 0 0 6px #ffffff52,0 0 0 9px #49c4a114,0 0 24px #49c4a129,0 18px 40px #2ea37f33}.app-node-final .app-node-orb:before{border-color:#e7d19c6b;width:78%;height:78%;box-shadow:0 0 0 8px #7f67f00b,inset 0 0 0 1px #ffffff4d}.app-node-final .app-node-orb:after{border-color:#ffffff57;border-radius:12px;width:58%;height:58%;box-shadow:0 0 14px #7f67f01f}.app-node-ring{z-index:1;border-radius:inherit;opacity:.66;pointer-events:none;background-image:radial-gradient(1px 4.5px at 50% 0,#ffffffd1 0 68%,#0000 72%),radial-gradient(4.5px 1px at 50% 0,#ffffffd1 0 68%,#0000 72%),radial-gradient(1px 4.5px at 50% 100%,#ffffffd1 0 68%,#0000 72%),radial-gradient(4.5px 1px at 50% 100%,#ffffffd1 0 68%,#0000 72%),radial-gradient(1px 4.5px at 0%,#ffffffd1 0 68%,#0000 72%),radial-gradient(4.5px 1px at 0%,#ffffffd1 0 68%,#0000 72%),radial-gradient(1px 4.5px at 100%,#ffffffd1 0 68%,#0000 72%),radial-gradient(4.5px 1px at 100%,#ffffffd1 0 68%,#0000 72%),radial-gradient(.85px 3.6px at 15% 15%,#ffffffa8 0 68%,#0000 72%),radial-gradient(3.6px .85px at 15% 15%,#ffffffa8 0 68%,#0000 72%),radial-gradient(.85px 3.6px at 85% 15%,#ffffffa8 0 68%,#0000 72%),radial-gradient(3.6px .85px at 85% 15%,#ffffffa8 0 68%,#0000 72%),radial-gradient(.85px 3.6px at 15% 85%,#ffffffa8 0 68%,#0000 72%),radial-gradient(3.6px .85px at 15% 85%,#ffffffa8 0 68%,#0000 72%),radial-gradient(.85px 3.6px at 85% 85%,#ffffffa8 0 68%,#0000 72%),radial-gradient(3.6px .85px at 85% 85%,#ffffffa8 0 68%,#0000 72%);position:absolute;inset:-11px}.app-node-final .app-node-ring{opacity:.86;filter:drop-shadow(0 0 8px #f6c44d75)drop-shadow(0 3px 3px #7c561033);background-image:radial-gradient(1.2px 5px at 50% 0,#f6c44df0 0 68%,#0000 72%),radial-gradient(5px 1.2px at 50% 0,#ffe08af0 0 68%,#0000 72%),radial-gradient(1.2px 5px at 50% 100%,#f6c44df0 0 68%,#0000 72%),radial-gradient(5px 1.2px at 50% 100%,#ffe08af0 0 68%,#0000 72%),radial-gradient(1.2px 5px at 0%,#f6c44df0 0 68%,#0000 72%),radial-gradient(5px 1.2px at 0%,#ffe08af0 0 68%,#0000 72%),radial-gradient(1.2px 5px at 100%,#f6c44df0 0 68%,#0000 72%),radial-gradient(5px 1.2px at 100%,#ffe08af0 0 68%,#0000 72%),radial-gradient(1px 4px at 15% 15%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(4px 1px at 15% 15%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(1px 4px at 85% 15%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(4px 1px at 85% 15%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(1px 4px at 15% 85%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(4px 1px at 15% 85%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(1px 4px at 85% 85%,#ffe08ac2 0 68%,#0000 72%),radial-gradient(4px 1px at 85% 85%,#ffe08ac2 0 68%,#0000 72%);animation:34s linear infinite nodeStarHaloSpin;inset:-16px}@keyframes nodeStarHaloSpin{to{transform:rotate(360deg)}}.app-node-core{z-index:2;color:#fff;width:56%;height:56%;filter:drop-shadow(0 0 5px hsla(var(--hue,158), 44%, 58%, .38)) drop-shadow(0 1px 2px hsla(var(--hue,158), 42%, 46%, .24));opacity:.92;place-items:center;display:grid;position:relative}.app-node-emoji{font-variant-emoji:text;width:auto;height:auto;font-family:SkillSysEmojiLanding,Noto Emoji,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:calc(var(--orb-size) * .42);color:#fffffff5;text-shadow:0 0 5px hsla(var(--hue,158), 44%, 58%, .38), 0 1px 2px hsla(var(--hue,158), 42%, 46%, .24);opacity:.92;filter:none;font-weight:700;line-height:1}.app-node-final .app-node-emoji{font-size:calc(var(--orb-size) * .45)}.app-node-final .app-node-core{width:62%;height:62%}.app-node-core svg{width:100%;height:100%}.app-node-progress,.app-node-label{z-index:4;color:#6b7685;text-align:center;white-space:nowrap;background:#fffffff5;border:1px solid #dfe7ef;border-radius:999px;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 4px 10px #2430410d}.app-node-progress{min-height:20px;padding:2px 8px;font-size:.66rem;font-weight:700;line-height:1.2;bottom:-4px}.app-node-label{color:#334155;padding:7px 11px;font-size:clamp(.66rem,2.3vw,.86rem);font-weight:700;line-height:1.05;top:calc(100% + 10px)}.app-node.is-locked{--orb-size:clamp(50px, 10.6vw, 74px);opacity:.78;filter:saturate(.55)}.app-node.is-locked.small-lock{--orb-size:clamp(42px, 8.6vw, 60px);opacity:.62}.app-node.is-locked .app-node-orb{background:radial-gradient(circle at 35% 28%,#ffffffeb 0%,#ffffff85 20%,#0000 36%),linear-gradient(#fafbfd 0%,#eef3f8 100%);border-color:#d9e2ec;box-shadow:inset 0 0 0 3px #ffffff73,inset 0 2px 10px #ffffffbf,0 8px 18px #2430410d}.app-node.is-locked .app-node-orb:before,.app-node.is-locked .app-node-orb:after{opacity:.32}@media (prefers-reduced-motion:reduce){.app-node{will-change:auto}}.view-tree{color:#6288df;align-items:center;gap:14px;width:fit-content;margin:-6px auto 0;font-weight:500;display:inline-flex}.view-tree svg{width:24px;height:24px}.cloud-backdrop{z-index:0;background:radial-gradient(at 50% 0,#ffffffc7 0 12%,#ffffff47 28%,#0000 52%),radial-gradient(at 0 22%,#d0e8ff80 0 12%,#0000 36%),radial-gradient(at 100% 34%,#d4e5ff75 0 14%,#0000 38%),linear-gradient(#f0f9ff 0%,#eaf6ff 42%,#e7f4ff 100%);margin-top:-1px;position:relative;overflow:hidden}.cloud-stage{z-index:0;background:0 0;padding:34px 18px;position:relative;overflow:visible}.cloud-stage:before{display:none}.cloud-stage>h2{text-align:center;max-width:920px;margin:0 auto 20px;font-size:clamp(1.85rem,7vw,3.05rem);line-height:1.04}.cloud-stage>h2 span{color:#a784ff;text-shadow:0 2px 12px #8b6eff47}.step-grid,.benefit-grid{grid-template-columns:1fr;gap:14px;width:min(100%,1120px);margin:0 auto;display:grid}.glass-card{border-radius:24px;position:relative}.step-card{text-align:center;min-height:204px;padding:32px 22px 23px}.step-number{width:36px;height:36px;color:var(--ink);box-shadow:0 5px 14px #4368ac29, var(--inner);background:#ffffffdb;border-radius:50%;place-items:center;font-size:1rem;font-weight:600;display:grid;position:absolute;top:14px;left:14px}.card-icon,.benefit-icon{margin:0 auto 18px;display:block;position:relative}.card-icon{width:74px;height:74px}.emoji-card-icon{font-variant-emoji:text;width:auto;height:auto;color:inherit;box-shadow:none;text-shadow:0 3px 12px #5076cd29,0 1px 2px #2d4fb51f;filter:none;background:0 0;border-radius:0;place-items:center;font-family:SkillSysEmojiLanding,Noto Emoji,Segoe UI Symbol,Apple Color Emoji,Segoe UI Emoji,sans-serif;font-size:3.35rem;font-weight:700;display:grid}.step-card:first-child .emoji-card-icon{color:#df64d4}.step-card:nth-child(2) .emoji-card-icon{color:#5b8dff}.step-card:nth-child(3) .emoji-card-icon{color:#6f8cff}.step-card:nth-child(4) .emoji-card-icon{color:#f5b943}.target-icon{border:12px solid #de7ddd;border-radius:50%;box-shadow:inset 0 0 0 10px #ffffff9e,0 9px 21px #c559d747}.target-icon:before{content:"";background:linear-gradient(90deg,#7b6dff,#368cf6);border-radius:8px;width:54px;height:9px;position:absolute;top:26px;left:18px;transform:rotate(-35deg)}.target-icon:after{clip-path:polygon(0 45%,64% 45%,64% 0,100% 50%,64% 100%,64% 58%,0 58%);content:"";background:#3f8af6;width:22px;height:22px;position:absolute;top:9px;right:-9px;transform:rotate(-35deg)}.tree-icon:before,.tree-icon:after{content:"";position:absolute}.tree-icon:before{background:linear-gradient(135deg,#347df0,#8f75ff);border-radius:8px;width:32px;height:24px;top:5px;left:21px;box-shadow:-24px 43px 0 -2px #6aa5ff,0 43px 0 -2px #6d8fff,24px 43px 0 -2px #9d78ff}.tree-icon:after{border:6px solid #7ea2ff;border-bottom:0;border-radius:16px 16px 0 0;width:38px;height:28px;top:30px;left:18px}.check-icon{background:linear-gradient(135deg,#5da1ff,#7a6bff);border-radius:18px;box-shadow:0 10px 22px #526feb42}.check-icon:before{content:"";border-bottom:8px solid #fff;border-left:8px solid #fff;border-radius:3px;width:32px;height:17px;position:absolute;top:23px;left:19px;transform:rotate(-45deg)}.sun-icon{background:#ffc85d;border-radius:50%;box-shadow:0 -28px 0 -22px #ffc85d,0 28px 0 -22px #ffc85d,28px 0 0 -22px #ffc85d,-28px 0 0 -22px #ffc85d,20px 20px 0 -22px #ffc85d,-20px 20px 0 -22px #ffc85d,20px -20px 0 -22px #ffc85d,-20px -20px 0 -22px #ffc85d,0 10px 20px #f6a02047}.step-card h3,.benefit-card h3{color:var(--ink);margin:0;font-size:clamp(1.22rem,4.4vw,1.55rem);font-weight:600;line-height:1.08}.step-card p,.benefit-card p{color:var(--ink-soft);margin:13px auto 0;font-size:clamp(.98rem,3.5vw,1.12rem);font-weight:400;line-height:1.34}.benefit-card{grid-template-columns:84px 1fr;align-items:center;gap:16px;min-height:150px;padding:22px;display:grid}.benefit-icon{border-radius:20px;width:70px;height:70px;margin:0}.forest-icon{background:radial-gradient(circle at 50% 29%,#7a75ff 0 22%,#0000 23%),radial-gradient(circle at 31% 45%,#6f9dff 0 19%,#0000 20%),radial-gradient(circle at 69% 45%,#6c82ff 0 19%,#0000 20%),linear-gradient(#4f89f7,#4f89f7) 50%/13px 46px no-repeat}.forest-icon:after{content:"";background:#4f89f7;border-radius:50%;height:12px;position:absolute;bottom:6px;left:18px;right:18px}.bot-icon{background:radial-gradient(circle at 30% 52%,#fff 0 5%,#0000 6%),radial-gradient(circle at 70% 52%,#fff 0 5%,#0000 6%),linear-gradient(135deg,#556dff,#8c75ff);box-shadow:inset 0 0 0 13px #fff3}.bot-icon:before{content:"";background:#113a9f;border-radius:15px;width:36px;height:28px;position:absolute;top:18px;left:17px}.bot-icon:after{content:"";background:#9075ff;border-radius:6px;width:8px;height:16px;position:absolute;top:-12px;left:31px;box-shadow:0 -7px 0 2px #9075ff73}.chart-icon{background:#669eff1f}.chart-icon:before{content:"";background:linear-gradient(#5fa7ff,#5fa7ff) 0 100%/13px 27px no-repeat,linear-gradient(#6d90ff,#6d90ff) 50% 100%/13px 40px no-repeat,linear-gradient(#9180ff,#9180ff) 100% 100%/13px 55px no-repeat;border-radius:5px;height:48px;position:absolute;bottom:12px;left:14px;right:14px}.guide-section{padding-top:18px}.skillsy-card{border-radius:30px;grid-template-columns:1fr;width:min(100%,1120px);min-height:520px;margin:0 auto;display:grid;overflow:hidden}.skillsy-art{background:url(/assets/skillsy-ai-banner-desktop-D6zsGnbA.png) 50%/cover no-repeat,linear-gradient(130deg,#143d8ee6,#4e80e9b8);min-height:300px}.skillsy-copy{background:linear-gradient(90deg,#ffffffd6,#ffffff9e);padding:28px 24px 30px}.skillsy-copy h2{color:#315bff;margin-top:8px;font-size:clamp(2.25rem,9vw,4rem);line-height:.95}.skillsy-copy p:not(.section-kicker){color:#52648f;max-width:440px;margin:18px 0 0;font-size:clamp(1.02rem,4vw,1.35rem);font-weight:400;line-height:1.35}.chat-button{color:#4a73e8;width:fit-content;min-height:48px;box-shadow:0 11px 22px #3f65b31f, var(--inner);background:#ffffffdb;border:1px solid #7497e747;margin-top:24px;padding:0 24px}.final-section{align-items:end;padding-top:18px;padding-bottom:0;display:grid}.final-cta{color:#fff;text-align:center;background:radial-gradient(circle at 10% 80%,#ffffff61,#0000 9rem),radial-gradient(circle at 88% 34%,#ffffff59,#0000 10rem),linear-gradient(135deg,#9368ffdb,#31a3f8e6);border-radius:30px 30px 0 0;width:min(100%,1120px);min-height:230px;margin:0 auto;padding:34px 22px;overflow:hidden}.final-cta h2{color:#fff;text-shadow:0 3px 18px #2d5bbb3d;font-size:clamp(2.2rem,9vw,4.1rem);line-height:1}.final-cta p{color:#ffffffed;margin:10px 0 0;font-size:clamp(1rem,4vw,1.35rem);font-weight:400}.final-button{color:#3d66e9;width:min(100%,370px);min-height:60px;box-shadow:0 17px 32px #3a59b438, var(--inner);background:#fffffff0;margin-top:28px}@media (width>=560px){.hero-actions{width:min(100%,390px)}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=760px){.sky-stage{padding-inline:32px}.featured-card{grid-template-columns:.58fr 1.18fr}.view-tree{grid-column:1/-1}.benefit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.benefit-card{grid-template-columns:74px 1fr;min-height:164px}}@media (width>=900px){.sky-stage{background:linear-gradient(#148bef0f 0%,#def4ff29 40%,#ecf8ffd1 70%,#f0f9ff 100%),url(/assets/hero-sky-desktop-BVjrYxiP.png) top/100% 100% no-repeat,linear-gradient(#2b9af2 0%,#dbf3ff 62%,#f0f9ff 100%);padding:18px 52px 0}.site-header{padding-top:0}.menu-button{border-radius:18px;width:56px;height:56px}.menu-button span{width:25px}.hero{padding-top:32px}.hero h1{max-width:820px}.featured-card{grid-template-columns:.46fr 1fr;gap:26px;margin-top:22px}.cloud-stage{background:0 0;padding-inline:52px}.step-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.benefit-grid{gap:22px}.skillsy-card{border-radius:32px;grid-template-columns:1.16fr .92fr;min-height:360px}.skillsy-art{background:linear-gradient(90deg,#0000 0 76%,#ffffff80 100%),url(/assets/skillsy-ai-banner-desktop-D6zsGnbA.png) 50%/cover no-repeat,linear-gradient(130deg,#143d8ee6,#4e80e9b8);min-height:360px}.skillsy-copy{align-content:center;padding:44px 54px;display:grid}.final-cta{border-radius:32px 32px 0 0;margin-bottom:0}}@media (width>=1180px){.hero h1{font-size:4.6rem}.featured-card{width:min(100%,1120px);padding:34px}.tree-preview{min-height:415px}.tree-node{border-radius:18px;min-height:120px}.tree-node-root{min-height:92px}.locked-row span{border-radius:16px;min-height:84px}.cloud-stage{padding-top:38px;padding-bottom:38px}.final-section,.final-section.cloud-stage{padding-bottom:0}}@media (width<=390px){.app-tree-preview{transform:translate(0)}}