@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.block{display:block}.hidden{display:none}}:root{--ink:#171713;--ink-soft:#5d5c53;--paper:#f5f2e9;--paper-deep:#eae5d8;--white:#fffef9;--line:#d9d4c6;--accent:#d9ff43;--accent-dark:#bce51b;--coral:#ff8066;--violet:#a58bff;--blue:#79c8ff;--yellow:#ffd966;--green:#6fe3a8;--danger:#c8432f;--radius-sm:8px;--radius:14px;--radius-lg:22px;--shadow:0 24px 70px #26241c21}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Inter,Arial,sans-serif}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.website-icon{background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:5px;flex:none;display:inline-block}button{color:inherit}::selection{background:var(--accent);color:var(--ink)}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:15px;font-weight:900;display:inline-flex}.brand-mark{background:var(--ink);width:34px;height:34px;color:var(--accent);border-radius:9px;place-items:center;display:grid;transform:rotate(-3deg)}.brand-compact .brand-mark{border-radius:8px;width:30px;height:30px}.button{letter-spacing:-.01em;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 20px;font-size:14px;font-weight:750;transition:transform .16s,background .16s,border-color .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-2px)}.button:disabled{cursor:not-allowed;opacity:.42}.button-small{border-radius:8px;min-height:38px;padding:0 15px;font-size:13px}.button-dark{background:var(--ink);color:#fff}.button-accent{background:var(--accent);color:var(--ink);box-shadow:inset 0 0 0 1px #17171314}.button-accent:hover:not(:disabled){background:var(--accent-dark)}.button-ghost{border-color:var(--line);background:0 0;min-height:40px}.button-wide{width:100%}.text-link{align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.text-link:hover{text-underline-offset:4px;text-decoration:underline}.text-link.strong{font-size:15px;font-weight:800}.section-kicker{color:#777466;letter-spacing:.13em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.marketing-shell{min-height:100vh;overflow-x:clip}.marketing-nav{z-index:50;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f5f2e9e6;border-bottom:1px solid #d9d4c6cc;width:100%;position:sticky;top:0}.marketing-nav-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:88px;margin:0 auto;display:flex}.marketing-links{gap:32px;font-size:13px;font-weight:650;display:flex}.marketing-links a{color:#656356;transition:color .15s}.marketing-links a:hover{color:var(--ink)}.marketing-nav-actions{align-items:center;gap:16px;display:flex}.marketing-login{color:#656356;font-size:13px;font-weight:700;transition:color .15s}.marketing-login:hover{color:var(--ink)}.hero-section{grid-template-columns:.93fr 1.07fr;align-items:center;gap:72px;width:min(1180px,100% - 48px);min-height:660px;margin:0 auto;padding:68px 0 88px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{border:1px solid var(--line);color:#5e5b4e;letter-spacing:.06em;text-transform:uppercase;background:#fffef98a;border-radius:99px;align-items:center;gap:9px;padding:7px 11px 7px 8px;font-size:11px;font-weight:800;display:inline-flex}.eyebrow-dot{border:2px solid var(--ink);background:var(--accent);width:8px;height:8px;box-shadow:0 0 0 3px var(--accent);border-radius:50%}.hero-copy h1{letter-spacing:-.072em;max-width:660px;margin:26px 0 22px;font-size:clamp(56px,5.4vw,82px);font-weight:840;line-height:.93}.hero-copy h1 span{color:#7c796b;display:block}.hero-lede{max-width:540px;color:var(--ink-soft);letter-spacing:-.02em;margin:0;font-size:18px;line-height:1.55}.hero-actions{align-items:center;gap:24px;margin-top:34px;display:flex}.benefit-list{color:#6b685c;flex-wrap:wrap;gap:12px 18px;margin:38px 0 0;padding:0;font-size:11px;font-weight:650;list-style:none;display:flex}.benefit-list li{align-items:center;gap:6px;display:flex}.benefit-list svg{color:#59790d}.product-preview{box-shadow:12px 14px 0 var(--ink), var(--shadow);background:#f9f8f2;border:1px solid #171713bf;border-radius:17px;position:relative;transform:rotate(1deg)}.product-preview:before{z-index:-1;background:var(--accent);content:"";border-radius:50%;width:180px;height:180px;position:absolute;top:-50px;right:-50px}.preview-topbar{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;height:48px;padding:0 15px;font-size:10px;font-weight:750;display:grid}.window-dots{gap:5px;display:flex}.window-dots span{background:#c6c1b3;border-radius:50%;width:7px;height:7px}.window-dots span:first-child{background:var(--coral)}.preview-status{color:#6c695e;justify-self:end;align-items:center;gap:6px;display:flex}.preview-status>span{background:#58bb76;border-radius:50%;width:7px;height:7px}.preview-body{grid-template-columns:137px 1fr;min-height:432px;display:grid}.preview-steps{border-right:1px solid var(--line);background:#efede4;padding:26px 13px}.preview-step{color:#8c897d;align-items:center;gap:9px;min-width:0;padding:10px 8px;display:flex}.preview-step>span{border:1px solid #c4c0b3;border-radius:50%;flex:none;place-items:center;width:23px;height:23px;font-size:9px;font-weight:800;display:grid}.preview-step div{min-width:0}.preview-step strong,.preview-step small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.preview-step strong{font-size:10px}.preview-step small{margin-top:2px;font-size:8px}.preview-step.active{background:var(--white);color:var(--ink);border-radius:8px;box-shadow:0 4px 12px #1717130f}.preview-step.active>span{border-color:var(--ink);background:var(--ink);color:var(--accent)}.preview-step.done>span{color:#3e7e3e;background:#dff3d5;border-color:#5a9a55}.preview-content{padding:26px 27px 24px}.preview-heading{justify-content:space-between;align-items:end;margin-bottom:18px;display:flex}.preview-heading small,.preview-heading strong{display:block}.preview-heading small{color:#8d897b;letter-spacing:.13em;margin-bottom:4px;font-size:7px;font-weight:800}.preview-heading strong{letter-spacing:-.03em;font-size:16px}.preview-heading>span{color:#6e6a5e;background:#e9e5d9;border-radius:99px;padding:4px 7px;font-size:8px;font-weight:750}.mock-hook-list{gap:8px;display:grid}.mock-hook{background:var(--white);border:1px solid #ccc7b8;border-radius:8px;grid-template-columns:52px 1fr auto;align-items:center;gap:10px;padding:6px;display:grid}.mock-thumbnail{border-radius:5px;place-items:center;height:42px;display:grid;position:relative;overflow:hidden}.mock-thumbnail:after{content:"";border:6px solid #17171326;border-radius:50%;width:37px;height:37px;position:absolute;bottom:-17px;right:-8px}.mock-thumbnail span{font-size:6px;font-weight:850;position:absolute;top:4px;left:5px}.mock-thumbnail.coral{background:var(--coral)}.mock-thumbnail.lime{background:var(--accent)}.mock-thumbnail.violet{background:var(--violet)}.mock-hook>div:nth-child(2) strong,.mock-hook>div:nth-child(2) small{display:block}.mock-hook>div:nth-child(2) strong{font-size:10px}.mock-hook>div:nth-child(2) small{color:#878276;letter-spacing:.08em;margin-top:3px;font-size:6px;font-weight:800}.mock-check{background:var(--ink);width:20px;height:20px;color:var(--accent);border-radius:5px;place-items:center;display:grid}.preview-upload-row{border:1px dashed #c5c0b2;border-radius:7px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;margin-top:13px;padding:9px 10px;display:grid}.preview-upload-row>span{background:#e8e4d8;border-radius:6px;place-items:center;width:28px;height:28px;display:grid}.preview-upload-row strong,.preview-upload-row small{display:block}.preview-upload-row strong{font-size:8px}.preview-upload-row small{color:#8b877b;margin-top:2px;font-size:6px}.preview-action{background:var(--ink);height:34px;color:var(--accent);border-radius:7px;justify-content:center;align-items:center;gap:7px;margin-top:13px;font-size:9px;font-weight:800;display:flex}.signal-strip{background:var(--ink);color:#fff;grid-template-columns:170px 210px 220px 1fr;align-items:center;gap:24px;min-height:112px;padding:24px max(24px,50vw - 590px);display:grid}.signal-strip>div{align-items:baseline;gap:11px;display:flex}.signal-strip strong{color:var(--accent);font-size:11px}.signal-strip span{font-size:14px;font-weight:650}.signal-strip p{color:#9f9e93;text-align:right;justify-self:end;max-width:330px;margin:0;font-size:12px;line-height:1.5}.workflow-section{width:min(1180px,100% - 48px);margin:0 auto;padding:130px 0}.section-heading{justify-content:space-between;align-items:end;margin-bottom:56px;display:flex}.section-heading h2{letter-spacing:-.058em;max-width:700px;margin:12px 0 0;font-size:clamp(40px,4.3vw,64px);line-height:.98}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.workflow-card{border:1px solid var(--line);border-radius:var(--radius-lg);background:#fffef98c;min-height:290px;padding:30px;position:relative}.workflow-card.featured{background:var(--accent);border-color:var(--ink);transform:translateY(-14px)}.workflow-number{color:#9b9789;font-size:11px;font-weight:800;position:absolute;top:25px;right:25px}.workflow-card.featured .workflow-number{color:#617115}.workflow-card>svg{margin-top:74px}.workflow-card h3{letter-spacing:-.04em;margin:22px 0 10px;font-size:22px}.workflow-card p{color:#6b685c;max-width:300px;margin:0;font-size:14px;line-height:1.55}.workflow-card.featured p{color:#4c551c}.principle-section{background:#dfdacd;grid-template-columns:.85fr 1.15fr;align-items:center;gap:90px;min-height:620px;padding:110px max(24px,50vw - 590px);display:grid}.principle-copy h2{letter-spacing:-.06em;margin:16px 0 22px;font-size:clamp(42px,4.3vw,66px);line-height:.98}.principle-copy p{color:#656255;max-width:500px;margin:0 0 28px;font-size:16px;line-height:1.65}.principle-stack{height:360px;position:relative}.stack-card{border:1px solid var(--ink);border-radius:15px;align-items:center;gap:14px;height:104px;padding:18px 24px;font-weight:750;display:flex;position:absolute;box-shadow:5px 6px #171713e6}.stack-card-back{background:var(--violet);width:calc(100% - 70px);top:40px;left:70px;transform:rotate(4deg)}.stack-card-middle{background:var(--coral);width:calc(100% - 50px);top:118px;left:30px;transform:rotate(-2.5deg)}.stack-card-front{background:var(--white);width:100%;min-height:126px;top:200px;left:0;transform:rotate(1deg)}.stack-play{background:var(--accent);border-radius:10px;flex:none;place-items:center;width:76px;height:84px;display:grid}.stack-card-front small,.stack-card-front strong{display:block}.stack-card-front small{color:#827f73;letter-spacing:.12em;margin-bottom:7px;font-size:8px}.stack-card-front strong{letter-spacing:-.03em;font-size:17px}.closing-section{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:50px;min-height:360px;padding:90px max(24px,50vw - 590px);display:flex}.closing-section .section-kicker{color:var(--accent)}.closing-section h2{letter-spacing:-.06em;max-width:780px;margin:12px 0 0;font-size:clamp(44px,5vw,72px);line-height:.98}.closing-section .button{flex:none}.marketing-footer{color:#706d60;grid-template-columns:1fr auto 1fr;align-items:center;min-height:104px;padding:24px max(24px,50vw - 590px);font-size:11px;display:grid}.marketing-footer p{margin:0}.marketing-footer>span:last-child{justify-self:end}.login-shell{background:radial-gradient(circle at 12% 15%,#d9ff4333,#0000 24%),radial-gradient(circle at 88% 88%,#a58bff29,#0000 26%),#f1efe8;flex-direction:column;min-height:100vh;padding-bottom:60px;display:flex}.login-nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:82px;margin:0 auto;display:flex}.login-card{border:1px solid var(--line);background:var(--white);text-align:center;border-radius:24px;width:min(500px,100% - 32px);margin:auto;padding:52px;box-shadow:0 28px 70px #3532281f}.login-icon{background:var(--accent);border-radius:16px;place-items:center;width:52px;height:52px;margin:0 auto 22px;display:grid}.login-card h1{letter-spacing:-.055em;margin:10px 0 12px;font-size:clamp(34px,5vw,48px)}.login-card>p,.login-sent>p:not(.section-kicker){color:var(--muted);margin:0 auto;line-height:1.55}.login-card form{text-align:left;gap:14px;margin-top:30px;display:grid}.login-card label{gap:8px;display:grid}.login-card label>span{color:var(--muted);font-size:12px;font-weight:700}.login-card label>div{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;min-width:0;min-height:54px;padding:0 16px;display:flex}.login-card input{width:100%;min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.login-card form .button{width:100%}.login-card>small{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin-top:22px;font-size:11px;display:flex}.login-sent .gate-email-waiting{margin:26px auto 18px}.onboarding-shell{background:radial-gradient(circle at 12% 15%,#d9ff4333,#0000 24%),radial-gradient(circle at 88% 88%,#a58bff29,#0000 26%),#f1efe8;min-height:100vh;padding-bottom:60px}.onboarding-nav{justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:82px;margin:0 auto;display:flex}.onboarding-nav>span{color:#767266;font-size:11px;font-weight:700}.onboarding-card{border:1px solid var(--line);background:var(--white);border-radius:20px;width:min(940px,100% - 40px);min-height:670px;margin:52px auto 0;overflow:hidden;box-shadow:0 28px 80px #24221b24}.onboarding-banner{color:#617219;background:#f0f5d6;align-items:center;gap:9px;min-height:52px;padding:0 26px;font-size:13px;display:flex}.onboarding-progress{background:#e5e1d7;height:5px}.onboarding-progress span{background:var(--ink);height:100%;transition:width .32s;display:block}.onboarding-content{min-height:510px;padding:26px 70px 34px}.onboarding-content.loading{place-items:center;display:grid}.onboarding-step{color:#989487;letter-spacing:.08em;margin:0;font-size:9px;font-weight:850}.onboarding-heading{text-align:center;margin:18px auto 26px}.onboarding-heading h1,.caption-loading-state h1{letter-spacing:-.055em;margin:0;font-size:clamp(30px,4vw,42px);line-height:1}.onboarding-heading p,.caption-loading-state>p{color:#777367;margin:10px 0 0;font-size:14px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.discovery-grid button{color:#4f4d46;text-align:left;cursor:pointer;background:#fff;border:1px solid #d9d5ca;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:58px;padding:0 17px;transition:border-color .15s,background .15s,transform .15s;display:grid}.discovery-grid button:hover{border-color:#989383;transform:translateY(-1px)}.discovery-grid button.selected{border-color:var(--ink);background:#f5f8df;box-shadow:0 0 0 3px #d9ff4373}.discovery-grid button>svg:first-child{color:#777367}.discovery-grid .website-icon{box-shadow:0 0 0 1px #17171314}.discovery-grid button>svg:last-child{background:var(--ink);color:var(--accent);border-radius:50%;padding:3px;display:grid}.discovery-grid button span{font-size:13px;font-weight:700}.business-fields{width:min(650px,100%);margin:0 auto}.business-fields label>span{color:#666357;margin-bottom:7px;font-size:10px;font-weight:800;display:block}.business-fields label>div{background:#faf8f2;border:1px solid #d8d4c8;border-radius:11px;align-items:center;gap:10px;height:54px;padding:0 15px;display:flex}.business-fields input,.business-fields textarea{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.business-fields textarea{resize:vertical;background:#faf8f2;border:1px solid #d8d4c8;border-radius:11px;min-height:122px;padding:14px 15px;line-height:1.5}.business-fields label>div:focus-within,.business-fields textarea:focus{border-color:#838a35;box-shadow:0 0 0 3px #d9ff4347}.business-fields label small{color:#999588;margin-top:6px;font-size:9px;display:block}.field-divider{color:#aaa69a;align-items:center;gap:10px;margin:17px 0;font-size:8px;font-weight:850;display:flex}.field-divider:before,.field-divider:after{content:"";background:#e2ded3;flex:1;height:1px}.onboarding-error{width:min(650px,100%);color:var(--danger);margin:14px auto 0;font-size:10px;font-weight:700}.onboarding-footer{border-top:1px solid #e6e2d8;justify-content:space-between;align-items:center;min-height:82px;padding:14px 26px;display:flex}.onboarding-back{color:#716e63;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:11px;font-weight:750;display:flex}.caption-loading-state{text-align:center;width:min(620px,100%);margin:0 auto}.loading-orbit{background:var(--ink);width:76px;height:76px;color:var(--accent);box-shadow:8px 9px 0 var(--accent);border-radius:20px;place-items:center;margin:0 auto 24px;display:grid;position:relative}.loading-orbit>svg:last-child{position:absolute}.caption-loading-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin:34px 0 22px;display:grid}.caption-loading-grid div{background:#e9e5da;border-radius:14px;align-content:end;gap:8px;min-height:130px;padding:15px;animation:1.1s ease-in-out infinite alternate captionPulse;display:grid}.caption-loading-grid div:nth-child(2){background:#e8f5a9;animation-delay:.18s}.caption-loading-grid div:nth-child(3){background:#ddd5fa;animation-delay:.36s}.caption-loading-grid span{background:#1717132e;border-radius:99px;height:8px}.caption-loading-grid span:last-child{width:70%}.caption-loading-state>small{color:#908c80;font-size:9px}@keyframes captionPulse{to{transform:translateY(-5px)}}.studio-shell{background:#efede5;min-height:100vh}.studio-header{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f8f6efeb;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex;position:sticky;top:0}.studio-header-left{align-items:center;gap:15px;display:flex}.header-divider{background:var(--line);width:1px;height:20px}.workspace-name{color:#777367;font-size:12px;font-weight:700}.server-pill{border:1px solid var(--line);background:var(--white);color:#777367;border-radius:99px;align-items:center;gap:7px;padding:7px 10px;font-size:10px;font-weight:750;display:flex}.server-pill.online svg{color:#39945b}.server-pill.offline svg{color:var(--danger)}.studio-layout{grid-template-columns:242px 1fr;min-height:calc(100vh - 64px);display:grid}.studio-sidebar{border-right:1px solid var(--line);background:#e6e2d7;height:calc(100vh - 64px);padding:28px 20px;position:sticky;top:64px;overflow-y:auto}.back-link{color:#747064;align-items:center;gap:7px;font-size:11px;font-weight:700;display:inline-flex}.back-link:hover{color:var(--ink)}.sidebar-label{color:#918d80;letter-spacing:.16em;margin:46px 8px 16px;font-size:8px;font-weight:850}.studio-steps{gap:7px;margin:0;padding:0;list-style:none;display:grid}.studio-steps li{color:#878378;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;padding:11px 10px;display:flex}.studio-steps li>span{border:1px solid #bbb6a8;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:9px;font-weight:850;display:grid}.studio-steps strong,.studio-steps small{display:block}.studio-steps strong{font-size:11px}.studio-steps small{text-overflow:ellipsis;white-space:nowrap;max-width:142px;margin-top:3px;font-size:8px;overflow:hidden}.studio-steps li.active{background:var(--white);color:var(--ink);border-color:#cec9ba;box-shadow:0 5px 18px #1717130d}.studio-steps li.active>span{border-color:var(--ink);background:var(--ink);color:var(--accent)}.studio-steps li.complete>span{color:#357243;background:#dbeed3;border-color:#70a970}.sidebar-tip{background:#fffef980;border:1px solid #d0cbbd;border-radius:10px;gap:10px;margin-top:26px;padding:14px;display:flex}.sidebar-tip>svg{color:#6a7d22;flex:none}.sidebar-tip strong{font-size:10px;display:block}.sidebar-tip p{color:#777367;margin:4px 0 0;font-size:9px;line-height:1.45}.projects-label{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.projects-label button{border:1px solid var(--line);width:24px;height:24px;color:var(--ink);cursor:pointer;background:#fffef9bf;border-radius:7px;place-items:center;padding:0;display:grid}.projects-label button:hover{border-color:var(--ink);background:#fff}.sidebar-projects{gap:6px;display:grid}.sidebar-projects>button{color:#777367;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.sidebar-projects>button:hover{background:#fffef98f;border-color:#d0cbbd}.sidebar-projects span,.sidebar-projects strong,.sidebar-projects small{min-width:0;display:block}.sidebar-projects strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.sidebar-projects small{text-transform:capitalize;margin-top:2px;font-size:7px}.sidebar-projects b{color:#898577;font-size:8px}.sidebar-projects>p{color:#969184;margin:0;padding:0 8px;font-size:8px;line-height:1.45}.studio-header-actions{align-items:center;gap:8px;display:flex}.workspace-stat{border:1px solid var(--line);background:var(--white);color:#69665b;border-radius:99px;align-items:center;gap:6px;min-height:30px;padding:0 10px;font-size:9px;font-weight:750;display:inline-flex}button.workspace-stat{cursor:pointer}button.workspace-stat:hover{color:var(--ink);border-color:#aaa596}.studio-main{width:min(1280px,100%);margin:0 auto;padding:44px 42px 70px}.studio-title-row{justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px;display:flex}.studio-title-row h1{letter-spacing:-.055em;margin:8px 0 7px;font-size:clamp(32px,3.1vw,46px);line-height:1}.studio-title-row>div>p:last-child{color:#777367;margin:0;font-size:13px}.studio-alert{color:#914333;background:#fff1eb;border:1px solid #e1ac9f;border-radius:10px;align-items:center;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:11px;font-weight:650;display:flex}.studio-alert span{flex:1}.studio-alert button{color:inherit;cursor:pointer;background:0 0;border:1px solid #d89b8e;border-radius:6px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:800;display:flex}.studio-alert.success{color:#35652f;background:#eef9e9;border-color:#9bc48e}.studio-alert.success button{border-color:#9bc48e}.caption-profile{background:#f3f8da;border:1px solid #cbd58c;border-radius:11px;align-items:center;gap:11px;margin-bottom:18px;padding:13px 15px;display:flex}.caption-profile>svg{color:#687b18;flex:none}.caption-profile div{flex:1;gap:3px;display:grid}.caption-profile strong{font-size:10px}.caption-profile span{color:#73775d;font-size:9px}.caption-profile a{text-underline-offset:3px;font-size:9px;font-weight:800;text-decoration:underline}.builder-grid{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:18px;display:grid}.builder-column{gap:18px;display:grid}.studio-panel,.batch-summary{border:1px solid var(--line);background:var(--white);border-radius:15px;box-shadow:0 8px 30px #17171309}.studio-panel{padding:22px}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-heading>div:first-child{align-items:center;gap:11px;display:flex}.panel-number{background:var(--ink);width:28px;height:28px;color:var(--accent);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:850;display:grid}.panel-heading h2,.panel-heading p{margin:0}.panel-heading h2{letter-spacing:-.02em;font-size:14px}.panel-heading p{color:#8a867a;margin-top:3px;font-size:9px}.step-complete{color:#39704a;align-items:center;gap:5px;font-size:9px;font-weight:800;display:flex}.dropzone{cursor:pointer;background:#f6f3eb;border:1.5px dashed #bbb6a8;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:205px;padding:30px;transition:background .15s,border-color .15s,transform .15s;display:flex}.dropzone:hover,.dropzone.dragging{background:#f2f7d9;border-color:#748327;transform:translateY(-2px)}.dropzone-icon{border:1px solid var(--line);background:var(--white);border-radius:12px;place-items:center;width:48px;height:48px;margin-bottom:13px;display:grid;box-shadow:0 5px 16px #1717130f}.dropzone strong{font-size:13px}.dropzone p{color:#777367;margin:5px 0 12px;font-size:10px}.dropzone small{color:#a09c90;font-size:8px}.uploaded-file{grid-template-columns:110px 1fr;gap:16px;display:grid}.uploaded-file>video{aspect-ratio:9/16;background:var(--ink);object-fit:cover;border-radius:10px;grid-row:1/3;width:110px}.uploaded-file-details{border:1px solid var(--line);background:#f7f5ee;border-radius:10px;grid-template-columns:auto 1fr auto;align-self:start;align-items:center;gap:10px;padding:13px;display:grid}.uploaded-file-details>span{background:#e8e4d8;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.uploaded-file-details strong,.uploaded-file-details small{display:block}.uploaded-file-details strong{text-overflow:ellipsis;white-space:nowrap;max-width:330px;font-size:11px;overflow:hidden}.uploaded-file-details small{color:#898579;margin-top:4px;font-size:8px}.uploaded-file-details button{color:#777367;cursor:pointer;background:0 0;border:0;border-radius:7px;place-items:center;width:28px;height:28px;display:grid}.uploaded-file-details button:hover{background:#e8e4d8}.uploaded-file>label{align-self:end}.uploaded-file>label span{color:#777367;margin-bottom:6px;font-size:9px;font-weight:750;display:block}.uploaded-file>label input{border:1px solid var(--line);background:#fff;border-radius:8px;outline:none;width:100%;height:39px;padding:0 11px;font-size:11px;font-weight:650}.uploaded-file>label input:focus{border-color:#85882c;box-shadow:0 0 0 3px #d9ff434d}.selection-count{color:#6f6b5f;background:#ece8dc;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:800}.category-tabs{gap:6px;margin-bottom:16px;display:flex;overflow-x:auto}.category-tabs button{border:1px solid var(--line);color:#7c786c;cursor:pointer;background:0 0;border-radius:7px;flex:none;min-height:30px;padding:0 10px;font-size:8px;font-weight:800}.category-tabs button.active{border-color:var(--ink);background:var(--ink);color:var(--accent)}.hooks-loading,.empty-hooks{color:#817d71;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:160px;font-size:10px;display:flex}.hooks-loading{flex-direction:row;gap:9px}.empty-hooks strong{color:var(--ink);margin-top:10px;font-size:12px}.empty-hooks p{margin:5px 0 12px}.empty-hooks code{color:#5d5a50;background:#e8e4d8;border-radius:6px;padding:6px 8px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.hook-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.hook-card{border:1px solid var(--line);background:#fff;border-radius:10px;min-width:0;padding:6px 6px 8px;transition:transform .15s,border-color .15s,box-shadow .15s;position:relative}.hook-card:hover{border-color:#989383;transform:translateY(-2px)}.hook-card.selected{border-color:var(--ink);box-shadow:3px 4px 0 var(--ink)}.hook-select-button{text-align:left;cursor:pointer;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.hook-visual{aspect-ratio:9/16;background:var(--coral);border-radius:6px;width:100%;display:block;position:relative;overflow:hidden}.hook-visual video{object-fit:cover;background:#1717131a;width:100%;height:100%}.tone-0{background:var(--coral)}.tone-1{background:var(--accent)}.tone-2{background:var(--violet)}.tone-3{background:var(--blue)}.tone-4{background:var(--yellow)}.hook-play{background:#fffef9e6;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hook-visual>small{color:#fff;background:#171713bf;border-radius:4px;padding:3px 5px;font-size:7px;font-weight:800;position:absolute;bottom:5px;right:5px}.hook-caption-overlay{z-index:2;color:#fff;letter-spacing:-.02em;text-align:center;text-shadow:0 2px 3px #000000e6,0 0 8px #000000b3;font-size:clamp(10px,1vw,15px);font-weight:900;line-height:1.08;position:absolute;top:14px;left:12px;right:12px}.hook-card-copy{padding:8px 3px 4px;display:block}.hook-card-copy strong,.hook-card-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.hook-card-copy strong{font-size:10px}.hook-card-copy small{color:#8b877b;text-transform:uppercase;margin-top:4px;font-size:7px;font-weight:750}.hook-checkbox{background:#fffef9db;border:1px solid #17171340;border-radius:5px;place-items:center;width:20px;height:20px;display:grid;position:absolute;top:11px;right:11px}.hook-card.selected .hook-checkbox{border-color:var(--ink);background:var(--ink);color:var(--accent)}.hook-caption-editor{border-top:1px solid #ece8de;gap:5px;padding:7px 3px 1px;display:grid}.hook-caption-editor>span{color:#777367;letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:5px;font-size:7px;font-weight:850;display:flex}.hook-caption-editor textarea{resize:vertical;width:100%;min-height:44px;color:var(--ink);background:#faf8f2;border:1px solid #ddd8cb;border-radius:7px;outline:none;padding:7px 8px;font-size:9px;font-weight:650;line-height:1.35}.hook-caption-editor textarea:focus{background:#fff;border-color:#8b963c;box-shadow:0 0 0 3px #d9ff433d}.batch-summary{padding:22px;position:sticky;top:86px}.summary-kicker{color:#908c80;letter-spacing:.14em;font-size:8px;font-weight:850}.batch-summary h2{letter-spacing:-.035em;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 17px;font-size:17px;overflow:hidden}.summary-preview{aspect-ratio:9/16;color:#898579;background:#dfdbcf;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.summary-preview video{object-fit:cover;width:100%;height:100%}.summary-preview span{color:#fff;text-overflow:ellipsis;white-space:nowrap;background:#171713c7;border-radius:6px;padding:6px 8px;font-size:8px;font-weight:700;position:absolute;bottom:8px;left:8px;right:8px;overflow:hidden}.summary-preview>svg+span{color:#898579;text-align:center;background:0 0;margin-top:8px;position:static}.batch-summary dl{gap:10px;margin:18px 0;display:grid}.batch-summary dl>div{border-bottom:1px solid #e7e3d8;justify-content:space-between;padding-bottom:9px;font-size:9px;display:flex}.batch-summary dt{color:#8a867a}.batch-summary dd{margin:0;font-weight:800}.summary-note{color:#918d80;justify-content:center;align-items:center;gap:6px;margin:12px 0 0;font-size:8px;display:flex}.results-layout{gap:18px;display:grid}.progress-panel{padding:25px 28px}.render-progress-heading{align-items:center;gap:14px;display:flex}.render-status-icon{background:#e9e5da;border-radius:13px;place-items:center;width:49px;height:49px;display:grid}.render-status-icon.completed{color:#347044;background:#d8f2cc}.render-status-icon.failed{color:var(--danger);background:#ffe0d8}.render-progress-heading p,.render-progress-heading h2,.render-progress-heading span{margin:0;display:block}.render-progress-heading p{color:#7b776a;letter-spacing:.12em;margin-bottom:3px;font-size:7px;font-weight:850}.render-progress-heading h2{letter-spacing:-.025em;font-size:16px}.render-progress-heading span{color:#898579;margin-top:4px;font-size:9px}.progress-track{background:#e6e2d7;border-radius:99px;height:6px;margin-top:20px;overflow:hidden}.progress-track span{border-radius:inherit;background:var(--accent-dark);height:100%;transition:width .35s;display:block}.export-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.export-card{border:1px solid var(--line);background:var(--white);border-radius:14px;overflow:hidden}.export-preview{aspect-ratio:9/16;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.export-preview video{background:var(--ink);object-fit:cover;width:100%;height:100%}.export-preview>small{color:#fff;letter-spacing:.1em;background:#171713d1;border-radius:5px;padding:5px 7px;font-size:7px;font-weight:850;position:absolute;top:10px;left:10px}.export-card-body{justify-content:space-between;align-items:end;gap:10px;padding:14px;display:flex}.export-card-body>div{min-width:0}.export-card-body span{color:#8c887c;text-transform:uppercase;font-size:7px;font-weight:800}.export-card-body h3{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:11px;overflow:hidden}.export-card-body p{color:#777367;margin:6px 0 0;font-size:8px;line-height:1.35}.download-button{background:var(--ink);color:var(--accent);border-radius:7px;flex:none;align-items:center;gap:5px;padding:8px 9px;font-size:8px;font-weight:800;display:flex}.export-state{background:#e9e5da;border-radius:99px;padding:6px 8px}.export-state.failed{color:var(--danger);background:#ffe0d8}.spin{animation:.9s linear infinite spin}.studio-gate{justify-content:center;align-items:center;gap:18px;min-height:100vh;display:flex}.mobile-studio-ribbon{display:none}.project-drawer-backdrop,.gate-backdrop{z-index:80;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1717137a;display:grid;position:fixed;inset:0}.project-drawer-backdrop{justify-items:end}.project-drawer{background:#f8f6ef;width:min(430px,100%);height:100%;padding:28px;overflow-y:auto;box-shadow:-28px 0 80px #17171338}.project-drawer>header{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.project-drawer h2{letter-spacing:-.05em;margin:5px 0 0;font-size:34px}.project-drawer>header>button,.gate-close{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.project-drawer-new{border:1px solid var(--ink);background:var(--ink);color:#fff;cursor:pointer;border-radius:11px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-bottom:18px;font-size:10px;font-weight:800;display:flex}.project-drawer-new:hover{background:#2d2d27}.project-drawer-list{gap:9px;display:grid}.project-drawer-list>button{border:1px solid var(--line);background:var(--white);text-align:left;cursor:pointer;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:15px;display:grid}.project-drawer-list>button:hover{border-color:#9a9587;transform:translateY(-1px)}.project-drawer-list span,.project-drawer-list strong,.project-drawer-list small{min-width:0;display:block}.project-drawer-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.project-drawer-list small{color:#8a8679;text-overflow:ellipsis;text-transform:capitalize;white-space:nowrap;margin-top:4px;font-size:8px;overflow:hidden}.project-drawer-list b{font-size:9px}.projects-empty{color:#858174;text-align:center;border:1px dashed #cfcabb;border-radius:14px;align-content:center;place-items:center;gap:9px;min-height:240px;padding:30px;display:grid}.projects-empty strong{color:var(--ink);font-size:13px}.projects-empty p{max-width:230px;margin:0;font-size:9px;line-height:1.5}.gate-backdrop{place-items:center;padding:24px}.creation-gate{background:var(--white);border:1px solid #ffffffa6;border-radius:22px;width:min(540px,100%);padding:42px;position:relative;overflow:hidden;box-shadow:0 36px 100px #17171347}.creation-gate-paywall{width:min(980px,100%)}.gate-close{z-index:2;position:absolute;top:18px;right:18px}.gate-icon{background:var(--accent);border-radius:13px;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.creation-gate h2{letter-spacing:-.055em;margin:8px 0 10px;font-size:clamp(30px,4vw,42px);line-height:1}.creation-gate>p:not(.section-kicker),.gate-preparing>p:not(.section-kicker),.paywall-heading p:not(.section-kicker){color:#777367;margin:0;font-size:12px;line-height:1.55}.gate-signin-form{grid-template-columns:1fr auto;align-items:end;gap:10px;margin:28px 0 16px;display:grid}.gate-signin-form label{width:100%;min-width:0}.gate-signin-form label>span{color:#777367;margin-bottom:7px;font-size:9px;font-weight:800;display:block}.gate-signin-form label>div{border:1px solid var(--line);background:#faf8f2;border-radius:10px;align-items:center;gap:8px;width:100%;height:48px;padding:0 13px;display:flex}.gate-signin-form input{background:0 0;border:0;outline:0;width:100%;min-width:0}.gate-check-email{align-content:center;min-height:330px;display:grid}.gate-check-email .gate-icon{margin-bottom:22px}.gate-check-email h2{max-width:430px}.gate-check-email>p:not(.section-kicker){color:#777367;margin:0;font-size:12px;line-height:1.6}.gate-email-waiting{color:#69655a;background:#f0ede3;border-radius:99px;align-items:center;gap:8px;width:fit-content;margin-top:24px;padding:10px 13px;font-size:10px;font-weight:800;display:inline-flex}.gate-resend{color:#69655a;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;width:fit-content;margin-top:18px;padding:0;font-size:10px;font-weight:800;text-decoration:underline}.video-storage-error{color:var(--danger);background:#fff0ec;border-radius:9px;grid-column:1/-1;padding:10px 12px;font-size:9px;font-weight:700}.creation-gate>small{color:#969184;font-size:8px}.gate-preparing{text-align:center;align-content:center;place-items:center;min-height:340px;display:grid}.gate-preparing .loading-orbit{margin-bottom:32px}.gate-progress{background:#e4e0d5;border-radius:99px;width:min(340px,100%);height:7px;margin-top:30px;overflow:hidden}.gate-progress span{border-radius:inherit;background:var(--accent-dark);width:55%;height:100%;animation:2.6s ease-in-out forwards gateProgress;display:block}@keyframes gateProgress{to{width:100%}}.paywall-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.paywall-heading>span{color:#686459;background:#efecdf;border-radius:99px;flex:none;align-items:center;gap:7px;padding:9px 12px;font-size:9px;font-weight:800;display:flex}.credit-pack-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.credit-pack-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#faf8f2;border-radius:15px;flex-direction:column;align-items:flex-start;min-height:260px;padding:22px 18px;display:flex;position:relative}.credit-pack-grid>button:hover,.credit-pack-grid>button.featured{border-color:var(--ink);background:#f2f7d3;box-shadow:0 8px 24px #17171314}.credit-pack-grid>button>small{background:var(--ink);color:var(--accent);border-radius:99px;padding:5px 8px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:-10px;right:12px}.credit-pack-grid>button>span{color:#767266;font-size:10px;font-weight:800}.credit-pack-grid>button>strong{letter-spacing:-.06em;margin-top:22px;font-size:44px;line-height:.85}.credit-pack-grid>button>p{color:#888477;margin:8px 0 0;font-size:9px}.credit-pack-grid>button>b{margin-top:22px;font-size:18px}.credit-pack-grid>button>b em{color:#8c887b;font-size:8px;font-style:normal;font-weight:650}.credit-pack-grid>button>i{border-top:1px solid #dcd7c9;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding-top:18px;font-size:9px;font-style:normal;font-weight:850;display:flex}.checkout-error{color:var(--danger);background:#ffe6df;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:9px;font-weight:750}.paywall-trust{color:#777367;justify-content:center;gap:22px;margin-top:22px;font-size:8px;font-weight:700;display:flex}.paywall-trust span{align-items:center;gap:5px;display:inline-flex}.paywall-trust svg{color:#56813c}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:1060px){.hero-section{grid-template-columns:1fr;gap:70px}.hero-copy{max-width:760px}.product-preview{width:min(680px,92%);margin:0 auto}.signal-strip{grid-template-columns:repeat(3,1fr)}.signal-strip p{display:none}.studio-layout{grid-template-columns:1fr}.studio-sidebar{display:none}.builder-grid{grid-template-columns:minmax(0,1fr) 270px}}@media (max-width:820px){.marketing-links{display:none}.hero-section{padding-top:40px}.hero-copy h1{font-size:clamp(48px,11vw,72px)}.workflow-grid,.principle-section{grid-template-columns:1fr}.workflow-card.featured{transform:none}.principle-section{gap:30px}.principle-stack{margin-top:20px}.closing-section{flex-direction:column;align-items:flex-start}.builder-grid{grid-template-columns:1fr}.batch-summary{position:static}.studio-shell{padding-bottom:84px}.server-pill{display:none}.credit-pack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-gate{max-height:calc(100vh - 30px);overflow-y:auto}.category-tabs{z-index:12;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffef9f0;margin-left:-16px;margin-right:-16px;padding:9px 16px;position:sticky;top:64px}.mobile-studio-ribbon{z-index:40;right:12px;bottom:max(12px, env(safe-area-inset-bottom));color:#fff;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#171713f0;border:1px solid #ffffff29;border-radius:17px;grid-template-columns:1fr 1fr 1.25fr;align-items:stretch;gap:6px;min-height:62px;padding:7px;display:grid;position:fixed;left:12px;box-shadow:0 18px 45px #17171357}.mobile-studio-ribbon button,.mobile-studio-ribbon>div{color:#d8d5ca;background:0 0;border:0;border-radius:11px;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;padding:7px 9px;font-size:9px;font-weight:800;display:flex}.mobile-studio-ribbon button{cursor:pointer}.mobile-studio-ribbon button:disabled{cursor:not-allowed;opacity:.38}.mobile-studio-ribbon>div strong,.mobile-studio-ribbon>div span{display:block}.mobile-studio-ribbon>div strong{color:var(--accent);font-size:13px}.mobile-studio-ribbon .mobile-ribbon-action{background:var(--accent);color:var(--ink)}.hook-grid,.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.login-shell{padding-bottom:20px}.login-nav{width:calc(100% - 28px);height:66px}.login-card{border-radius:20px;width:calc(100% - 28px);padding:34px 20px}.marketing-nav-actions{gap:10px}.marketing-login{font-size:12px}.onboarding-shell{padding-bottom:20px}.onboarding-nav{width:calc(100% - 28px);height:66px}.onboarding-nav>span{display:none}.studio-header{padding:0 13px}.header-divider,.workspace-name{display:none}.studio-header-actions{gap:5px}.workspace-stat{justify-content:center;width:32px;padding:0}.workspace-stat span{display:none}.project-drawer{padding:22px 16px}.gate-backdrop{align-items:end;padding:10px}.creation-gate{border-radius:19px;width:100%;max-height:calc(100vh - 20px);padding:30px 20px 24px}.gate-signin-form{grid-template-columns:1fr}.gate-signin-form .button{width:100%}.paywall-heading{flex-direction:column;align-items:flex-start;gap:14px}.paywall-heading h2{font-size:31px}.credit-pack-grid{gap:8px}.credit-pack-grid>button{min-height:205px;padding:18px 14px}.credit-pack-grid>button>strong{margin-top:16px;font-size:36px}.credit-pack-grid>button>b{margin-top:15px;font-size:15px}.paywall-trust{flex-wrap:wrap;gap:10px 16px}.onboarding-card{border-radius:16px;width:calc(100% - 20px);min-height:calc(100vh - 82px);margin-top:6px}.onboarding-banner{min-height:48px;padding:0 16px;font-size:10px}.onboarding-content{min-height:0;padding:20px 16px 28px}.onboarding-heading{margin:16px auto 22px}.onboarding-heading h1,.caption-loading-state h1{font-size:31px}.onboarding-heading p,.caption-loading-state>p{font-size:12px;line-height:1.45}.discovery-grid{grid-template-columns:1fr;gap:8px}.discovery-grid button{min-height:50px}.onboarding-footer{background:var(--white);min-height:72px;padding:11px 14px;position:sticky;bottom:0}.caption-loading-grid{gap:7px}.caption-loading-grid div{min-height:110px}.marketing-nav-inner,.hero-section,.workflow-section{width:min(100% - 30px,1180px)}.marketing-nav-inner{height:72px}.hero-section{min-height:auto;padding:34px 0 74px}.hero-copy h1{margin-top:22px;font-size:47px}.hero-lede{font-size:16px}.hero-actions,.benefit-list{flex-direction:column;align-items:flex-start}.product-preview{width:calc(100% - 14px);box-shadow:7px 8px 0 var(--ink), var(--shadow)}.preview-body{grid-template-columns:1fr}.preview-steps{display:none}.preview-content{padding:20px 17px}.signal-strip{grid-template-columns:1fr;gap:12px;min-height:130px;padding:24px 16px}.workflow-section{padding:90px 0}.section-heading h2,.principle-copy h2{font-size:43px}.workflow-card{min-height:250px}.workflow-card>svg{margin-top:48px}.principle-section,.closing-section{padding:80px 18px}.principle-stack{height:330px}.stack-card-back{width:calc(100% - 35px);left:35px}.stack-card-middle{width:calc(100% - 20px);left:15px}.marketing-footer{grid-template-columns:1fr auto;padding:28px 18px}.marketing-footer p{display:none}.studio-header{height:58px;padding:0 14px}.workspace-name,.header-divider,.server-pill{display:none}.studio-main{padding:24px 10px 72px}.studio-title-row{flex-direction:column;align-items:flex-start}.studio-title-row h1{font-size:35px}.studio-panel{padding:14px}.caption-profile{align-items:flex-start}.caption-profile span{line-height:1.4}.panel-heading{align-items:flex-start}.panel-heading p{max-width:210px}.uploaded-file{grid-template-columns:86px 1fr;gap:10px}.uploaded-file>video{width:86px}.uploaded-file-details{padding:9px}.uploaded-file-details>span{display:none}.hook-grid,.export-grid{grid-template-columns:1fr 1fr;gap:8px}.category-tabs{margin-left:-14px;margin-right:-14px;padding-left:14px;padding-right:14px;top:58px}.hook-caption-overlay{font-size:10px;top:11px;left:8px;right:8px}.hook-caption-editor textarea{min-height:48px;font-size:9px}.export-card-body{flex-direction:column;align-items:stretch}.download-button{justify-content:center}}