:root{--ink:#17142c;--purple:#5542be;--plum:#372b85;--cream:#fffdf9;--muted:#706e7d;--line:#e8e5ee;--pink:#f8ddd9;--yellow:#fff0a8;--blue:#dcecff;--coral:#ef7563}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--cream);font-family:Manrope,Arial,sans-serif}
.container{max-width:1180px;margin:0 auto;padding-left:28px;padding-right:28px}
.nav-wrap{height:80px;display:flex;align-items:center;background:#fffdf9;border-bottom:1px solid #f1eff3;position:relative;z-index:3}
.nav{width:100%;display:flex;align-items:center;gap:32px}
.brand{display:flex;gap:9px;align-items:center;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-size:20px;font-weight:500;letter-spacing:-1px;white-space:nowrap}
.brand b{font-weight:800}
.brand-dot{color:var(--purple)}
.brand-mark{width:30px;height:30px;border-radius:9px 9px 9px 2px;display:grid;place-items:center;background:var(--purple);color:#fff;font:700 23px 'Playfair Display',serif;transform:rotate(-5deg)}
.nav-links{display:flex;gap:24px;margin-left:auto}
.nav-links a{color:#565364;text-decoration:none;font-size:13px;font-weight:600}
.nav-actions{display:flex;gap:13px;align-items:center}
.button,.create-button{border:0;border-radius:10px;cursor:pointer;font:700 13px Manrope,sans-serif;transition:transform .2s,box-shadow .2s}
.button:hover,.create-button:hover{transform:translateY(-2px);box-shadow:0 10px 18px #2e247520}
.button{padding:12px 16px;display:inline-flex;align-items:center;justify-content:center;gap:9px}
.button.dark{background:var(--ink);color:#fff}
.button.purple{background:var(--purple);color:#fff}
.button.full{width:100%}
.link-button,.text-button{border:0;background:transparent;color:var(--ink);font:700 13px Manrope,sans-serif;cursor:pointer;padding:9px}
.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:61px;align-items:center;min-height:610px;padding-top:66px;padding-bottom:69px}
.made-mx{color:#5b576c;font-size:11px;font-weight:800;letter-spacing:.4px;text-transform:uppercase;display:flex;align-items:center;gap:7px;margin-bottom:17px}
.flag-dot{width:11px;height:11px;border-radius:50%;background:linear-gradient(90deg,#178350 0 33%,#fff 33% 66%,#e5514f 66%)}
.hero h1,.section-heading h2,.feature-copy h2,.final-cta h2{font:700 59px/1.04 'Playfair Display',Georgia,serif;letter-spacing:-2.8px;margin:0}
.hero h1 em,.section-heading h2 em,.feature-copy h2 em{color:var(--purple);font-weight:600}
.hero-copy>p:not(.hero-note){max-width:490px;font-size:17px;line-height:1.58;color:#5b5967;margin:20px 0 25px}
.create-box{width:100%;max-width:536px;background:#fff;border:1px solid #e6e2ed;border-radius:13px;padding:13px 13px 12px;box-shadow:0 18px 40px #2f205d12}
.create-box label,.final-create label{font-size:10px;text-transform:uppercase;letter-spacing:.9px;font-weight:800;color:#787386;display:block;margin-bottom:7px}
.prompt-row{display:flex;gap:9px}
.prompt-row input,.final-create input{min-width:0;flex:1;border:0;color:var(--ink);outline:0;font:500 13px Manrope,sans-serif;padding:8px}
.prompt-row input::placeholder,.final-create input::placeholder{color:#aaa6b2}
.create-button{background:var(--purple);color:white;padding:11px 13px;white-space:nowrap}
.create-button span,.button span{font-size:16px;line-height:.5}
.prompt-ideas{display:flex;gap:7px;flex-wrap:wrap;border-top:1px solid #f1eef4;padding-top:10px;margin-top:10px}
.prompt-ideas button{border:0;background:#f7f4fb;color:#615d70;border-radius:5px;padding:5px 7px;cursor:pointer;font:600 9px Manrope,sans-serif}
.hero-note{font-size:11px;color:#868190;margin:14px 0 0}
.hero-art{height:430px;position:relative;isolation:isolate}
.hero-blob{position:absolute;border-radius:50%;z-index:-1}
.blob-one{width:391px;height:380px;right:12px;top:18px;background:#e9e5ff;border-radius:43% 57% 61% 39%/42% 39% 61% 58%}
.blob-two{height:112px;width:112px;left:12px;bottom:6px;background:#f3e6a4}
.slide-preview{width:365px;height:370px;position:absolute;top:27px;left:64px;background:#fffdf9;border-radius:15px;box-shadow:0 25px 50px #38257e2e;overflow:hidden;transform:rotate(-3deg)}
.slide-top,.slide-bottom{height:44px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#6d6880}
.slide-top{border-bottom:1px solid #eeeaf1}
.lesson-tag{font-weight:800;letter-spacing:.8px}
.dots{font-size:15px;letter-spacing:2px}
.slide-content{padding:49px 37px 0;height:278px;background:radial-gradient(circle at 80% 80%,#e8e4ff 0 19%,transparent 20%),linear-gradient(145deg,#fffcf7,#f7f6ff)}
.mini-label{color:#777087;font-size:8px;font-weight:800;letter-spacing:.9px}
.slide-content h2{font:700 44px/1 'Playfair Display',serif;letter-spacing:-2px;margin:17px 0 15px}
.slide-content h2 i{color:var(--purple);font-weight:600}
.slide-content p{color:#615c6e;font-size:11px;line-height:1.5;max-width:190px}
.water-line{display:flex;gap:6px;margin-top:19px}
.water-line i{display:block;width:29px;height:7px;border-radius:50%;border-top:2px solid #6d5ee4}
.slide-bottom{font-weight:700}
.floating-card{position:absolute;background:#fff;border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:8px;box-shadow:0 14px 25px #2921471b}
.floating-card b,.floating-card small{display:block}
.floating-card b{font-size:10px}
.floating-card small{font-size:8px;color:#787282;margin-top:2px}
.card-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;font-size:13px}
.card-icon.purple{background:#ebe8ff;color:var(--purple)}
.card-icon.yellow{background:#fff0b5;color:#9a6e00}
.alignment-card{top:58px;right:0}
.ready-card{bottom:25px;left:18px}
.hero-spark{position:absolute;color:var(--purple);font-size:31px}
.spark-a{left:34px;top:32px}
.spark-b{right:16px;bottom:15px;color:#dd6654}
.tools-section{background:#f6f3ff;padding:99px 0 111px}
.section-heading.centered{text-align:center}
.overline{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#69637c;margin:0 0 13px}
.section-heading h2{font-size:42px;letter-spacing:-1.9px}
.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:54px}
.tool-card{border-radius:17px;overflow:hidden;background:#fff;min-height:474px}
.tool-visual{height:214px;position:relative;overflow:hidden}
.pink .tool-visual{background:var(--pink)}
.blue .tool-visual{background:var(--blue)}
.yellow .tool-visual{background:var(--yellow)}
.tool-copy{padding:24px 25px 21px}
.tool-copy p{font-size:9px;font-weight:800;letter-spacing:1px;color:#706b80;margin:0}
.tool-copy h3{font:700 25px/1.1 'Playfair Display',serif;letter-spacing:-.8px;margin:12px 0}
.tool-copy>span{color:#696674;font-size:12px;line-height:1.55;display:block;min-height:56px}
.arrow-link,.text-cta{border:0;background:transparent;padding:0;color:var(--ink);font:800 12px Manrope,sans-serif;text-decoration:none;cursor:pointer;display:inline-block;margin-top:20px}
.arrow-link b,.text-cta span{color:var(--purple);font-size:17px;margin-left:5px}
.tiny-page{position:absolute;width:170px;height:137px;top:42px;left:95px;border-radius:7px;background:#fffdf9;box-shadow:0 16px 25px #704f531f;padding:20px;transform:rotate(-5deg)}
.tiny-page span{height:7px;width:44px;background:#cd70a2;display:block;border-radius:2px}
.tiny-page b{font:700 21px 'Playfair Display',serif;display:block;margin:12px 0}
.tiny-page i,.tiny-sheet i{display:block;height:4px;background:#eae5df;border-radius:2px;margin:7px 0}
.tiny-page i:nth-of-type(1){width:81%}
.tiny-page i:nth-of-type(2){width:62%}
.tiny-dot{width:42px;height:42px;border-radius:50%;position:absolute}
.d1{background:#e77479;right:47px;top:31px}
.d2{background:#f6be55;left:45px;bottom:22px}
.unit-visual{background:linear-gradient(140deg,#9ab8f5,#d7e7ff)}
.unit-tab{position:absolute;width:87px;height:119px;border-radius:9px;bottom:23px;display:grid;place-items:center;font:700 25px 'Playfair Display';color:#fff}
.t1{left:63px;background:#6554ce;transform:rotate(-8deg)}
.t2{left:123px;background:#a17bdc;transform:rotate(4deg)}
.t3{left:190px;background:#75a8d7;transform:rotate(12deg)}
.unit-title{position:absolute;background:#fffdf9;border-radius:8px;padding:10px 11px;top:28px;right:20px;font:700 15px/1.05 'Playfair Display';transform:rotate(4deg);box-shadow:0 8px 19px #466da125}
.tiny-sheet{position:absolute;width:159px;height:145px;background:#fffdf9;border-radius:7px;top:34px;left:103px;padding:19px;box-shadow:0 16px 26px #836a1233;transform:rotate(5deg)}
.tiny-sheet small{font-size:8px;letter-spacing:.7px;color:#a07c00;font-weight:800}
.tiny-sheet b{font:700 18px 'Playfair Display';display:block;margin:10px 0}
.tiny-sheet i:nth-of-type(1){width:65%;background:#d8cc94}
.tiny-sheet i:nth-of-type(2){width:86%;background:#d8cc94}
.sheet-star{position:absolute;top:35px;left:53px;color:#df625f;font-size:32px}
.quote-strip{background:#16132a;color:white;padding:61px 0}
.quote-inner{display:flex;justify-content:space-between;align-items:center;gap:40px}
.quote-strip .overline{color:#c9c3e6}
.quote-strip h2{font:600 28px/1.17 'Playfair Display',serif;max-width:585px;margin:0;letter-spacing:-1px}
.quote-avatars{display:flex;align-items:center}
.avatar,.person-badge{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:2px solid #16132a;color:#fff;font-size:9px;font-weight:800;margin-left:-8px}
.a1{background:#d47e72}
.a2{background:#6b8cbe}
.a3{background:#8d74a7}
.quote-avatars p{font-size:11px;line-height:1.45;color:#c3bed2;margin:0 0 0 13px}
.quote-avatars b{color:white}
.testimonial-section{display:grid;grid-template-columns:1.25fr .75fr;gap:100px;padding-top:105px;padding-bottom:108px}
.testimonial-main{position:relative}
.quote-mark{font:700 83px/1 'Playfair Display';color:#d8d2f8;margin-bottom:-20px}
blockquote{font:600 29px/1.22 'Playfair Display';letter-spacing:-1px;margin:0;max-width:685px}
.quote-person{display:flex;align-items:center;margin-top:26px}
.person-badge{background:#e39478;border:0;margin:0 10px 0 0}
.quote-person p{margin:0;font-size:11px}
.quote-person b,.quote-person small{display:block}
.quote-person small{color:#817d89;margin-top:4px}
.stats-column{border-left:1px solid #e4e0e8;padding:12px 0 0 35px}
.stat{border-top:1px solid #e3dfe7;padding:17px 0}
.stat b{font:700 25px 'Playfair Display';display:block}
.stat span{font-size:11px;color:#777381;line-height:1.45;display:block;margin-top:5px}
.feature-band{padding:104px 0}
.personal{background:#fff1ef}
.curriculum-band{background:#eeecff}
.split-feature{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:center}
.feature-copy h2{font-size:46px;letter-spacing:-1.9px}
.feature-copy>p:not(.overline){font-size:14px;line-height:1.65;color:#65616e;max-width:440px;margin:22px 0 24px}
.feature-demo{position:relative}
.remix-demo{height:360px;background:#e3c4bc;border-radius:21px;padding:20px;box-shadow:inset 0 -26px #cda69b}
.remix-toolbar{height:35px;border-radius:7px;background:#fffdf9;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:10px}
.remix-page{position:absolute;background:#fffdf9;width:304px;height:289px;left:71px;top:57px;border-radius:7px;box-shadow:0 18px 26px #5e373434;padding:31px 31px;transform:rotate(3deg)}
.remix-page h3{font:700 28px/1 'Playfair Display';margin:15px 0}
.remix-page>p{color:#706976;font-size:11px;line-height:1.5;width:185px}
.answer-bars{margin-top:23px}
.answer-bars i{display:block;border-bottom:1px solid #d6cfd0;margin:10px 0;width:94%}
.answer-bars i:nth-child(2){width:74%}
.remix-bubble{position:absolute;right:-73px;bottom:27px;background:#fffdf9;padding:11px;border-radius:9px;display:flex;gap:7px;align-items:center;box-shadow:0 11px 22px #50332b25}
.remix-bubble span{background:#ebe5ff;color:#5a45c9;border-radius:6px;padding:6px}
.remix-bubble p{margin:0;font-size:9px}
.remix-bubble b,.remix-bubble small{display:block}
.remix-bubble small{color:#837d8a;margin-top:2px}
.framework-demo{background:#fffdf9;border-radius:18px;padding:20px;box-shadow:0 20px 35px #5a50a61a}
.framework-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #e5e1ef;padding-bottom:17px}
.curriculum-mark{width:35px;height:35px;border-radius:9px;background:#5c49c9;color:#fff;display:grid;place-items:center;font:700 20px 'Playfair Display'}
.framework-head b,.framework-head small{display:block;font-size:10px}
.framework-head small{color:#807a8e;margin-top:3px}
.check{margin-left:auto;color:#508d6b;background:#e2f1e6;border-radius:50%;padding:5px}
.framework-row{padding:17px 9px;border-bottom:1px solid #eeeaf0;display:grid;gap:5px}
.framework-row span{font-size:9px;color:#807b88}
.framework-row b{font-size:12px}
.framework-footer{background:#eaf4eb;color:#4b8061;padding:12px;border-radius:7px;font-size:10px;font-weight:800;margin-top:15px}
.final-cta{background:var(--purple);color:#fff;padding:95px 0}
.final-inner{display:flex;justify-content:space-between;align-items:center;gap:45px}
.final-cta .overline{color:#d7d0ff}
.final-cta h2{font-size:47px;letter-spacing:-1.8px}
.final-inner>div>p:last-child{max-width:460px;color:#e0dcf4;font-size:13px;line-height:1.6}
.final-create{background:white;padding:16px;border-radius:12px;min-width:390px;color:var(--ink)}
.final-create div{display:flex;gap:5px}
.final-create button{border:0;background:var(--ink);color:#fff;border-radius:8px;padding:10px 12px;font:700 12px Manrope;cursor:pointer}
.final-create small{font-size:9px;color:#88838f;display:block;margin-top:8px}
.footer{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:25px;color:#716d79;font-size:10px}
.footer p{font:600 13px 'Playfair Display';color:#4b4755}
.hidden{display:none!important}
.workspace{min-height:100vh;background:#fbfafc}
.workspace-header{height:68px;border-bottom:1px solid #eae7ef;background:#fffdf9;display:flex;align-items:center;justify-content:space-between;padding:0 35px}
.workspace-header .brand{border:0;background:none;cursor:pointer}
.workspace-right{display:flex;align-items:center;gap:13px}
.bell{border:0;background:transparent;font-size:20px;color:#5f5a6e}
.profile{border:0;background:#dd856f;color:#fff;width:30px;height:30px;border-radius:50%;font-weight:800}
.workspace-layout{display:grid;grid-template-columns:205px 1fr;max-width:1440px;margin:auto}
.workspace-nav{border-right:1px solid #eae7ef;min-height:calc(100vh - 68px);display:flex;flex-direction:column;padding:29px 16px;gap:4px}
.workspace-nav>div{flex:1}
.nav-item{border:0;background:transparent;padding:11px 13px;color:#625d70;text-align:left;border-radius:8px;font:600 12px Manrope;cursor:pointer;display:flex;gap:12px}
.nav-item.active{background:#eeeaff;color:var(--purple);font-weight:800}
.muted-nav{color:#898490}
.workspace-main{max-width:1030px;width:100%;padding:52px 55px 75px}
.workspace-welcome{display:flex;justify-content:space-between;align-items:end}
.workspace-welcome h1{font:700 38px/1.1 'Playfair Display';letter-spacing:-1.5px;margin:0}
.workspace-welcome h1 span{font:24px Manrope}
.workspace-welcome>div>p:last-child{color:#77727e;font-size:13px;margin:9px 0 0}
.workspace-label{display:flex;align-items:center;justify-content:space-between}
.workspace-label h2{font:700 24px 'Playfair Display';letter-spacing:-.8px;margin:0}
.workspace-label button{border:0;background:transparent;font:700 11px Manrope;color:#5d4ac1;cursor:pointer}
.continue-section{margin-top:48px}
.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:19px}
.recent-card{padding:21px;border-radius:12px;min-height:176px;position:relative;overflow:hidden}
.recent-card:after{content:"";position:absolute;width:88px;height:88px;border-radius:50%;right:-33px;bottom:-34px;opacity:.45}
.r-coral{background:#f8ddd9}
.r-coral:after{background:#e87d68}
.r-lilac{background:#e5e0ff}
.r-lilac:after{background:#927ce0}
.r-sand{background:#f6edc9}
.r-sand:after{background:#d9b854}
.recent-card>span{font-size:8px;font-weight:800;letter-spacing:1px;color:#716978}
.recent-card h3{font:700 20px/1.08 'Playfair Display';margin:11px 0 5px;max-width:170px}
.recent-card p{color:#6e6872;font-size:10px;margin:0}
.card-actions{position:absolute;bottom:16px;left:20px;right:18px;display:flex;justify-content:space-between;z-index:1}
.card-actions button{border:0;background:transparent;color:#282238;font:800 11px Manrope;cursor:pointer}
.ask-card{margin:48px 0;background:#f0eeff;border-radius:13px;padding:28px 31px;display:flex;align-items:center;gap:18px}
.ask-orb,.generate-orb{height:47px;width:47px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a79aff,#5d49ca 60%,#3c2c96);color:white;display:grid;place-items:center;font-size:20px;box-shadow:inset -6px -7px #3b2b8f}
.ask-card h2{font:700 25px 'Playfair Display';letter-spacing:-.8px;margin:0}
.ask-card p:not(.overline){font-size:11px;color:#716c79;margin:5px 0}
.ask-card .button{margin-left:auto}
.inspiration{margin-top:54px}
.idea-list{border:1px solid #ebe8ee;border-radius:12px;overflow:hidden;margin-top:17px}
.idea-list button{border:0;border-bottom:1px solid #ebe8ee;background:#fffdf9;width:100%;padding:13px 17px;display:flex;align-items:center;text-align:left;gap:11px;cursor:pointer}
.idea-list button:last-child{border-bottom:0}
.idea-list p{margin:0}
.idea-list b,.idea-list small{display:block}
.idea-list b{font-size:11px}
.idea-list small{font-size:10px;color:#77717d;margin-top:3px}
.idea-list i{margin-left:auto;color:#6450c5;font-size:17px;font-style:normal}
.idea-icon{height:30px;width:30px;border-radius:7px;display:grid;place-items:center;font-size:16px}
.i-pink{background:#f9ddd8;color:#ce7162}
.i-blue{background:#dcecff;color:#587ebd}
.modal{position:fixed;z-index:10;inset:0;background:#1712268a;display:grid;place-items:center;padding:18px}
.modal-card{position:relative;background:#fffdf9;border-radius:16px;box-shadow:0 28px 90px #120b2b63}
.close-modal{position:absolute;right:14px;top:11px;border:0;background:transparent;color:#797382;font-size:25px;cursor:pointer;z-index:2}
.generator-card{width:min(590px,100%);padding:39px}
.generator-head{display:flex;align-items:center;gap:12px;margin-bottom:25px}
.generator-head .generate-orb{height:37px;width:37px;font-size:16px}
.generator-head h2,.created-side h2{font:700 28px/1.05 'Playfair Display';letter-spacing:-1px;margin:0}
.generator-card form{display:grid;gap:14px}
.generator-card label{display:grid;gap:7px;color:#514c5d;font-size:11px;font-weight:800}
.generator-card textarea,.generator-card select{font:500 13px Manrope;border:1px solid #e1ddea;color:var(--ink);background:white;border-radius:8px;padding:11px;outline-color:#7663dd;width:100%}
.generator-card textarea{height:91px;resize:vertical}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.generator-card details{border:1px solid #e8e4ed;border-radius:8px;padding:11px}
.generator-card summary{font-size:11px;font-weight:800;color:#5c49c0;cursor:pointer}
.detail-grid{grid-template-columns:repeat(3,1fr);margin-top:12px}
.created-card{display:grid;grid-template-columns:1.1fr .9fr;width:min(850px,100%);overflow:hidden}
.created-preview{background:#eae7ff;padding:46px 43px;min-height:458px;position:relative}
.created-top{display:flex;justify-content:space-between;font-size:8px;font-weight:800;color:#655f79;letter-spacing:.8px;margin-bottom:76px}
.created-preview h2{font:700 42px/1 'Playfair Display';letter-spacing:-1.7px;margin:17px 0}
.created-preview p{max-width:270px;color:#59546a;font-size:12px;line-height:1.55}
.created-lines{display:flex;gap:8px;margin-top:36px}
.created-lines i{width:37px;height:7px;border-radius:50%;border-top:2px solid #6654cb}
.created-preview>small{position:absolute;bottom:38px;color:#6f6686;letter-spacing:.9px;font-size:8px;font-weight:800}
.created-side{padding:55px 34px 31px;background:#fffdf9}
.success-check{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e2f1e5;color:#518060;font-size:16px;font-weight:800}
.created-side .overline{margin-top:19px}
.created-side>p:not(.overline){font-size:12px;line-height:1.6;color:#716c78;margin:17px 0 23px}
.created-side .text-button{display:block;margin:10px auto 0}
.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translateX(-50%);background:#1b1830;color:white;border-radius:8px;padding:12px 17px;font-size:12px;box-shadow:0 8px 24px #0b071f42}
@media(max-width:820px){.nav-links{display:none}
.nav-actions{margin-left:auto}
.nav-actions .link-button{display:none}
.hero{grid-template-columns:1fr;gap:18px;padding-top:48px}
.hero h1{font-size:49px}
.hero-art{width:min(100%,510px);justify-self:center}
.tool-grid{grid-template-columns:1fr;max-width:430px;margin-left:auto;margin-right:auto}
.quote-inner,.final-inner{display:block}
.quote-avatars{margin-top:25px}
.testimonial-section,.split-feature{grid-template-columns:1fr;gap:44px}
.stats-column{border-left:0;border-top:1px solid #e4e0e8;padding:25px 0 0}
.reverse .framework-demo{order:2}
.final-create{margin-top:32px;min-width:0;width:100%}
.workspace-layout{display:block}
.workspace-nav{display:none}
.workspace-main{padding:35px 21px}
.workspace-welcome{align-items:start;gap:18px;flex-direction:column}
.recent-grid{overflow:auto;grid-template-columns:repeat(3,200px)}
.ask-card{align-items:flex-start;flex-wrap:wrap}
.ask-card .button{margin-left:65px}
.created-card{grid-template-columns:1fr}
.created-preview{min-height:330px;padding:35px}
.created-top{margin-bottom:44px}
.created-side{padding:35px}
.footer{flex-wrap:wrap;padding-top:27px;padding-bottom:27px}
.footer p{order:3;width:100%;margin:0}
.feature-copy h2,.final-cta h2{font-size:40px}
}
@media(max-width:480px){.nav-wrap{height:67px}
.nav{padding-left:18px;padding-right:18px}
.nav-actions .button{padding:10px 11px;font-size:11px}
.brand{font-size:18px}
.hero{padding-left:21px;padding-right:21px}
.hero h1{font-size:43px}
.hero-art{height:340px}
.blob-one{width:300px;height:300px;right:0}
.slide-preview{transform:scale(.79) rotate(-3deg);transform-origin:top left;left:26px}
.alignment-card{right:-6px;top:36px}
.ready-card{bottom:0;left:0}
.section-heading h2{font-size:35px}
.tools-section,.feature-band,.testimonial-section{padding-top:70px;padding-bottom:70px}
.quote-strip{padding:50px 0}
.quote-strip h2,blockquote{font-size:25px}
.feature-copy h2,.final-cta h2{font-size:35px}
.remix-demo{height:300px}
.remix-page{transform:scale(.75) rotate(3deg);transform-origin:top left;left:42px}
.remix-bubble{display:none}
.framework-demo{padding:14px}
.workspace-welcome h1{font-size:31px}
.ask-card .button{margin-left:0}
.form-grid{grid-template-columns:1fr}
.generator-card{padding:34px 23px}
.prompt-ideas button{font-size:8px}
.created-preview h2{font-size:35px}
}

.pricing-section{background:#fbfafc;padding:104px 0}
.pricing-intro{max-width:590px;margin:19px auto 0;color:#686372;font-size:13px;line-height:1.6}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;max-width:980px;margin:47px auto 0;align-items:stretch}
.price-card{position:relative;background:#fffdf9;border:1px solid #e6e1ec;border-radius:16px;padding:29px 27px;display:flex;flex-direction:column}
.price-card.featured{border:2px solid var(--purple);box-shadow:0 16px 33px #5542be1a}
.price-card.annual{background:#f1efff}
.price-badge{position:absolute;right:16px;top:16px;background:#e6e1ff;color:#4e3bb2;border-radius:99px;padding:5px 7px;font-size:8px;font-weight:800;letter-spacing:.6px}
.price-badge.save{background:#dff1e5;color:#3c7b55}
.plan-kicker{color:#6b63a7;font-size:9px;font-weight:800;letter-spacing:1.1px;margin:0 0 12px}
.price-card h3{font:700 26px/1.08 'Playfair Display';letter-spacing:-.8px;margin:0 0 18px}
.price{display:flex;align-items:baseline;gap:6px}.price b{font:700 44px/1 'Playfair Display';letter-spacing:-2px}.price span{color:#706b78;font-size:11px;font-weight:700}
.price-note{font-size:11px;color:#7d7784;margin:8px 0 21px}.price-card ul{list-style:none;border-top:1px solid #e6e1e9;padding:17px 0 12px;margin:0;flex:1}.price-card li{font-size:11px;line-height:1.5;color:#595463;padding:7px 0}.price-card li:before{content:'✓';color:#5542be;font-weight:800;margin-right:8px}.pricing-legal{text-align:center;color:#716b79;font-size:11px;line-height:1.5;max-width:690px;margin:25px auto 0}
.workspace-actions{display:flex;align-items:center;gap:13px}.quota-card{min-width:127px;background:#f0eeff;border-radius:9px;padding:8px 11px;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:7px}.quota-card span{grid-column:1/-1;font-size:8px;color:#6a61a5;letter-spacing:.8px;font-weight:800}.quota-card b{font-size:16px;margin-top:4px}.quota-card b i{font-style:normal}.quota-card small{font-size:8px;color:#716b7d;margin-top:4px}.generation-status{background:#f2efff;border-radius:7px;padding:9px 10px;color:#5b4bb0!important;font-weight:700;font-size:10px!important;margin:14px 0!important}.created-side .button+.button{margin-top:9px}.plan-modal-card{width:min(465px,100%);padding:42px 36px}.plan-modal-card h2{font:700 30px/1.05 'Playfair Display';letter-spacing:-1px;margin:0}.plan-modal-card>p:not(.overline){font-size:13px;line-height:1.55;color:#706a77;margin:14px 0 20px}.plan-choice{display:grid;gap:10px}.activate-plan{position:relative;text-align:left;border:1px solid #ddd8e5;border-radius:9px;background:white;padding:14px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:var(--ink);font-family:Manrope}.activate-plan:hover{border-color:#5c49c9}.activate-plan span b,.activate-plan span small{display:block}.activate-plan span b{font-size:12px}.activate-plan span small{font-size:9px;color:#716c7a;margin-top:3px}.activate-plan strong{font-size:13px}.activate-plan strong small{display:block;color:#77717d;font-size:8px;margin-top:2px}.annual-choice{background:#f3f1ff;border-color:#cdc5fa}.annual-choice em{position:absolute;right:13px;bottom:4px;color:#428058;font-size:8px;font-style:normal;font-weight:800}.plan-disclaimer{display:block;color:#817b88;font-size:9px;line-height:1.4;margin-top:18px}
@media(max-width:820px){.pricing-grid{grid-template-columns:1fr;max-width:410px}.workspace-actions{width:100%;justify-content:space-between}.plan-modal-card{padding:35px 24px}}
@media(max-width:480px){.pricing-section{padding:70px 0}.workspace-actions .button{font-size:11px;padding:11px}.quota-card{min-width:118px}.plan-modal-card h2{font-size:26px}}