:root{font-family:Roboto,Arial,sans-serif;font-size:calc(100vw / 1672 * 16);color:#2c2525;background:#f9f4ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer}button,a{touch-action:manipulation}button{color:inherit}a{text-decoration:none;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b7833b;outline-offset:4px}svg{display:block;width:1.5rem;height:1.5rem;stroke:currentColor;fill:none;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}i{display:inline-flex;font-style:normal;flex-shrink:0}.app-shell{min-height:58.8125rem;position:relative;background:#faf5f0 url('/assets/background.png') center top/100% 100% no-repeat}.sidebar{width:15.375rem;position:absolute;left:0;top:0;bottom:0;color:#f8f8f7;background:linear-gradient(115deg,#24242426,#22222245);border-right:1px solid #ffffff66;min-height:58.8125rem}.brand{position:absolute;top:.9375rem;left:2.125rem;width:11.5rem;height:4.125rem;display:block}.reference-art{background-image:url('/assets/reference.png');background-repeat:no-repeat;background-size:104.5rem 58.8125rem;display:block}.brand-art{width:100%;height:100%;background-position:-2.125rem -.9375rem}.navigation{position:absolute;top:7rem;left:1.0625rem;right:.8125rem;display:grid;gap:.0625rem}.nav-item{height:2.8rem;border:1px solid transparent;background:transparent;color:#f5f4f3;display:flex;align-items:center;gap:1.5rem;padding:0 1.25rem;font-size:1.125rem;line-height:1.2;text-align:left;border-radius:.95rem;width:100%}.nav-item i{width:1.5rem}.nav-item.active{height:3rem;margin-bottom:.125rem;background:linear-gradient(115deg,#e0ad70,#66503d 55%,#493b2d);border-color:#e0b57c;box-shadow:inset 0 1px 3px #ffe2ae88,0 0 1.5rem #eac28c25;font-weight:600}.nav-item:hover:not(.active){background:#ffffff09}.nav-divider{position:absolute;left:1.875rem;right:1.8125rem;top:25.75rem;height:1px;background:#a68d6a50}.autopilot{position:absolute;top:27.4375rem;left:1.0625rem;right:.75rem;height:2.8125rem;border:1px solid #a68b6855;border-radius:.875rem;background:linear-gradient(110deg,#4a433b,#3c3732);display:flex;align-items:center;gap:.6rem;padding:0 .75rem;font-size:1rem}.bolt{font-size:2.6rem;color:#ffcf82;line-height:1;text-shadow:0 0 .75rem #e5aa57;display:inline-block;transform:skew(-8deg)}.autopilot .bolt{margin-right:.125rem}.autopilot i{margin-left:auto;color:#efc98d}.autopilot svg{width:1rem;height:1rem;stroke-width:2.5}.pro-tag{border:1px solid #bf965d;border-radius:.42rem;background:linear-gradient(130deg,#6f5939,#40392d);padding:.08rem .42rem;color:#f8d38d;font-size:.875rem;line-height:1.15;box-shadow:inset 0 1px 2px #edc08122}.sidebar-bottom{position:absolute;top:37.8125rem;left:1.0625rem;right:.8125rem}.plan,.balance,.settings,.profile{width:100%;display:flex;align-items:center;text-align:left}.plan{height:3rem;padding:0 1rem;gap:1.2rem;background:linear-gradient(100deg,#4b4339,#393633);border:1px solid #ac8a615e;border-radius:.9375rem;font-size:1.125rem;font-weight:500}.plan>i:first-child{color:#e8bc73}.plan svg{width:1.75rem;height:1.75rem}.plan .chevron{margin-left:auto}.plan .chevron svg{width:1rem;height:1rem}.balance{height:4.0625rem;margin-top:.625rem;gap:1.0625rem;padding:0 1rem;background:linear-gradient(100deg,#463e34,#302e2d);border:1px solid #8e75553d;border-radius:1rem}.balance strong{font-size:1rem;font-weight:500;white-space:nowrap}.balance small{display:block;font-size:.875rem;margin-top:.25rem;color:#c7c0b9}.balance>i{margin-left:auto;color:#e8bc73}.balance svg{width:1rem;height:1rem}.settings{height:3.875rem;gap:1.3rem;background:none;border:none;padding:.1rem 1.2rem 0;font-size:1.125rem}.settings svg{width:1.5rem;height:1.5rem}.lower{position:static;margin:.0625rem .25rem 0;width:calc(100% - 1.2rem)}.profile{border:0;background:none;padding:1.6875rem .15rem 0;gap:.6875rem}.avatar{width:3.5rem;height:3.5rem;flex-shrink:0;border-radius:50%;background-position:-1.25rem -51.1875rem}.profile-name{font-size:.875rem;font-weight:500;line-height:1.2;white-space:nowrap}.profile-name .pro-tag{display:table;margin-top:.375rem;font-weight:400}.profile>i{margin-left:auto}.profile>i svg{width:.875rem;height:.875rem}main{margin-left:15.375rem;min-height:58.8125rem;padding:0 1.4375rem 1.5rem 1.8125rem}.hero{height:22.25rem;text-align:center;padding-top:1.6875rem;position:relative}.status{height:2.6875rem;display:inline-flex;align-items:center;justify-content:center;gap:.875rem;padding:0 1.5rem;border:1px solid #d9bca1c7;border-radius:2rem;color:#68401f;box-shadow:0 .25rem .5rem #8c60300c;background:#fcf1e7aa;font-size:1.0625rem;font-weight:600;position:relative;left:-2.9375rem}.status svg{width:1.5rem;height:1.5rem;color:#955b19}h1{font-size:3.375rem;line-height:1.13;font-weight:750;letter-spacing:-.08rem;margin:1.25rem 0 .6875rem;position:relative;left:-1.875rem}.intro{font-size:1.3125rem;line-height:1.12;margin:0;color:#4c4341;position:relative;left:-2rem}.start-button{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:1.5rem auto 0;position:relative;left:-2.125rem;height:3.9375rem;width:25.5rem;background:linear-gradient(165deg,#ffdb9d 0%,#f0bd7e 45%,#be925f 100%);border:1px solid #ffe8ba;border-bottom-color:#b88b56;border-radius:2.2rem;color:#1e130b;box-shadow:inset 0 1px 2px #fff4db,0 .4rem .8rem #b47f3320;font-size:1.875rem;font-weight:700;letter-spacing:-.04rem}.start-button svg{width:2.5rem;height:2rem;stroke-width:1.7}.start-button:hover{filter:brightness(1.04);box-shadow:0 .4rem 1.2rem #bb854449}.start-button:active{transform:translateY(1px)}.hint{font-size:1.125rem;color:#70615a;margin:.8125rem 0 0;position:relative;left:-1.875rem}.workflow{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:3.5rem;margin:0 2.4375rem 0 2.3125rem;height:8.375rem;align-items:start}.connection{position:absolute;top:4.25rem;left:7rem;right:6rem;height:.1875rem;background:#fff5d8;box-shadow:0 0 .5rem .1875rem #ffc882,0 0 2rem .5rem #e8ab62}.step{height:7.75rem;display:flex;align-items:center;position:relative;isolation:isolate;gap:.875rem;padding:0 .875rem 0 1.25rem;color:#fff;filter:drop-shadow(0 1.1rem 1rem #9f6b3844)}.step:before{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#8f7459 0%,#443a32 46%,#44372b 65%,#bb8b57 100%);border:1px solid #ffe6ba;border-bottom:2px solid #ffedc5;border-radius:1.75rem;transform:skew(-12deg);box-shadow:inset 0 0 .5rem #e8b57c99,0 .15rem .35rem #ffcb7d;z-index:-1}.step:not(:last-child):after{content:'';position:absolute;right:-2rem;top:3.7rem;width:.75rem;height:.75rem;border-radius:50%;border:2px solid #fff7d6;background:#ffde9e;box-shadow:0 0 .25rem .15rem #ffd286}.step h2{font-size:1.375rem;line-height:1.12;font-weight:600;margin:0;letter-spacing:-.04rem}.step-icon{width:6rem;height:7.75rem;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#ffd08d;filter:drop-shadow(0 0 .35rem #ffbe6c)}.step-icon svg{width:4.25rem;height:4.25rem;stroke-width:1.2}.platforms{width:7.125rem;height:8.625rem;align-self:center;margin-left:-.2rem;background-position:-21.5625rem -21.875rem;filter:none}.helix{background-position:-42.9375rem -22.5625rem;filter:none;width:5.5rem;height:7.5625rem}.step:nth-child(2){gap:.8rem;padding-left:1rem}.step:nth-child(3){padding-left:1.25rem;gap:1.1rem}.step:nth-child(4){gap:.75rem}.step:nth-child(5){gap:.5rem}.rocket svg{width:4.5rem;height:4.5rem}.learning{margin:1.375rem 0 2rem;text-align:center;color:#67554b;font-size:1.3125rem;line-height:1.3;position:relative;left:-1.25rem}.understanding h2{font-size:1.5rem;letter-spacing:-.045rem;line-height:1.2;margin:0 0 .75rem .25rem;font-weight:750}.feature-grid{display:grid;grid-template-columns:1.06fr 1fr .94fr .95fr 1.04fr 1fr;gap:.75rem}.feature{height:7.8125rem;border-radius:1.25rem;border:1px solid #e5d8ce;background:linear-gradient(150deg,#ffffff70,#fff9f22b);position:relative;overflow:hidden;box-shadow:0 .4rem .65rem #9d6b3410;text-align:center;padding-top:.875rem;isolation:isolate}.feature:after{content:'';position:absolute;left:-15%;width:135%;height:4rem;bottom:-3rem;border-radius:45% 45% 0 0;background:linear-gradient(#f3ceaa,#fff8f1);transform:rotate(-10deg);border-top:1px solid #f0c38c;z-index:-1;box-shadow:0 -.25rem 2rem #e7b48420}.feature:nth-child(2n):after{bottom:-3.1rem;transform:rotate(-6deg)}.feature:nth-child(3n):after{transform:rotate(-16deg)}.feature i{color:#97590e}.feature svg{width:2.125rem;height:2.125rem;stroke-width:1.4}.feature h3{font-size:1.1875rem;font-weight:500;line-height:1.18;color:#151212;margin:.4375rem 0 0;letter-spacing:-.02rem}.example{height:9.75rem;border:1px solid #e3d2c5;border-radius:1.5rem;margin-top:1.8125rem;display:flex;align-items:center;position:relative;overflow:hidden;background:linear-gradient(115deg,#fff9f300,#fffaf644);box-shadow:0 .75rem 1.5rem #aa775823,inset 0 0 0 1px #ffffffa0}.example-photo{width:26.75rem;height:9.75rem;align-self:stretch;background-position:-17.3125rem -47.6875rem;flex-shrink:0;clip-path:path('M 0 0 L 428 0 L 354 156 L 0 156 Z');clip-path:polygon(0 0,100% 0,83% 100%,0 100%)}.example-copy{margin-left:2.25rem;align-self:flex-start;padding-top:.75rem;flex:1}.example-tag{display:inline-block;font-size:1.0625rem;font-weight:600;color:#21150b;background:linear-gradient(#f9ddba,#e8b988);border-radius:1rem;padding:.25rem 1.3125rem;box-shadow:0 .125rem .125rem #9d663526;line-height:1.2}.example-copy p{font-size:1.25rem;line-height:1.35;color:#181413;margin:.5625rem 0 0;font-weight:450;letter-spacing:-.025rem;white-space:nowrap}.example-note{height:5.1875rem;border-left:1px solid #d9c6b8;display:flex;gap:1.5rem;align-items:center;width:23.3125rem;flex-shrink:0;margin-left:1rem;padding-left:2.5rem;color:#594944}.example-note p{font-size:1.1875rem;line-height:1.3;margin:0}.check-icon{display:flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:50%;border:2px solid #f4c48b;background:linear-gradient(135deg,#fffaf3,#f2d5b2);box-shadow:0 .25rem .5rem #ad754e26;flex-shrink:0;color:#956219}.check-icon svg{width:1.5rem;height:1.5rem;stroke-width:2.5}
dialog{font-size:16px;border:1px solid #dfc7ad;border-radius:24px;background:#fcf7f1;color:#30241d;padding:38px;max-width:540px;width:calc(100% - 32px);box-shadow:0 25px 100px #17110c55}dialog::backdrop{background:#1e171b77;backdrop-filter:blur(6px)}dialog h2{font-size:30px;margin:12px 0}dialog p{line-height:1.5;color:#786556}dialog svg{width:24px;height:24px}.close-dialog{position:absolute;right:14px;top:10px;font-size:30px;border:none;background:none;color:#846a53;width:36px;height:36px}.dialog-eyebrow{color:#a27a45;letter-spacing:2px;font-size:11px;font-weight:700}dialog label{display:block;font-size:14px;margin-top:24px}dialog input{width:100%;border:1px solid #dbc3a7;border-radius:12px;background:#fffcf8;padding:14px;margin-top:8px;color:#30241d}dialog .add-link{background:none;border:0;color:#98682f;padding:18px 0;font-size:14px}.form-note{font-size:13px;margin-top:0}.save-draft{width:100%;border:1px solid #e5b780;border-radius:30px;background:linear-gradient(150deg,#ffdda5,#c69763);padding:14px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:16px}.form-result{font-size:14px;margin-bottom:0}.form-result:empty{display:none}
.brand-art{mix-blend-mode:lighten}h1{letter-spacing:-.025rem}.hero{height:21.875rem}.intro{margin-top:-.1875rem}.start-button{margin-top:1.375rem;height:3.875rem}.workflow{height:9.375rem;margin-left:2rem;margin-right:2.4375rem;gap:2.6875rem;background:url('/assets/interface-art.png') -19.1875rem -21.875rem/104.5rem 58.8125rem no-repeat}.workflow .connection,.step:before,.step:after{display:none}.step{height:9.375rem;filter:none;padding:0!important;gap:0!important}.step-icon{visibility:hidden}.step h2{position:absolute;left:9.4375rem;top:2.9375rem;line-height:1.13;font-weight:550}.step:nth-child(3) h2{left:9.15625rem;top:2.3125rem}.step:nth-child(4) h2{left:7.875rem;top:2.3125rem}.step:nth-child(5) h2{left:10rem;top:2.9375rem}.learning{margin-top:.75rem;margin-bottom:1.75rem}.feature{background:url('/assets/interface-art.png') -17.1875rem -38.0625rem/104.5rem 58.8125rem no-repeat;border-color:transparent;box-shadow:0 .4rem .65rem #9d6b3410;padding-top:1rem}.feature:nth-child(2){background-position:-32.5625rem -38.0625rem}.feature:nth-child(3){background-position:-47.0625rem -38.0625rem}.feature:nth-child(4){background-position:-60.625rem -38.0625rem}.feature:nth-child(5){background-position:-74.375rem -38.0625rem}.feature:nth-child(6){background-position:-89.375rem -38.0625rem}.feature:after{display:none}.feature>i{display:flex;width:2.125rem;height:2.125rem;margin:auto;visibility:hidden}.feature h3{margin-top:.5rem}.example-note{transform:translateY(-.25rem)}
@media(min-width:761px){.app-shell{background-image:url('/assets/interface-art.png');background-size:104.5rem 58.8125rem;background-position:left top}.sidebar{background:url('/assets/background.png') left top/104.5rem 58.8125rem no-repeat}.status{border-color:transparent;background:transparent;box-shadow:none}.status i{visibility:hidden}.start-button{background:transparent;border-color:transparent;box-shadow:none}.start-button:hover{background:#fff2d622}.workflow{background:none}.feature,.feature:nth-child(n){background:none;border-color:transparent;box-shadow:none}.example{background:none;border-color:transparent;box-shadow:none}.example-photo{background:none}.example-tag{background:none;box-shadow:none}.example-note{border-color:transparent}.check-icon{visibility:hidden}main{padding-bottom:1.4375rem}}
@media(min-width:2000px){:root{font-size:19.14px}.app-shell{max-width:2000px;margin:auto;min-height:100vh}main{min-height:100vh}}
@media(max-width:760px){:root{font-size:16px}.app-shell{background-size:auto 900px;background-position:right top}.sidebar{width:100%;height:76px;min-height:0;position:relative;background:#252424;border:0;z-index:2}.brand{top:8px;left:16px;width:170px;height:60px}.brand-art{background-size:1567px 882px;background-position:-32px -14px}.navigation{position:fixed;top:auto;bottom:0;left:0;right:0;height:65px;display:flex;gap:0;background:#262423;z-index:5;box-shadow:0 -3px 15px #201a1a22;padding:5px}.nav-item{flex:1;padding:5px 0;gap:4px;flex-direction:column;justify-content:center;font-size:10px;height:55px!important;border-radius:10px}.nav-item.active{margin:0}.nav-item svg{width:21px;height:21px}.nav-item i{width:auto}.nav-divider,.autopilot,.sidebar-bottom{display:none}main{margin-left:0;padding:0 16px 90px;min-height:calc(100vh - 76px)}.hero{padding-top:26px;height:auto}.status{left:0;font-size:12px;height:34px;padding:0 16px;gap:9px;background:#fcf1e7cc}.status svg{width:18px;height:18px}h1{left:0;font-size:32px;letter-spacing:-1px;line-height:1.12;margin:20px 0 14px}.intro{left:0;font-size:15px;line-height:1.45;max-width:450px;margin:auto}.desktop-break{display:none}.start-button{left:0;font-size:21px;width:100%;max-width:360px;height:56px;margin-top:25px;gap:20px}.start-button svg{width:30px;height:26px}.hint{left:0;font-size:12px;line-height:1.4;margin:12px 0 32px}.workflow{grid-template-columns:repeat(2,1fr);gap:24px 18px;height:auto;margin:0 7px}.connection{display:none}.step{height:105px;padding:8px!important;gap:4px!important;filter:drop-shadow(0 9px 8px #9f6b382f)}.step:before{border-radius:22px;transform:skew(-6deg)}.step:after{display:none}.step h2{font-size:15px;letter-spacing:-.4px;line-height:1.15}.step-icon{width:60px;height:80px}.step-icon svg{width:48px;height:48px}.platforms{width:66px;height:90px;background-size:1150px 647px;background-position:-237px -241px;margin-left:0}.helix{width:56px;height:84px;background-size:1150px 647px;background-position:-472px -248px}.learning{left:0;font-size:14px;line-height:1.5;margin:26px 5px}.understanding h2{font-size:20px;line-height:1.25;letter-spacing:-.4px;margin:0 0 16px}.feature-grid{grid-template-columns:repeat(2,1fr);gap:12px}.feature{height:115px;border-radius:18px;padding-top:12px}.feature svg{width:30px;height:30px}.feature h3{font-size:15px;margin-top:8px}.example{height:auto;display:flex;flex-wrap:wrap;margin-top:24px;border-radius:22px}.example-photo{width:100%;height:140px;background-size:1300px 732px;background-position:-215px -593px;clip-path:none;background-color:#ac8660}.example-copy{padding:18px;margin:0;flex:auto}.example-copy p{font-size:15px;white-space:normal;line-height:1.5;margin-top:12px;letter-spacing:0}.example-tag{font-size:14px;padding:4px 16px}.example-note{width:100%;height:auto;margin:0 18px 20px;padding:16px 0 0;border-left:0;border-top:1px solid #d9c6b8;gap:14px}.example-note p{font-size:14px}.example-note p br{display:none}.check-icon{width:30px;height:30px}.check-icon svg{width:20px;height:20px}dialog{padding:30px 22px}dialog h2{font-size:26px}}
@media(max-width:760px){.workflow{background:none}.step{background:url('/assets/interface-art.png') -167.5px -187px/913px 514px no-repeat;border-radius:20px}.step:nth-child(3){background-position:-351.6px -187px}.step:nth-child(4){background-position:-527.4px -187px}.step:nth-child(5){background-position:-723.5px -187px}.step-icon{display:none}.step h2{position:static;font-size:14px;margin-left:76px;font-weight:550}.step:nth-child(4) h2{margin-left:65px}.step:nth-child(5) h2{margin-left:78px}.feature{background:linear-gradient(150deg,#ffffff70,#fff9f22b);border-color:#e5d8ce}.feature:after{display:block}.feature>i{visibility:visible;width:30px;height:30px}.feature h3{margin-top:8px}}
@media(prefers-reduced-motion:no-preference){button{transition:filter .15s,box-shadow .15s,background .15s}dialog[open]{animation:appear .18s ease-out}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}
