:root{--ink:#162340;--muted:#5f6e86;--accent:#6c60e9;--accent-dark:#5549d0;--bg:#f5f7fc;--panel:#fff;--border:#e1e6f0;--navy:#0c1530;--radius:19px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8f83ff;outline-offset:2px}.topbar{height:78px;max-width:1230px;margin:auto;padding:0 26px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:18px;font-weight:650;display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.brand b{color:var(--accent)}.brand-icon{width:37px;height:37px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#9b8efe,#5045bd);border-radius:12px;font-size:25px}.topbar nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:570}.topbar nav>a:not(.pill):hover,.text-button:hover{color:var(--accent-dark)}.pill{background:var(--accent);color:white;border:1px solid var(--accent);border-radius:100px;padding:14px 22px;font-weight:690;display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:46px;box-shadow:0 7px 20px #6c60e927;transition:.2s}.pill:hover{background:var(--accent-dark);transform:translateY(-1px)}.pill.small{padding:10px 17px;min-height:38px}.pill:disabled{opacity:.6;cursor:not-allowed}.outline{border:1px solid #bfc6da;border-radius:100px;padding:13px 19px;font-weight:650;display:inline-flex;justify-content:center;align-items:center;background:white}.outline:hover{border-color:var(--accent);color:var(--accent)}.full{width:100%}.hero{background:var(--navy);color:white;min-height:505px;display:grid;grid-template-columns:1fr .85fr;gap:20px;overflow:hidden;position:relative}.hero-content{padding:88px 0 76px max(6vw,calc((100vw - 1160px)/2));max-width:770px;z-index:1}.eyebrow{letter-spacing:2px;color:#b4aaff;font-size:11px;font-weight:820;text-transform:uppercase}.eyebrow.dark{color:#7567dd}.hero h1{font-size:clamp(44px,5.1vw,76px);letter-spacing:-3px;line-height:1.08;margin:20px 0 25px}.hero h1 em{font-style:normal;color:#aaa1ff}.hero p{line-height:1.77;max-width:530px;color:#c9cce1;font-size:16px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 20px}.hero .outline{background:transparent;color:#fff;border-color:#616988}.hero-note{font-size:12px!important;color:#afb5d5!important}.hero-art{display:grid;place-items:center;position:relative}.orb{width:300px;height:300px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 40% 30%,#8f88ef,#5748b1 46%,#27265d 70%);box-shadow:0 0 0 28px #ffffff05,0 0 0 75px #ffffff04,0 0 95px #8d80fa55}.sound-bars{height:120px;display:flex;align-items:center;gap:7px}.sound-bars i{width:7px;background:#fff;border-radius:7px;height:35px;opacity:.94}.sound-bars i:nth-child(3n){height:89px}.sound-bars i:nth-child(4n){height:105px}.sound-bars i:nth-child(5n){height:62px}.floating-chip{position:absolute;white-space:nowrap;padding:11px 17px;border-radius:12px;background:#ffffff16;color:white;border:1px solid #ffffff35;backdrop-filter:blur(8px);font-size:12px;font-weight:700}.floating-chip.left{top:24%;left:5%}.floating-chip.right{bottom:25%;right:6%}.section{max-width:1150px;margin:0 auto;padding:83px 25px}.section-head{text-align:center;margin-bottom:40px}.section-head.left{text-align:left}.section-head h2,.section-head h1{font-size:clamp(27px,3.2vw,42px);letter-spacing:-1.3px;margin:11px 0}.section-head p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.feature,.plan,.config-card,.editor-card,.admin-table-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 25px #14234908}.feature{padding:29px 25px;min-height:246px}.feature-symbol{width:43px;height:43px;background:#f0edff;color:var(--accent);font-weight:700;font-size:27px;display:grid;place-items:center;border-radius:13px}.feature h3{margin:23px 0 11px;font-size:17px}.feature p,.plan p{line-height:1.7;font-size:14px;color:var(--muted)}.plan-section{padding-top:52px}.plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:860px;margin:auto}.plan{padding:31px}.plan-tag{display:inline-block;border-radius:40px;background:#eeeaff;padding:8px 12px;font-size:11px;color:#564bd5;font-weight:770}.plan h3{font-size:25px;margin:21px 0 5px}.plan .price{color:var(--ink);font-size:23px;font-weight:750;margin:8px 0}.plan ul{list-style:none;padding:7px 0 16px}.plan li{padding:8px 0 8px 25px;position:relative;color:#455572;font-size:14px}.plan li:before{content:'✓';position:absolute;left:0;color:#6958d7;font-weight:bold}.plan-paid{background:#f9faff}.disabled-pill{display:inline-block;background:#e8eaf1;color:#66728b;font-weight:700;border-radius:100px;padding:14px 20px}.note-section{max-width:1150px;margin:0 auto 65px;padding:29px 36px;background:#eef0fa;border-radius:20px}.note-section h2{font-size:18px}.note-section p{line-height:1.8;color:var(--muted);font-size:13px}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--border);max-width:1150px;margin:auto;padding:25px;font-size:12px;color:var(--muted)}.auth-wrap{min-height:calc(100vh - 78px);display:flex;justify-content:center;align-items:flex-start;padding:70px 15px}.auth-card{max-width:470px;width:100%;padding:39px;background:#fff;border:1px solid var(--border);border-radius:23px;box-shadow:0 15px 60px #1828470b}.auth-card h1{font-size:29px;letter-spacing:-.8px;margin:13px 0}.auth-card>p{color:var(--muted);font-size:14px;line-height:1.7}.auth-card label,.config-card label{display:block;font-weight:650;color:#34415c;font-size:13px;margin:18px 0 9px}.auth-card input,.config-card input:not([type=range]):not([type=radio]),.config-card select{width:100%;height:47px;border:1px solid #ccd3e1;border-radius:11px;padding:11px 13px;color:var(--ink);background:#fff}.auth-card .pill{margin-top:23px}.auth-bottom{text-align:center;margin-top:28px}.auth-bottom a{color:var(--accent-dark);font-weight:650}.message{font-size:13px;line-height:1.6;color:#376c60;min-height:0}.message.error{color:#bc3246}.message:empty{display:none}.studio-shell,.admin-shell{max-width:1250px;padding:50px 25px 75px;margin:auto}.studio-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:24px}.studio-heading h1{font-size:clamp(30px,3vw,43px);letter-spacing:-1.6px;margin:10px 0}.studio-heading p{color:var(--muted);margin:0}.quota-card{padding:17px 21px;background:#eae7ff;border:1px solid #d9d4ff;border-radius:14px;min-width:210px}.quota-card strong{display:block;font-size:14px;color:#5b4ecc;margin-bottom:5px}.quota-card span{display:block;font-size:12px;color:#58637b;line-height:1.5}.studio-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(310px,.75fr);gap:20px;align-items:start}.editor-card{padding:26px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:13px}.panel-title h2,.config-card h2{margin:7px 0 17px;font-size:20px;letter-spacing:-.4px}.section-kicker{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#7365d5}.file-upload-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px;flex-wrap:wrap}.file-upload{display:inline-flex;align-items:center;white-space:nowrap;border-radius:10px;border:1px solid #cdd4e5;padding:10px 15px;font-size:13px;font-weight:680;cursor:pointer}.editor-card textarea{margin-top:10px;resize:vertical;min-height:450px;width:100%;border:1px solid #e0e4ee;background:#fcfdff;border-radius:13px;padding:19px;line-height:1.75;color:#253451;font-size:15px}.editor-meta{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--muted)}.editor-meta b{white-space:nowrap}.side-panel{display:grid;gap:18px}.config-card{padding:26px}.config-card select{height:46px}.gender-row{display:flex;gap:9px}.gender-choice{flex:1;position:relative;margin:0!important}.gender-choice input{position:absolute;opacity:0}.gender-choice span{display:block;border:1px solid #ccd3e1;border-radius:11px;text-align:center;padding:13px;cursor:pointer}.gender-choice input:checked+span{border-color:#796cee;background:#f0edff;color:#5c50ce;font-weight:800}.gender-choice input:disabled+span{opacity:.36;cursor:not-allowed}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row output{font-size:13px;font-weight:760;color:#5c51cf}input[type=range]{width:100%;accent-color:var(--accent)}.config-card .pill{margin-top:23px}.result-card audio{width:100%;margin:12px 0}.result-card>p,.tiny{font-size:12px;line-height:1.7;color:var(--muted)}.download-outline{display:block;background:#f1edff;padding:12px;text-align:center;border-radius:10px;color:#5c4bd5;font-weight:720}.dictionary-card summary{cursor:pointer}.dictionary-card form{margin-top:18px}.dictionary-card .button-outline{margin-top:16px}.dictionary-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5e9f1;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.dictionary-entry button{border:none;background:none;color:#c13c45}.button-outline{border-radius:10px;font-size:13px}.user-chip{font-size:12px;color:var(--muted);max-width:200px;text-overflow:ellipsis;overflow:hidden}.text-button{border:0;background:none;color:var(--ink);font-weight:650}.admin-shell .section-head{margin-bottom:35px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.metric{border:1px solid var(--border);border-radius:14px;background:#fff;padding:20px}.metric b{display:block;font-size:25px;margin:10px 0}.metric small{font-size:12px;color:var(--muted)}.admin-table-card{padding:25px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:960px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #e5e8f1;vertical-align:middle}th{font-size:11px;color:#69768b;text-transform:uppercase;letter-spacing:.5px}td small{display:block;color:#7d8aa2;padding-top:5px}table select{border:1px solid var(--border);border-radius:9px;padding:7px;background:#fff}table button{padding:7px 10px;border-radius:8px;border:0;color:white;background:var(--accent);font-size:12px;margin-left:5px}table button:disabled{opacity:.5}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-layout{max-width:540px;width:100%}.account-card{max-width:none;margin-bottom:20px}.account-card h2{font-size:20px}.account-card p{margin:9px 0}.danger-button{background:#c43f50}table button.danger-button:hover{background:#a32e40}[hidden]{display:none!important}@media(max-width:1040px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-content{padding-left:7vw}.hero-art .orb{width:240px;height:240px}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:16px;gap:12px}.topbar nav{gap:12px;flex-wrap:wrap;font-size:12px}.topbar nav a[href="#features"],.topbar nav a[href="#plans"]{display:none}.topbar .pill.small{padding:8px 12px;min-height:33px}.brand{font-size:15px}.hero{grid-template-columns:1fr}.hero-content{padding:65px 24px 42px}.hero h1{letter-spacing:-2px}.hero-art{min-height:250px}.hero-art .orb{width:175px;height:175px}.floating-chip.left{top:12%}.floating-chip.right{bottom:12%}.section{padding:56px 17px}.feature-grid,.plans,.studio-grid{grid-template-columns:1fr}.studio-shell,.admin-shell{padding:30px 14px}.studio-heading{display:block}.quota-card{margin-top:20px}.editor-card,.config-card{padding:20px}.editor-card textarea{min-height:300px}.metrics{grid-template-columns:repeat(2,1fr)}.auth-wrap{padding:30px 13px}.auth-card{padding:25px}.note-section{margin:0 17px 40px}.footer{padding:22px 18px}}

/* v1.5.4: opt-in persistent sign-in */
.auth-card label.remember-choice{display:flex;align-items:center;gap:10px;margin:15px 0 18px;font-weight:500;cursor:pointer}
.remember-choice input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#283d77}
.remember-choice span{font-size:0.94rem}
border:1px solid #cdd4e5;padding:10px 15px;font-size:13px;font-weight:680;cursor:pointer}.editor-card textarea{margin-top:10px;resize:vertical;min-height:450px;width:100%;border:1px solid #e0e4ee;background:#fcfdff;border-radius:13px;padding:19px;line-height:1.75;color:#253451;font-size:15px}.editor-meta{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:10px;font-size:12px;color:var(--muted)}.editor-meta b{white-space:nowrap}.side-panel{display:grid;gap:18px}.config-card{padding:26px}.config-card select{height:46px}.gender-row{display:flex;gap:9px}.gender-choice{flex:1;position:relative;margin:0!important}.gender-choice input{position:absolute;opacity:0}.gender-choice span{display:block;border:1px solid #ccd3e1;border-radius:11px;text-align:center;padding:13px;cursor:pointer}.gender-choice input:checked+span{border-color:#796cee;background:#f0edff;color:#5c50ce;font-weight:800}.gender-choice input:disabled+span{opacity:.36;cursor:not-allowed}.label-row{display:flex;align-items:center;justify-content:space-between}.label-row output{font-size:13px;font-weight:760;color:#5c51cf}input[type=range]{width:100%;accent-color:var(--accent)}.config-card .pill{margin-top:23px}.result-card audio{width:100%;margin:12px 0}.result-card>p,.tiny{font-size:12px;line-height:1.7;color:var(--muted)}.download-outline{display:block;background:#f1edff;padding:12px;text-align:center;border-radius:10px;color:#5c4bd5;font-weight:720}.dictionary-card summary{cursor:pointer}.dictionary-card form{margin-top:18px}.dictionary-card .button-outline{margin-top:16px}.dictionary-entry{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #e5e9f1;padding:10px 0;font-size:13px;overflow-wrap:anywhere}.dictionary-entry button{border:none;background:none;color:#c13c45}.button-outline{border-radius:10px;font-size:13px}.user-chip{font-size:12px;color:var(--muted);max-width:200px;text-overflow:ellipsis;overflow:hidden}.text-button{border:0;background:none;color:var(--ink);font-weight:650}.admin-shell .section-head{margin-bottom:35px}.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:24px}.metric{border:1px solid var(--border);border-radius:14px;background:#fff;padding:20px}.metric b{display:block;font-size:25px;margin:10px 0}.metric small{font-size:12px;color:var(--muted)}.admin-table-card{padding:25px}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;min-width:960px}th,td{text-align:left;padding:14px 10px;border-bottom:1px solid #e5e8f1;vertical-align:middle}th{font-size:11px;color:#69768b;text-transform:uppercase;letter-spacing:.5px}td small{display:block;color:#7d8aa2;padding-top:5px}table select{border:1px solid var(--border);border-radius:9px;padding:7px;background:#fff}table button{padding:7px 10px;border-radius:8px;border:0;color:white;background:var(--accent);font-size:12px;margin-left:5px}table button:disabled{opacity:.5}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-layout{max-width:540px;width:100%}.account-card{max-width:none;margin-bottom:20px}.account-card h2{font-size:20px}.account-card p{margin:9px 0}.danger-button{background:#c43f50}table button.danger-button:hover{background:#a32e40}[hidden]{display:none!important}@media(max-width:1040px){.feature-grid{grid-template-columns:repeat(2,1fr)}.hero-content{padding-left:7vw}.hero-art .orb{width:240px;height:240px}.metrics{grid-template-columns:repeat(3,1fr)}}@media(max-width:720px){.topbar{height:auto;min-height:72px;flex-wrap:wrap;padding:16px;gap:12px}.topbar nav{gap:12px;flex-wrap:wrap;font-size:12px}.topbar nav a[href="#features"],.topbar nav a[href="#plans"]{display:none}.topbar .pill.small{padding:8px 12px;min-height:33px}.brand{font-size:15px}.hero{grid-template-columns:1fr}.hero-content{padding:65px 24px 42px}.hero h1{letter-spacing:-2px}.hero-art{min-height:250px}.hero-art .orb{width:175px;height:175px}.floating-chip.left{top:12%}.floating-chip.right{bottom:12%}.section{padding:56px 17px}.feature-grid,.plans,.studio-grid{grid-template-columns:1fr}.studio-shell,.admin-shell{padding:30px 14px}.studio-heading{display:block}.quota-card{margin-top:20px}.editor-card,.config-card{padding:20px}.editor-card textarea{min-height:300px}.metrics{grid-template-columns:repeat(2,1fr)}.auth-wrap{padding:30px 13px}.auth-card{padding:25px}.note-section{margin:0 17px 40px}.footer{padding:22px 18px}}

/* v1.5.4: opt-in persistent sign-in */
.auth-card label.remember-choice{display:flex;align-items:center;gap:10px;margin:15px 0 18px;font-weight:500;cursor:pointer}
.remember-choice input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;margin:0;accent-color:#283d77}
.remember-choice span{font-size:0.94rem}

/* v1.5.8 document upload and OCR feedback */
.import-progress{margin-top:16px;padding:14px 16px;border:1px solid #dcdff8;border-radius:12px;background:#f6f5ff}
.import-progress-heading,.import-progress-title{display:flex;align-items:center;gap:10px}
.import-progress-heading{justify-content:space-between;color:#34326e;font-size:13px}
.import-progress-title{min-width:0}
.import-progress-heading strong{font-weight:700}
.import-progress-heading b{font-variant-numeric:tabular-nums}
.import-progress progress{display:block;margin-top:11px;width:100%;height:9px;accent-color:#6c60e9}
.import-progress .tiny{margin:9px 0 0;overflow-wrap:anywhere}
.import-spinner{display:inline-block;flex-shrink:0;width:16px;height:16px;border-radius:50%;border:2px solid #c8c0ff;border-top-color:#5549d0;animation:import-spin .85s linear infinite}
@keyframes import-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.import-spinner{animation:none;border-top-color:#5549d0}}

/* v1.5.9: homepage sign-out control follows the nav link style. */
.topbar nav .home-signout{border:0;background:transparent;color:inherit;padding:7px 0;font-weight:inherit;font-size:inherit;cursor:pointer;white-space:nowrap}
.topbar nav .home-signout:hover{color:var(--accent-dark)}

/* v1.6.0: optional public-webpage article import (editor remains the source for TTS). */
.web-import-row{display:flex;gap:9px;margin-top:13px;align-items:stretch}
.web-import-row input{min-width:0;flex:1;border:1px solid #cdd4e5;border-radius:10px;padding:10px 12px;font-size:13px;background:#fff}
.web-import-row .web-import-button{white-space:nowrap;cursor:pointer;display:flex;align-items:center;justify-content:center}
.web-import-row input:disabled,.web-import-row button:disabled{opacity:.65;cursor:wait}
.web-import-hint{margin:7px 0 0}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.web-import-row{flex-wrap:wrap}.web-import-row input{flex-basis:100%}.web-import-row button{width:100%}}

/* v1.6.5: isolated marketing/help-center layout. Existing studio/auth CSS left unchanged. */
.marketing{background:#fff;color:#1b2541;min-height:100vh}
.marketing [hidden]{display:none!important}
.m-container{max-width:1160px;margin:0 auto;padding-left:28px;padding-right:28px}
.marketing-topbar{max-width:1220px;height:auto;min-height:80px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}
.marketing-links{flex-wrap:wrap;gap:16px 22px!important}
.marketing-topbar .brand{font-size:17px}
.m-overline{font-size:11px;letter-spacing:2.2px;color:#b4aaff;font-weight:850;text-transform:uppercase}
.m-overline-dark{color:#6b5bd1}
.m-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#9ee5d2;margin-right:7px;vertical-align:middle}
.m-hero{background:radial-gradient(circle at 80% 40%,#232751 0%,#101932 50%,#0b1530 90%);color:#fff}
.m-hero-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:65px;padding-top:80px;padding-bottom:86px}
.m-hero h1{font-size:clamp(45px,5.2vw,75px);line-height:1.06;letter-spacing:-2.7px;margin:19px 0 25px;font-weight:800}
.m-hero h1 em{font-style:normal;color:#b3a8ff}
.m-lead{line-height:1.75;font-size:17px;color:#d0d5e7;max-width:560px}
.m-hero-actions{display:flex;flex-wrap:wrap;gap:19px;align-items:center;margin:31px 0 20px}
.m-light-link{color:#dcd9ff;font-size:14px;font-weight:650}
.m-light-link:hover{text-decoration:underline}
.m-subtle{color:#a4aecb;font-size:12px;line-height:1.8}
.m-hero-preview{border:1px solid #5a6482;border-radius:21px;padding:21px;box-shadow:0 30px 75px #0004;background:linear-gradient(160deg,#f8f9fe,#e7eaff);color:#17284b;max-width:465px;width:100%;transform:rotate(1.5deg)}
.m-preview-head{font-size:11px;color:#8290a8;font-weight:750;letter-spacing:1.3px;border-bottom:1px solid #d6dceb;padding-bottom:15px}
.m-preview-dots{letter-spacing:5px;color:#99a2c8;margin-right:14px}
.m-preview-file{display:flex;align-items:center;gap:13px;margin:20px 0 18px;background:#fff;border:1px solid #dce2f1;border-radius:13px;padding:17px}
.m-preview-doc{display:grid;place-items:center;background:#eae7ff;color:#6c5bdd;font-size:11px;font-weight:800;width:47px;height:52px;border-radius:8px}
.m-preview-file div{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}
.m-preview-file div strong{font-size:13px}.m-preview-file div span{font-size:11px;color:#8290a8}
.m-check{color:#438a75;font-weight:900}
.m-preview-rows{display:grid;gap:9px;padding:8px 12px 20px}
.m-preview-rows span{display:block;height:8px;border-radius:7px;background:#bdc8e1}
.m-preview-rows span:nth-child(2){width:85%}.m-preview-rows span:nth-child(3){width:95%}.m-preview-rows span:nth-child(4){width:62%}
.m-preview-controls{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:18px}.m-preview-controls span{padding:8px 11px;border:1px solid #d4daed;background:#fff;border-radius:8px;font-size:10px;font-weight:700}
.m-preview-audio{display:flex;align-items:center;gap:12px;border-radius:12px;background:#1b2c52;color:#fff;padding:12px 16px;font-size:11px}
.m-play{background:#8277f1;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}.m-wave{font-size:16px;letter-spacing:2px;color:#bcb2ff;flex:1;overflow:hidden;white-space:nowrap}
.m-preview-caption{font-size:10px;color:#7b839d;text-align:center;margin:10px 0 0}
.m-strip{background:#f4f6fc;border-bottom:1px solid #e9edf5}.m-strip-grid{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding-top:23px;padding-bottom:23px;color:#64708b;font-size:13px}.m-strip strong{color:#29345b;font-size:16px}
.m-section{padding-top:85px;padding-bottom:90px}.m-section-heading{margin-bottom:31px;max-width:790px}.m-section-heading h2{font-size:clamp(30px,3.2vw,45px);line-height:1.18;letter-spacing:-1.4px;margin:12px 0 15px}.m-section-heading p{font-size:16px;color:#6a7890;line-height:1.7}
.m-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.m-feature-card{border:1px solid #e1e5ee;border-radius:17px;padding:25px 22px;background:#fff;box-shadow:0 8px 24px #12225206}.m-feature-card h3,.m-feature-card h2{font-size:18px;line-height:1.3;margin:20px 0 10px;letter-spacing:-.4px}.m-feature-card h2{font-size:18px}.m-feature-card p{font-size:13px;color:#5f6d83;line-height:1.75;min-height:110px}.m-feature-card a{color:#6354cd;font-size:13px;font-weight:760}.m-feature-icon{width:42px;height:42px;background:#edeaff;border-radius:12px;display:grid;place-items:center;font-size:27px;color:#6356db}
.m-how{background:#f6f7fc}.m-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.m-steps article{background:#fff;padding:26px;border:1px solid #e2e6f0;border-radius:15px}.m-steps span{color:#6e5fda;font-size:12px;font-weight:850;letter-spacing:2px}.m-steps h3{font-size:21px;margin:15px 0}.m-steps p{font-size:14px;color:#657187;line-height:1.75}
.m-guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.m-guide-cards a{padding:26px;border:1px solid #e1e5ef;border-radius:15px;display:flex;flex-direction:column;gap:13px;transition:transform .2s,box-shadow .2s}.m-guide-cards a:hover,.m-help-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px #1a25530b}.m-guide-cards small{font-size:10px;letter-spacing:1.6px;color:#685bd2;font-weight:800}.m-guide-cards strong{font-size:20px}.m-guide-cards span{font-size:13px;color:#65748b}
.m-final{background:#181e43;color:white;padding:55px 0}.m-final-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.m-final h2{font-size:31px;margin:0 0 10px;letter-spacing:-1px}.m-final p{color:#c2c8e1;margin:0}.m-disclosure{background:#f4f6fc;padding:24px 0}.m-disclosure .m-container{font-size:13px;line-height:1.75;color:#62708a}.m-disclosure strong{color:#384460}.m-disclosure p{margin:5px 0}
.marketing-footer{background:#f6f7fa;border-top:1px solid #e9edf3;padding:58px 0 19px}.footer-grid,.footer-bottom{max-width:1160px;padding:0 28px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr 2fr;gap:32px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:13px}.footer-grid strong{font-size:13px}.footer-grid p,.footer-grid a:not(.brand){font-size:12px;color:#6b7589;line-height:1.75;margin:0}.footer-grid a:not(.brand):hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;margin-top:40px;padding-top:19px;border-top:1px solid #e3e6ee;color:#7a8598;font-size:11px}
.m-inner-hero{padding-top:82px;padding-bottom:57px}.m-inner-hero h1{font-size:clamp(39px,4.5vw,60px);letter-spacing:-2px;line-height:1.1;margin:14px 0 19px}.m-inner-hero p{color:#657188;line-height:1.7;font-size:17px;max-width:745px}
.m-limits{background:#f6f7fc;border:1px solid #e4e7f0;border-radius:16px;padding-top:35px;padding-bottom:32px;margin-bottom:80px}.m-limits h2{margin-top:0}.m-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.m-stat-row>div{display:flex;flex-direction:column;gap:8px}.m-stat-row strong{font-size:29px;color:#5b4ec7}.m-stat-row span,.m-limits p{color:#69768b;font-size:13px;line-height:1.75}
.m-help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.m-help-link{border:1px solid #e2e6f0;padding:22px;border-radius:15px;display:flex;align-items:flex-start;gap:16px;transition:transform .2s,box-shadow .2s}.m-help-arrow{color:#705edb;font-size:19px}.m-help-link strong{font-size:18px}.m-help-link p{font-size:13px;color:#6b778e;margin:8px 0 0;line-height:1.6}
.m-doc-shell{padding-top:24px;padding-bottom:100px}.m-breadcrumb{font-size:12px;color:#6a7890;margin-bottom:28px}.m-breadcrumb a{color:#6556c9}.m-breadcrumb span{margin:0 8px;color:#99a1b3}.m-doc-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:74px;align-items:start}.m-doc-sidebar{position:sticky;top:20px;display:flex;flex-direction:column;gap:5px;border:1px solid #e3e6ee;padding:19px;border-radius:14px}.m-doc-sidebar strong{font-size:13px;color:#374466;margin-bottom:8px}.m-doc-sidebar a{font-size:12px;color:#6a7690;padding:9px 11px;border-radius:8px}.m-doc-sidebar a:hover,.m-doc-sidebar a.is-current{background:#eceafd;color:#5f50c9}.m-doc-article{min-width:0;max-width:750px}.m-doc-article h1{font-size:clamp(36px,4vw,53px);letter-spacing:-1.5px;line-height:1.12;margin:13px 0 18px}.m-doc-article .m-doc-intro{font-size:18px;color:#6a7790;line-height:1.65;margin-bottom:38px}.m-doc-article h2{font-size:25px;letter-spacing:-.7px;line-height:1.35;margin:36px 0 13px}.m-doc-article p,.m-doc-article li{font-size:15px;line-height:1.9;color:#4f5f77}.m-doc-article li{margin-bottom:9px}.m-doc-article a:not(.pill){color:#6052c9;text-decoration:underline;text-underline-offset:3px}.m-doc-article ol,.m-doc-article ul{padding-left:25px}.m-doc-article code{font-size:.92em;color:#604ed3}.m-callout{background:#f4f4ff;border-left:4px solid #8579ed;padding:19px 22px;border-radius:0 13px 13px 0;margin:31px 0}.m-callout strong{color:#2a3660}.m-callout p{margin:8px 0 0}.m-doc-next{border-top:1px solid #e2e5ee;margin-top:46px;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.m-doc-next a{font-size:13px;font-weight:760}.m-table-wrap{overflow-x:auto}.m-doc-article table{border-collapse:collapse;width:100%;margin:16px 0}.m-doc-article th,.m-doc-article td{text-align:left;border-bottom:1px solid #e4e7ee;padding:12px;font-size:14px}.m-doc-article th{background:#f4f6fb}
.m-faq-section{max-width:870px;padding-bottom:100px}.m-faq{border-bottom:1px solid #e4e7f0;padding:20px 0}.m-faq summary{font-weight:750;font-size:17px;cursor:pointer;list-style-position:outside}.m-faq p{font-size:14px;line-height:1.8;color:#58677f}.m-faq-section>.m-callout{margin-top:40px}.m-faq-section a{color:#6658ce}
.m-tutorial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:19px}.m-tutorial-card{border:1px solid #e5e7f1;border-radius:15px;overflow:hidden}.m-tutorial-art{height:145px;background:linear-gradient(120deg,#202a55,#6663a5);display:flex;align-items:center;justify-content:space-between;padding:0 32px;color:#d9d8fc}.m-tutorial-art>span:first-child{font-size:58px;opacity:.3;font-weight:800}.m-tutorial-play{font-size:52px}.m-tutorial-card>div:last-child{padding:22px}.m-tutorial-card small{font-size:10px;color:#6b5ace;font-weight:800;letter-spacing:1px}.m-tutorial-card h2{font-size:20px;margin:11px 0}.m-tutorial-card p{font-size:13px;color:#6b7790}.m-tutorial-card a{font-size:13px;color:#6958d3;font-weight:800}
@media(max-width:1000px){.m-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.m-hero-grid{gap:25px}.m-doc-layout{gap:28px;grid-template-columns:200px minmax(0,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:740px){.marketing-topbar{gap:15px}.marketing-topbar .brand{font-size:15px}.marketing-links{gap:10px 15px!important;font-size:12px!important}.marketing-links .pill.small{padding:8px 12px}.m-container{padding-left:20px;padding-right:20px}.m-hero-grid{grid-template-columns:1fr;padding-top:48px;padding-bottom:52px}.m-hero h1{font-size:43px}.m-hero-preview{transform:none;max-width:430px}.m-section{padding-top:57px;padding-bottom:63px}.m-card-grid,.m-guide-cards,.m-steps,.m-help-grid,.m-stat-row,.m-tutorial-grid{grid-template-columns:1fr}.m-feature-card p{min-height:0}.m-final-grid{flex-direction:column;align-items:flex-start}.m-doc-layout{display:block}.m-doc-sidebar{position:static;margin-bottom:30px}.m-inner-hero{padding-top:50px;padding-bottom:38px}.m-doc-article h1{font-size:37px}.m-doc-shell{padding-bottom:70px}.footer-grid{grid-template-columns:1fr 1fr;gap:26px}.footer-bottom{display:block;line-height:2}.m-strip-grid{justify-content:flex-start}.m-preview-audio .m-wave{font-size:12px}.m-hero-actions{gap:12px}}
@media(prefers-reduced-motion:reduce){.marketing *{scroll-behavior:auto!important;transition:none!important}}
/* Prevent an illustrative preview card from widening the mobile CSS grid. */
@media(max-width:740px){
  .m-hero-grid{grid-template-columns:minmax(0,1fr)}
  .m-hero-grid>*{min-width:0}
  .m-hero-preview{max-width:100%;min-width:0}
  .m-preview-audio .m-wave{min-width:0}
}

/* v1.6.6: compact, responsive usage statistics */
.reporting-card{margin-bottom:25px}.reporting-card h3{font-size:14px;margin:18px 0 12px}.reporting-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0}.report-metric{border:1px solid #e3e7f1;border-radius:12px;padding:15px;background:#f9faff;min-width:0}.report-metric span{font-size:12px;color:#647089;display:block}.report-metric strong{font-size:22px;margin:10px 0 5px;display:block;overflow-wrap:anywhere}.report-metric small{display:block;color:#69768b;font-size:11px}.report-columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.report-bars{height:180px;border-bottom:1px solid #ccd3df;display:flex;gap:4px;align-items:flex-end;padding:9px 2px}.report-bar{flex:1;min-width:2px;background:#7365d5;border-radius:3px 3px 0 0}.report-import-row{font-size:13px;line-height:1.65;color:#475573;margin:6px 0}.report-note{font-size:12px;line-height:1.65;color:#5f6e86;background:#f5f6fb;border-radius:10px;padding:14px}.reporting-card .panel-title{flex-wrap:wrap}@media(max-width:720px){.reporting-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.report-columns{grid-template-columns:1fr}.reporting-card{padding:17px}}