:root{--ink:#172033;--muted:#687389;--bg:#f7f8fc;--line:#e3e7f0;--green:#5145d9;--soft:#eeecff;--gold:#c6f27b;--primary:#5145d9;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 Inter,"Segoe UI",system-ui,-apple-system,sans-serif}a{color:var(--primary)}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.65}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #8b80f7;outline-offset:4px}input:focus,select:focus{outline:3px solid #e2defe;border-color:var(--primary)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.honeypot{position:absolute;left:-9999px}.wordmark{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-1px;color:var(--ink);white-space:nowrap}.wordmark-light{font-weight:450;margin-left:-5px}.brand-icon{width:34px;height:34px;background:var(--primary);border-radius:10px;color:white;font-size:22px;display:inline-flex;align-items:center;justify-content:center;margin-right:4px;position:relative}.brand-icon span{position:absolute;right:-5px;top:-12px;color:var(--ink);font-size:18px}.site-header{max-width:1320px;min-height:100px;padding:20px 40px;margin:auto;display:flex;align-items:center;gap:45px}.site-header nav{display:flex;gap:30px;margin-left:35px}.site-header nav a,.login-link{font-size:13px;color:#525d73;text-decoration:none;font-weight:600}.nav-actions{display:flex;align-items:center;gap:23px;margin-left:auto}.language-label{margin:0;font-size:12px}.language-picker{width:auto;max-width:128px;margin:0;padding:7px 22px 7px 9px;border:1px solid var(--line);border-radius:8px;background:transparent;font-size:12px;color:var(--ink);cursor:pointer}.btn{display:inline-flex;justify-content:center;align-items:center;gap:15px;background:var(--primary);color:white;border:1px solid transparent;border-radius:10px;padding:16px 23px;font-weight:650;text-decoration:none;font-size:14px;line-height:1.4;box-shadow:0 5px 13px #5145d91c}.btn:hover:not(:disabled){background:#4034c4;transform:translateY(-1px)}.btn.small{padding:11px 15px;font-size:12px}.btn.outline{background:white;border-color:var(--line);color:var(--ink);box-shadow:none}.btn.light{background:#c6f27b;color:#202b1c;box-shadow:none}.text-link{color:var(--ink);font-size:13px;font-weight:650;text-decoration:none}.hero{max-width:1320px;margin:auto;padding:60px 40px 85px;display:grid;grid-template-columns:1.06fr 1fr;gap:60px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;padding:7px 11px;border:1px solid #dddff0;border-radius:30px;font-size:9px;letter-spacing:1.25px;font-weight:750;color:#59617b;background:white}.live-dot{width:6px;height:6px;border-radius:50%;background:#7160e8}.hero h1{font-size:clamp(44px,5.4vw,72px);line-height:1.05;letter-spacing:-3.6px;margin:26px 0}.hero h1 span{color:var(--primary)}.hero-lede{font-size:17px;color:#6a7286;line-height:1.8;max-width:465px;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hero-note{font-size:11px;color:#7c8395;margin:15px 0 30px}.hero-proof{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#626c80}.hero-art{min-height:572px;background:#eeedf7;border:1px solid #e3e0f1;border-radius:28px;position:relative;padding:45px;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:'';width:280px;height:280px;border:1px solid #d9d5f0;border-radius:50%;position:absolute;top:60px;right:-20px;z-index:-1}.hero-art:after{content:'✳';position:absolute;bottom:30px;left:25px;font-size:70px;line-height:1;color:#b6aef0;z-index:-1}.art-kicker{position:absolute;top:20px;font-size:8px;font-weight:700;letter-spacing:1.1px;color:#7e7897}.book-mock{width:282px;min-height:405px;padding:23px 22px 18px;background:#1b2540;color:#f4f4ef;box-shadow:16px 24px 35px #23244530,3px 0 #cad0d9,7px 0 #e3e4ec;border-radius:2px 7px 7px 2px;transform:rotate(-7deg);position:relative;border-left:9px solid #141d33}.book-spine{height:100%;position:absolute;left:0;top:0;border-left:2px solid #ffffff10}.mock-top{display:flex;justify-content:space-between;gap:5px;font-size:6px;letter-spacing:.5px;color:#adb8cb;border-bottom:1px solid #65718c;padding-bottom:10px}.book-mock h2{font-size:40px;line-height:1.1;letter-spacing:-1.8px;margin:21px 0 12px}.book-mock em{font-style:normal;color:#c6f27b}.mock-sub{font-size:6px;letter-spacing:1.4px;color:#a8b4c8}.hero-grid{width:202px;aspect-ratio:1;display:grid;grid-template-columns:repeat(9,1fr);background:#fffdf5;border:2px solid #354262;color:#283651;margin:19px auto 14px}.hero-grid span{display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1;aspect-ratio:1;border-right:.5px solid #b7bdc6;border-bottom:.5px solid #b7bdc6}.hero-grid span:nth-child(3n){border-right:1.7px solid #354262}.hero-grid span:nth-child(9n){border-right:0}.hero-grid span:nth-child(n+19):nth-child(-n+27),.hero-grid span:nth-child(n+46):nth-child(-n+54){border-bottom:1.7px solid #354262}.hero-grid span:nth-child(n+73){border-bottom:0}.mock-bottom{display:flex;align-items:center;gap:9px;color:#c6f27b}.mock-bottom b{font-size:28px;line-height:1}.mock-bottom span{font-size:6px;letter-spacing:.6px;line-height:1.6}.mock-bottom .mock-star{margin-left:auto;font-size:27px}.floating-note{position:absolute;bottom:64px;right:17px;display:flex;gap:11px;align-items:center;background:white;border:1px solid #e7e6f0;box-shadow:0 10px 30px #29374d15;border-radius:13px;padding:14px 19px;transform:rotate(2deg)}.floating-note b{display:block;font-size:11px}.floating-note small{display:block;font-size:9px;color:var(--muted)}.check-circle{width:28px;height:28px;border-radius:50%;background:#e6f5d9;color:#537331;text-align:center;line-height:28px}.art-caption{position:absolute;bottom:18px;font-size:9px;color:#817d96}.feature-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:1240px;margin:auto;padding:25px 0;display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font-size:12px;font-weight:600;color:#72798c}.feature-strip span+span{border-left:1px solid var(--line)}.section-block{max-width:1320px;margin:auto;padding:85px 40px}.eyebrow{color:var(--primary);font-weight:750;font-size:9px;letter-spacing:1.7px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:60px;margin-bottom:35px}.section-heading h2,.section-block h2{font-size:40px;line-height:1.15;letter-spacing:-1.5px;margin:14px 0 15px}.section-heading p{max-width:390px;color:var(--muted);font-size:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{background:white;border:1px solid var(--line);border-radius:18px;padding:26px}.feature-grid h3{font-size:19px;letter-spacing:-.5px;line-height:1.3;margin-top:25px}.feature-grid p{color:var(--muted);font-size:13px;line-height:1.8}.feature-symbol{display:flex;align-items:center;justify-content:space-between;color:#8b8ca5;font-size:10px}.feature-symbol span{font-size:30px;line-height:1;color:var(--primary)}.level-chips{display:flex;gap:5px;flex-wrap:wrap;margin-top:25px}.level-chips span,.file-tag{font-size:9px;border:1px solid #e3e1f4;border-radius:5px;background:#f7f6fd;padding:5px 7px;color:#6e63ac}.colour-dots{display:flex;gap:6px;margin:29px 0 6px}.colour-dots i{height:21px;width:21px;background:#283653;border:3px solid white;box-shadow:0 0 0 1px #e4e7ec;border-radius:50%}.colour-dots i:nth-child(2){background:#8e719e}.colour-dots i:nth-child(3){background:#c6f27b}.colour-dots i:nth-child(4){background:#e5a075}.colour-dots i:nth-child(5){background:#6c95a9}.file-tag{display:inline-block;margin-top:12px;font-weight:650}.workflow{display:grid;grid-template-columns:1fr 1fr;gap:90px;border-top:1px solid var(--line)}.workflow ol{list-style:none;margin:0;padding:0;counter-reset:step}.workflow li{counter-increment:step;position:relative;padding:0 0 24px 53px}.workflow li:before{content:'0' counter(step);position:absolute;left:0;top:1px;background:#ebe8fc;color:var(--primary);width:32px;height:32px;text-align:center;line-height:32px;border-radius:9px;font-size:11px;font-weight:750}.workflow li p{font-size:13px;color:var(--muted);max-width:400px;margin:7px 0}.center-heading{text-align:center;max-width:680px;margin:0 auto 40px}.center-heading p{font-size:14px;color:var(--muted)}.pricing-section{background:#eeedf780;border-radius:30px}.plans{max-width:850px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:22px}.plan{background:white;border:1px solid var(--line);border-radius:19px;padding:32px;position:relative}.plan h3{font-size:23px;margin:13px 0}.plan p{font-size:13px;color:var(--muted)}.price{font-size:43px;letter-spacing:-2px;font-weight:750;line-height:1.2}.price small{font-size:12px;color:var(--muted);letter-spacing:0;font-weight:450}.plan ul{list-style:none;padding:0;margin:25px 0;font-size:12px;line-height:2.6}.plan li:before{content:'✓';color:var(--primary);margin-right:10px}.plan .btn{width:100%}.plan>small{display:block;font-size:10px;color:var(--muted);margin-top:13px}.plan.featured{border:1.5px solid var(--primary)}.plan-tag{font-size:8px;font-weight:750;letter-spacing:1px;background:var(--primary);color:white;border-radius:7px;padding:5px 10px;position:absolute;right:22px;top:-12px}.faq{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.faq details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:14px;font-weight:650}.faq details p{color:var(--muted);font-size:13px}.closing{background:#1b2540;max-width:1240px;margin:0 auto 65px;border-radius:24px;text-align:center;padding:60px 25px}.closing .eyebrow{color:#b6b0ed}.closing h2{font-size:48px;letter-spacing:-1.8px;color:white;margin:12px 0 27px}.site-footer{max-width:1320px;padding:30px 40px 35px;margin:auto;display:flex;align-items:center;flex-wrap:wrap;gap:25px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:18px}.site-footer p{font-size:11px;color:var(--muted)}.site-footer nav{margin-left:auto;display:flex;gap:24px;font-size:11px}.site-footer nav a{color:var(--muted);text-decoration:none}.site-footer small{width:100%;font-size:10px;color:#8a91a0}.auth-layout{max-width:1100px;margin:30px auto 75px;padding:20px 40px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.auth-story h1{font-size:45px;line-height:1.13;letter-spacing:-1.8px}.auth-story p{font-size:14px;color:var(--muted)}.auth-story .hero-grid{margin:30px 0;transform:rotate(-4deg);box-shadow:8px 12px 30px #192c4d15}.auth-card{padding:35px;background:white;border:1px solid var(--line);border-radius:22px}.auth-card h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:12px 0}.auth-card p{font-size:12px;color:var(--muted)}.auth-card label{display:block;font-size:12px;font-weight:600;margin:17px 0 6px}.auth-card input{display:block;width:100%;padding:12px;border:1px solid #dce0eb;border-radius:8px;margin-top:6px;background:#fdfdff;color:var(--ink)}.auth-card small{font-size:10px;color:var(--muted);display:block}.auth-card .btn{width:100%;margin:10px 0}.auth-card .form-error{color:#ab333d}.info-main{max-width:1080px;margin:20px auto 65px;padding:40px}.info-main h1{font-size:45px;line-height:1.15;letter-spacing:-1.8px}.legal{max-width:820px;background:white;border:1px solid var(--line);border-radius:20px}.legal p{color:var(--muted);font-size:14px}.legal h2{font-size:21px;margin-top:30px}.workspace-nav{padding:13px 28px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;justify-content:space-between;position:relative;z-index:2}.workspace-nav>div{display:flex;align-items:center;gap:16px}.workspace-nav .wordmark{font-size:19px}.usage-badge{background:#eeecff;color:#5a4eb1;font-size:11px;padding:5px 10px;border-radius:6px}.studio-site .shell{grid-template-columns:205px 1fr}.studio-site .sidebar{background:#1b2540;border-right:1px solid #29334c;top:0}.studio-site .sideitem{background:#ffffff12;border-left:2px solid #b6a9ff;color:#e7e3ff}.studio-site .brand span{background:#c6f27b}.studio-site .local,.studio-site .sidebar p,.studio-site .sidefoot{color:#a9b2c6}.studio-site .stats{border-color:#3a435a}.studio-site .stat{color:#b5bed1}.studio-site main{max-width:1510px;padding-top:35px}.studio-site h1{font-size:33px;letter-spacing:-1.1px}.studio-site .card{border-color:#e2e6ef;border-radius:17px;box-shadow:0 4px 20px #16274703}.studio-site .tabs{background:#fafbff;gap:23px}.studio-site .tab{padding:19px 0 16px}.studio-site .preset{border-radius:11px;padding:15px;background:#fff}.studio-site .preset.active{background:#f1efff}.studio-site .presets{gap:10px}.studio-site .chip{background:#eeecff;border-color:#ddd7fb;color:#6b5eb4}.studio-site input,.studio-site select{padding:11px 12px;border-color:#dce1ed;border-radius:8px}.studio-site .section{letter-spacing:1.5px;color:#8b92a4}.studio-site .mix{background:#f5f4fb}.studio-site .bottom{background:#fafaff}.studio-site .primary{padding:15px 20px;border-radius:10px}.studio-site .secondary{border-radius:8px;color:#5a4db1}.studio-site .previewbox{background:#f3f2fa;border:1px solid #e8e4f5;min-height:270px}.studio-site .previewbox iframe{background:#f3f2fa}.studio-site .previewhint{max-width:260px;line-height:1.9}.studio-site .summary{padding:24px}.studio-site .notice{background:#f7f6fd;border-color:#e3def6;color:#726795}.studio-site .bookrow{padding:20px;border-radius:12px}.studio-site .downloads a{border-color:#ddd7f4}.studio-site .progresscard,.studio-site .result{padding:26px}.studio-site .track{background:#eeeaf9}.studio-site .calculator svg{background:#f8f8fc}.studio-site .error{color:#9b3441;background:#fff2f4;border-color:#f3cbd2}.upgrade-dialog{width:min(500px,calc(100vw - 32px));padding:38px;border:1px solid var(--line);border-radius:22px;color:var(--ink);box-shadow:0 30px 100px #17203330}.upgrade-dialog::backdrop{background:#17203370;backdrop-filter:blur(4px)}.upgrade-dialog h2{font-size:28px;line-height:1.15;letter-spacing:-.6px}.upgrade-dialog p{font-size:13px;color:var(--muted)}.upgrade-dialog .notice{padding:12px;background:#f2efff;border-radius:8px}.dialog-close{float:right;border:0;background:none;font-size:28px;color:#9298a5}.studio-site .mini{border-radius:6px}.studio-site .designcard{padding:11px;border-radius:11px}
@media(min-width:1450px){.hero{padding-top:80px;padding-bottom:100px}}
@media(max-width:1100px){.site-header{gap:20px}.site-header nav{margin-left:0;gap:20px}.nav-actions{gap:14px}.hero{gap:30px;padding:35px 30px 55px}.hero-art{padding:35px 20px;min-height:540px}.hero h1{font-size:55px;letter-spacing:-2.6px}.hero-lede{font-size:15px}.hero-actions{gap:15px}.hero-actions .btn{font-size:12px}.studio-site .shell{grid-template-columns:175px 1fr}.studio-site .sidebar{padding:25px 18px}.section-block{padding:65px 30px}.auth-layout{gap:45px}.feature-grid article{padding:22px}.site-header{padding:20px 30px}.feature-strip{margin:0 30px}.closing{margin:0 30px 50px}.workspace-nav{padding:12px 20px}.usage-badge{font-size:10px}}
@media(max-width:800px){.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:35px;padding:35px 25px 45px}.hero-copy{max-width:600px}.hero h1{font-size:59px}.hero-lede{max-width:530px}.hero-art{max-width:560px;width:100%;justify-self:center}.hero-proof{margin-bottom:0}.feature-grid{grid-template-columns:1fr}.feature-grid article{display:block}.section-heading{display:block}.section-heading p{max-width:550px}.workflow{gap:35px}.faq{grid-template-columns:1fr;gap:10px}.plans{gap:16px}.plan{padding:25px}.feature-strip{grid-template-columns:1fr 1fr;gap:20px}.feature-strip span:nth-child(3){border-left:0}.site-footer p{display:none}.studio-site .shell{grid-template-columns:1fr}.studio-site .sidebar{position:static;height:auto;padding:14px 22px}.studio-site .brand{font-size:18px}.studio-site .brand br{display:none}.studio-site .local,.studio-site .sideitem,.studio-site .sidebar p,.studio-site .stats,.studio-site .sidefoot{display:none}.studio-site .workspace{grid-template-columns:1fr}.studio-site .summary{position:static}.studio-site main{padding:25px 20px}.workspace-nav .usage-badge{max-width:150px}.workspace-nav .text-link{display:none}.auth-layout{gap:30px;padding:15px 25px;grid-template-columns:.8fr 1fr}.auth-story h1{font-size:37px}.auth-card{padding:27px}.studio-site .designs{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.site-header{padding:17px 18px;min-height:75px;gap:8px;flex-wrap:wrap}.site-header .wordmark{font-size:19px}.brand-icon{width:28px;height:28px;font-size:19px}.nav-actions{gap:10px}.nav-actions .login-link{display:none}.site-header .btn.small{font-size:10px;padding:9px}.language-picker{font-size:10px;max-width:108px;padding:7px 5px}.hero{padding:25px 20px 40px}.hero h1{font-size:48px;letter-spacing:-2.6px;margin:22px 0}.hero-lede{font-size:15px}.pill{font-size:7px}.hero-art{min-height:500px;border-radius:20px}.book-mock{width:255px;min-height:380px;padding:21px 17px}.book-mock h2{font-size:36px}.book-mock .hero-grid{width:186px}.floating-note{right:8px;bottom:45px;padding:11px 13px}.hero-proof{gap:12px;font-size:9px}.hero-actions{gap:16px}.hero-actions .btn{padding:15px}.hero-actions .text-link{font-size:12px}.art-kicker{font-size:6px}.feature-strip{margin:0 20px;font-size:10px;gap:18px}.section-block{padding:50px 20px}.section-block h2{font-size:32px}.section-heading{margin-bottom:25px}.workflow{grid-template-columns:1fr;gap:25px}.workflow li{padding-left:45px}.plans{grid-template-columns:1fr;gap:25px}.pricing-section{border-radius:0}.faq{gap:12px}.closing{margin:0 15px 35px;padding:45px 20px}.closing h2{font-size:38px}.closing .eyebrow{font-size:7px}.site-footer{padding:25px 20px;gap:15px}.site-footer nav{gap:15px}.site-footer small{font-size:9px}.site-footer .wordmark{font-size:15px}.auth-layout{display:block;padding:10px 20px;margin:10px auto 40px}.auth-story{display:none}.auth-card{padding:28px}.info-main{padding:25px 20px;margin:15px 15px 40px}.info-main h1{font-size:35px}.workspace-nav{padding:10px 15px;align-items:flex-start;gap:10px;flex-wrap:wrap}.workspace-nav .wordmark{font-size:17px}.workspace-nav>div{gap:8px;flex-wrap:wrap;justify-content:flex-end}.workspace-nav .usage-badge{font-size:9px;max-width:none}.workspace-nav .secondary{font-size:10px;padding:7px}.studio-site main{padding:24px 15px}.studio-site h1{font-size:28px}.studio-site .tabs{gap:17px;padding:0 18px}.studio-site .tab{font-size:10px}.studio-site .panel{padding:20px}.studio-site .row,.studio-site .row.three{grid-template-columns:1fr}.studio-site .presets{grid-template-columns:1fr 1fr}.studio-site .summary .metrics{display:block}.studio-site .bookrow{align-items:flex-start;padding:16px}.studio-site .bookactions{align-items:end;flex-direction:column}.upgrade-dialog{padding:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.sponsor-slot{max-width:1000px;margin:25px auto 55px;padding:22px 30px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.sponsor-slot p{margin:0;font-size:14px}.sponsor-slot a{margin-left:auto;font-size:12px;font-weight:650;text-decoration:none}

.google-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;background:#fff;color:#1f1f1f;border:1px solid #747775;border-radius:8px;min-height:44px;padding:10px 16px;font-size:14px;font-weight:550;cursor:pointer}.google-button:hover{background:#f4f5f8}.google-auth{margin:25px 0 5px}.auth-divider{text-align:center;position:relative;color:#8a91a0;font-size:11px;margin:22px 0 5px}.google-auth .tiny{font-size:10px;text-align:center;margin:10px 0}

.google-mark{display:block;flex:none}

.legal{max-width:900px;line-height:1.75;overflow-wrap:anywhere}.legal h1{font-size:clamp(28px,5vw,44px);line-height:1.2}.legal h2{margin-top:2rem;font-size:24px}.legal nav{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:28px}.legal-table{overflow-x:auto}.legal table{border-collapse:collapse;width:100%;font-size:14px}.legal th,.legal td{text-align:left;vertical-align:top;padding:12px;border:1px solid #e2e6f0}.legal blockquote{border-left:3px solid #5b43e5;padding-left:18px;margin-left:0}@media print{.site-header,.site-footer,.legal nav,.sponsor-slot{display:none}.legal{max-width:none;margin:0;padding:0;color:#000}.legal a{color:inherit}}
/* Flexible tracks prevent translated labels from widening the page. */
html,body{max-width:100%}img,svg,iframe{max-width:100%}.site-header>* ,.nav-actions,.auth-layout>*,.hero>*,.plans>*,.feature-grid>*,.workspace-nav>*,.studio-site .shell>*,.studio-site .workspace>*,.studio-site .row>*,.studio-site .checksgrid>*{min-width:0}.nav-actions,.workspace-nav>div{flex-wrap:wrap}.site-header,.workspace-nav{row-gap:12px}.btn,.secondary,.primary,.tab,.google-button{white-space:normal;overflow-wrap:anywhere}.studio-site input,.studio-site select,.auth-card input{max-width:100%;min-width:0}.studio-site .bookrow>div{min-width:0}.studio-site .bookrow strong{overflow-wrap:anywhere}.studio-site .tabs{overflow-x:auto;overscroll-behavior-inline:contain}.studio-site .tab{flex-shrink:0}.auth-card .remember-me{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:400;margin:18px 0}.auth-card .remember-me input{display:inline-block;flex:0 0 18px;width:18px;height:18px;margin:0;accent-color:var(--primary)}.auth-card .remember-me span{min-width:0}.site-footer nav{flex-wrap:wrap}.studio-site .weights>*{min-width:0}.studio-site .weights input{width:100%}.studio-site .calctable{table-layout:fixed;width:100%}.studio-site .calctable td{overflow-wrap:anywhere}.studio-site .downloads a{overflow-wrap:anywhere}.language-label{min-width:0}
@media(max-width:1024px){.auth-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.workspace-nav{align-items:center;flex-wrap:wrap}.workspace-nav>div{gap:10px}.site-header{flex-wrap:wrap}.nav-actions{margin-left:auto}.studio-site .toolbar{flex-wrap:wrap}}
@media(max-width:700px){.site-header .login-link{display:inline-block;font-size:12px}.workspace-nav{align-items:flex-start}.workspace-nav>div{justify-content:flex-start;width:100%}.workspace-nav button,.studio-site .bookactions button,.studio-site .bookactions a{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.studio-site .checksgrid{grid-template-columns:1fr}.studio-site .bookrow{flex-direction:column;align-items:stretch}.studio-site .bookactions{flex-direction:row;justify-content:flex-start;align-items:center}.studio-site .tabs{gap:20px}.auth-layout{display:block}.auth-story{display:none}.studio-site input,.studio-site select,.auth-card input,.language-picker{font-size:16px}.language-picker{max-width:150px}.studio-site .panel{padding:18px}.studio-site .toolbar>button{flex:1 1 160px}.studio-site .bottom p{overflow-wrap:anywhere}.site-footer nav{width:100%;margin-left:0;gap:18px}.site-footer nav a{padding:6px 0}.auth-card{padding:24px}.hero-actions{flex-wrap:wrap}}
@media(max-width:400px){.site-header{padding:16px}.nav-actions{width:100%;justify-content:space-between;margin-left:0}.hero h1{font-size:42px}.book-mock{width:min(255px,100%)}.book-mock .hero-grid{width:min(186px,100%)}.hero-art{padding:30px 16px;min-height:480px}.floating-note{left:8px;right:8px;bottom:28px}.studio-site .presets{grid-template-columns:1fr}.info-main{margin-left:10px;margin-right:10px;padding:22px 16px}.auth-layout{padding:10px 12px}.auth-card{padding:22px 18px}.language-picker{max-width:135px}.studio-site .progresshead{flex-wrap:wrap}}
/* Keep translated captions outside the rotated book illustration. */
.hero-art{min-height:0;display:flex;flex-direction:column;gap:28px;padding:30px 28px 26px;overflow:hidden}.art-kicker{position:static;max-width:100%;text-align:center;line-height:1.7;margin:0 0 12px}.book-mock{flex:none;margin:12px 20px 24px;transform:rotate(-5deg)}.floating-note{position:static;max-width:100%;width:fit-content;transform:none;margin:12px 0 0;align-self:center}.floating-note>div{min-width:0}.floating-note b,.floating-note small{overflow-wrap:anywhere}.art-caption{position:static;text-align:center;margin:0;line-height:1.7;max-width:100%}.hero-art:after{content:none}.mock-bottom .mock-star{font-size:0;width:22px;height:22px;flex:none;background:#c6f27b;clip-path:polygon(42% 0,58% 0,58% 30%,80% 8%,92% 20%,70% 42%,100% 42%,100% 58%,70% 58%,92% 80%,80% 92%,58% 70%,58% 100%,42% 100%,42% 70%,20% 92%,8% 80%,30% 58%,0 58%,0 42%,30% 42%,8% 20%,20% 8%,42% 30%)}
@media(max-width:700px){.site-header{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:18px;padding:18px 20px 20px}.site-header>.wordmark{align-self:flex-start;font-size:19px;min-height:40px;max-width:calc(100% - 130px)}.site-header .brand-icon{width:28px;height:28px;flex:none}.site-header>.nav-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);gap:12px;width:100%;margin:0}.site-header .language-label{position:absolute;right:20px;top:18px;width:122px}.site-header .language-picker{width:100%;max-width:none;min-height:40px;font-size:13px;padding:8px 22px 8px 10px;border-radius:10px;background:#fff}.site-header .login-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:10px 12px;background:#fff;border:1px solid var(--line);border-radius:10px;font-size:13px;font-weight:650;text-decoration:none;color:var(--ink)}.site-header .btn.small{width:100%;min-height:46px;display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;font-size:12px;line-height:1.4}.hero-art{padding:28px 22px 24px;gap:22px;min-height:0}.art-kicker{font-size:8px;letter-spacing:1px;line-height:1.8;margin-bottom:12px}.book-mock{max-width:calc(100% - 24px);margin:8px 12px 24px}.floating-note{width:100%;margin-top:8px;padding:14px;gap:10px}.floating-note b{font-size:12px;line-height:1.5}.floating-note small{font-size:10px;line-height:1.6}.art-caption{font-size:10px}.hero{gap:30px}.info-main .auth-card h1{font-size:clamp(26px,7vw,36px);line-height:1.3;letter-spacing:-.8px}}
@media(max-width:360px){.site-header{padding-left:16px;padding-right:16px}.site-header>.wordmark{font-size:16px;letter-spacing:-.8px;gap:5px;max-width:calc(100% - 118px)}.site-header .language-label{right:16px;width:112px}.site-header .language-picker{font-size:12px}.site-header .btn.small{font-size:11px}.hero-art{padding:24px 16px}}

.cf-turnstile{margin:18px 0;max-width:100%;overflow:hidden}

/* Keep plan limits next to the puzzle count on every screen size. */
.count-limit{display:block;margin-top:9px;padding:10px 12px;border-radius:10px;background:#f0edff;color:#372b85;font-size:13px;line-height:1.5;font-weight:650;overflow-wrap:anywhere}
.count-limit a{display:block;margin-top:5px;color:inherit;text-decoration:underline;text-underline-offset:3px}
.count-error{display:block;margin-top:8px;color:#a52236;font-size:13px;line-height:1.5;font-weight:650}
.count-error[hidden]{display:none}
#count[aria-invalid="true"]{border:2px solid #b3263e;background:#fff5f6;box-shadow:0 0 0 3px #b3263e14}

.display-ad{max-width:1100px;margin:24px auto 40px;padding:20px 24px;border:1px solid var(--line,#e4e3ed);border-radius:16px;min-width:0;overflow:hidden}
.display-ad[hidden]{display:none}.ad-label{display:block;color:#75778a;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px}
.workspace-privacy{text-align:center;padding:20px;font-size:13px}.workspace-privacy a{color:inherit}
.privacy-info{width:min(520px,calc(100% - 32px));border:1px solid #e4e3ed;border-radius:20px;padding:28px;color:#192033;background:#fff}.privacy-info::backdrop{background:#17162c66}.privacy-info p{font-size:15px;line-height:1.65}.privacy-info button{margin-top:16px}
@media(max-width:700px){.display-ad{margin:16px;padding:16px}}

.privacy-status{max-width:1000px;margin:24px auto;padding:18px;line-height:1.6}

/* Public beta and private research */
.beta-panel{margin:24px auto;padding:24px;border:1px solid #dedbee;border-radius:20px;background:#fff;max-width:1200px}.beta-panel progress,.beta-panel meter{width:100%;accent-color:#5140d9}.survey-form{display:grid;gap:22px;margin:28px 0}.survey-form label{display:grid;gap:10px;font-weight:600}.survey-form select,.survey-form textarea{width:100%;min-width:0;padding:13px;border:1px solid #dedbee;border-radius:10px;font:inherit;background:#fff}.survey-form textarea{resize:vertical}.feedback-comment{white-space:pre-wrap;overflow-wrap:anywhere}.info-main form label{display:grid;gap:8px;margin:12px 0}@media(max-width:600px){.beta-panel{margin:16px 12px;padding:18px}.survey-form{gap:18px}.info-main{padding-inline:20px}}

/* First-party, optional analytics: equal consent choices; no overlay on use. */
.analytics-banner,.analytics-dialog{font:14px/1.6 system-ui,sans-serif;color:#252c44;background:#fff;border:1px solid #dedbee;border-radius:16px;padding:22px;box-shadow:0 10px 45px #25213b22;max-width:600px}.analytics-banner{position:fixed;bottom:20px;right:20px;z-index:20;width:calc(100% - 40px)}.analytics-banner h2,.analytics-dialog h2{font-size:18px;letter-spacing:-.02em;margin:0 0 10px}.analytics-banner p,.analytics-dialog p{font-size:13px;margin:8px 0;color:#6b7287}.analytics-banner>div,.analytics-dialog>div{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.analytics-choice{border:1px solid #5942db;background:#fff;color:#5942db;border-radius:9px;padding:11px 15px;font:600 12px system-ui;cursor:pointer;flex:1;min-width:145px}.analytics-choice:hover{background:#f0ecff}.analytics-choice:disabled{opacity:.5;cursor:default}.analytics-later{border:0;background:none;color:#68718a;font:12px system-ui;cursor:pointer;padding:10px}.analytics-dialog{width:calc(100% - 32px);margin:auto}.analytics-dialog::backdrop{background:#20243c66}.analytics-banner a,.analytics-dialog a{font-size:12px;color:#5942db}.workspace-privacy [data-analytics-settings]{margin-left:18px}@media(max-width:600px){.analytics-banner{right:12px;bottom:12px;width:calc(100% - 24px);padding:17px}.analytics-banner h2{font-size:16px}.analytics-choice{min-width:120px}.analytics-banner>div{gap:8px}.analytics-banner p{font-size:12px}}

/* Branded secondary action on the six-digit email verification screen. */
.auth-card .btn.outline.resend-code-button{background:#f7f5ff;border:1px solid #dcd5f4;color:#5745b1;box-shadow:none}
.auth-card .btn.outline.resend-code-button:hover:not(:disabled){background:#eeebff;border-color:#b8adeb;color:#49379c;transform:translateY(-1px)}
@media(prefers-reduced-motion:reduce){.auth-card .btn.outline.resend-code-button:hover:not(:disabled){transform:none}}