/* Final landing-page layout. Green is reserved for actions, selected controls
   and caption examples; supporting surfaces share a neutral charcoal palette. */
:root{--line:#303334;--muted:#aeb4b1}
.eyebrow{color:#a3aea5;letter-spacing:.11em}
.how-section{padding-bottom:48px}
.workflow-steps{border-top:0;border-bottom:1px solid #2c3030;padding:20px 0}
.workflow-steps li{border-left:0;gap:14px}
.step-number{border:0;background:#1b1f1e;color:#bdc9b7;width:36px;height:36px}
.hero-actions{gap:13px;flex-wrap:nowrap}
.hero-actions .button{min-height:48px;padding:14px 19px;white-space:nowrap}
.hero-actions .text-link{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 12px;text-decoration:none;border-radius:9px;color:#d0d5cf;white-space:nowrap}
.hero-actions .text-link:hover{background:#1d2220;color:#edf4e7}

/* A clear distinction between local processing and your reusable style. */
.why-section{padding:20px 0 68px}
.why-section .section-heading{margin-bottom:32px}
.value-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:70px;align-items:center}
.value-basics{display:flex;flex-direction:column;gap:0}
.value-basics .value-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:25px 0}
.value-basics .value-card:first-child{padding-top:0}
.value-basics .value-card:last-child{padding-bottom:0}
.value-basics .value-card+.value-card{border-top:1px solid #2c3230}
.value-top{gap:14px;margin-bottom:13px}
.value-top svg{width:27px;height:27px;stroke:#b7c1b5;stroke-width:1.5}
.value-top span{font-size:12px;color:#929f94;letter-spacing:.075em}
.value-basics .value-card h3{font-size:25px;font-weight:500;letter-spacing:-.035em;margin-bottom:9px}
.value-basics .value-card p{max-width:360px;color:#adb6af;font-size:16px;line-height:1.6}
.preset-showcase{min-width:0;padding:28px 30px 21px;background:#1a1d1e;border-radius:20px}
.preset-showcase-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:21px}
.preset-showcase-heading .eyebrow{font-size:12px;margin-bottom:8px}
.preset-showcase-heading h3{font-size:28px;font-weight:500;letter-spacing:-.035em;line-height:1.15;margin:0}
.preset-showcase-heading>svg{width:30px;height:30px;fill:none;stroke:#afbdab;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.preset-demo-card{background:#111513;border:1px solid #3b433c;border-radius:13px;padding:18px 21px 0}
.preset-demo-card-title{display:flex;justify-content:space-between;align-items:center;gap:12px}
.preset-demo-card-title strong{font-size:17px;font-weight:500;color:#edf2e8}
.preset-demo-card-title>span{font-size:12px;color:#939e94}
.preset-caption-sample{padding:28px 0 30px;font-size:clamp(25px,2.35vw,34px);font-weight:700;letter-spacing:-.045em;line-height:1.4;color:#edf3e8;display:flex;align-items:baseline;justify-content:center;gap:8px;flex-wrap:wrap}
.preset-caption-sample mark{background:#bbed97;color:#142015;padding:0 7px 2px;border-radius:5px}
.preset-specs{display:grid;grid-template-columns:.7fr 1.25fr 1.2fr;gap:12px;margin:0;border-top:1px solid #303931;padding:15px 0 17px}
.preset-specs>div{min-width:0}.preset-specs dt{font-size:12px;color:#8f9e90;margin-bottom:8px}
.preset-specs dd{display:flex;align-items:center;gap:7px;margin:0;color:#d2dfcd;font-size:13px;line-height:1.4;overflow-wrap:anywhere}
.preset-specs svg{width:10px;height:17px;fill:none;stroke:#b1bfa9;stroke-width:1.5;flex:none}
.preset-specs i{width:8px;height:8px;background:#bbed97;border-radius:50%;flex:none}
.preset-reuse{display:flex;align-items:center;gap:9px;margin:16px 0 0;color:#a8b5a5;font-size:13px;line-height:1.45}
.preset-reuse svg{width:16px;height:16px;stroke:#a8b5a5;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* The gallery has one shared frame; screenshots keep their true proportions. */
.product-section{padding:60px 0 64px;border-top:0;gap:68px;align-items:center}
.product-section .product-copy>p:not(.eyebrow){color:#b2bab4}
.layout-mini{margin:28px 0 24px}.layout-mini li{color:#bec7be}
.workspace-gallery{max-width:590px}
.gallery-frame{border:1px solid #3a403d;border-radius:20px;background:#181d1a;overflow:hidden;box-shadow:0 20px 55px #0002}
.workspace-tabs{border:0;border-radius:0;background:#1c211f;padding:9px 12px;margin:0;width:100%;max-width:none;gap:5px;border-bottom:1px solid #343b35;justify-content:flex-start}
.workspace-tabs button{padding:8px 21px;min-height:38px;border-radius:7px;border:0;font-size:14px;color:#aeb9ae}
.workspace-tabs button:hover{border:0;background:#2b322c}
.workspace-tabs button[aria-selected=true]{background:#303c2b;color:#d6edc4;box-shadow:inset 0 0 0 1px #526746}
.workspace-panel{border:0;border-radius:0;background:#191a19}
.workspace-image{padding:8px;display:block;position:relative;background:#191a19;line-height:0}
.workspace-image img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain;border-radius:5px}
.image-open{position:absolute;top:17px;right:17px;bottom:auto;left:auto;margin:0;min-height:34px;padding:6px 10px;width:auto;background:#111713eb;border:1px solid #58634f;border-radius:7px;font-size:12px;line-height:1.3;gap:6px;box-shadow:0 2px 12px #0004;color:#e6efdf}
.image-open:before{width:17px;height:17px;font-size:14px;border-color:#6b7d60}
.workspace-image:hover .image-open{background:#303c29}
.workspace-panel figcaption{padding:16px 19px;min-height:0;background:#171c19;border-top:1px solid #323a32;gap:4px}
.workspace-panel figcaption strong{font-size:17px;color:#e2eadd}
.workspace-panel figcaption span{font-size:14px;color:#9fac9e;line-height:1.5}
.workspace-footnote{font-size:12px;color:#8d9c8f;margin-top:11px}

/* The portrait stays large. Compact controls remove vertical overhead. */
.studio-section{background:transparent;border:0;padding:56px 0 62px}
.studio-heading{margin-bottom:25px}.studio-heading>p{color:#aab5ab}
.caption-workbench{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);max-width:1080px;border:1px solid #363e39;border-radius:20px;background:#1b1e1f;box-shadow:0 22px 60px #0002}
.lab-toolbar{padding:12px 22px;background:#232627;min-height:61px;border-color:#383e3d}
.lab-mark{display:none}.lab-toolbar>div{gap:0}.lab-toolbar>div>div{display:flex;align-items:baseline;gap:13px;flex-wrap:wrap}
.lab-toolbar strong{font-size:16px}.lab-toolbar div div>span{font-size:12px;color:#92a28f;margin:0}
.reset-look{min-height:36px;padding:8px 12px;font-size:13px;border-color:#414c40;background:transparent}
.preview-area{padding:20px 26px 15px;background:#191c1d;border:0;align-self:start;justify-content:flex-start}
.preview-meta{width:min(100%,310px);margin-bottom:10px;font-size:12px;letter-spacing:0;color:#9eaf9c;line-height:1.4}
.demo-phone{width:min(100%,310px);border-color:#65775e;box-shadow:0 0 0 4px #10171166,0 16px 35px #0005}
.preview-transport{width:min(100%,335px);margin:0}.preview-player{margin-top:12px;gap:9px}
.preview-player button{width:36px;height:36px;min-width:36px;background:#252f24;border-color:#4d5e45}
.preview-player span{font-size:12px}.word-timing{margin-top:10px;border-top-color:#354532}
.word-timing summary{min-height:34px;font-size:13px}.word-timing #preview-status{font-size:12px}
.studio-controls{padding:23px 25px;border-left:1px solid #383e3d;background:#1c1f20}
.lab-tabs{gap:25px;margin-bottom:18px}.lab-tabs button{font-size:14px;min-height:36px;padding-bottom:10px;color:#9caa9c}
.setting-title{margin-bottom:11px;font-size:14px}.setting-title>span:last-child{background:transparent;border-color:#46553e;font-size:12px}
.look-grid{gap:8px;margin-bottom:19px}.look-card{border:1px solid #424a49;background:#252a2a;border-radius:8px}
.look-sample{min-height:40px;font-size:18px;border:0;background:#161a1b}
.look-label{font-size:13px;padding:7px 10px;background:transparent}
.look-card[aria-pressed=true] .look-label{background:#2a3824}.look-card[aria-pressed=true] .look-label:after{bottom:6px;right:10px;font-size:14px}
.look-card[aria-pressed=true]{border-color:#9fbd8b;box-shadow:0 0 0 1px #bbed9712}
.studio-controls fieldset{margin-bottom:16px}.studio-controls legend{font-size:14px;margin-bottom:12px}
.swatches{gap:9px}.swatch{width:32px;height:32px;border-color:#1c1f20;outline-color:#4b6042}
.swatch[aria-pressed=true]{outline-color:#c0dda9}.custom-color-row{margin-top:11px;font-size:13px;gap:10px}
.fine-tune{margin-top:17px;padding-top:0;border-color:#3e4c38}.fine-tune summary{min-height:43px;font-size:14px}.fine-tune summary span{font-size:18px;color:#bed9ac}
.range-setting{margin-top:16px}.glow-setting{margin-bottom:0;padding:12px 14px;background:#252b2b;border-color:#485e3d}
.studio-note{margin-top:18px;font-size:12px;line-height:1.5;color:#9fa9a5;max-width:355px}
.studio-controls textarea,.studio-controls input[type=text]{background:#141819;border-color:#475c3b;font-size:16px;padding:11px}
.field-label{margin-bottom:10px}.field-help{margin:9px 0 19px;font-size:13px}.mark-field{margin-top:20px!important}
.mark-positions button{font-size:13px;min-height:42px;padding:10px;background:#252b2a;border-color:#475b3d}
.access{border-top:0;border-bottom:0;padding:44px 0 49px;gap:36px}
.access h2{font-size:34px}.access .eyebrow{margin-bottom:12px}
.faq{padding:47px 0 55px;border-top:1px solid #303730;gap:70px}.faq summary{border-color:#343e34}.faq details p{color:#adbaaa}
footer{border-color:#2d382d}

@media(min-width:761px) and (max-width:1000px){
  .hero-actions{gap:8px}.hero-actions .button{font-size:14px;padding:13px 14px}.hero-actions .text-link{font-size:14px;padding:10px 4px}
  .value-grid{gap:35px;grid-template-columns:.9fr 1.1fr}.preset-showcase{padding:23px 22px 20px}.preset-showcase-heading h3{font-size:25px}.preset-demo-card{padding:16px 17px 0}.preset-specs{grid-template-columns:1fr 1.4fr;gap:13px}.preset-specs>div:last-child{grid-column:1/-1;display:flex;align-items:baseline;justify-content:space-between}.preset-specs>div:last-child dt{margin:0}
  .product-section{gap:36px}.workspace-tabs button{padding:8px 17px}.workspace-image img{max-height:370px}
  .caption-workbench{grid-template-columns:1fr 1fr}.preview-area{padding:20px 21px 16px}.studio-controls{padding:22px 21px}.demo-phone{width:min(100%,290px)}.lab-tabs{gap:18px}.lab-tabs button{font-size:14px}.look-sample{font-size:16px}.swatches{gap:9px}.swatch{width:30px;height:30px}
}
@media(max-width:760px){
  .nav{min-height:70px;padding:15px 0}.hero{padding:32px 0 24px;gap:25px}.hero .eyebrow{margin-bottom:16px}.hero h1{margin-bottom:21px}.hero .intro{font-size:16px;line-height:1.55;margin-bottom:20px}.hero-actions{gap:10px;display:flex;align-items:stretch}.hero-actions .button{font-size:14px;padding:13px 16px;min-height:46px;gap:8px}.hero-actions .text-link{font-size:14px;padding:10px 11px;min-height:46px}.hero .micro{margin-top:14px;font-size:12px}
  .how-section{padding-bottom:34px}.workflow-steps{padding:0;border-bottom:0}.workflow-steps li,.workflow-steps li:first-child,.workflow-steps li:last-child{padding:12px 0;gap:14px}.workflow-steps li+li{border-top:1px solid #29342a}.workflow-steps h3{font-size:16px}.workflow-steps p{font-size:14px}.step-number{width:32px;height:32px;font-size:12px}
  .why-section{padding:12px 0 39px}.why-section .section-heading{margin-bottom:24px}.value-grid{grid-template-columns:1fr;gap:26px}.value-basics .value-card{padding:20px 0}.value-top{margin-bottom:10px}.value-top span{font-size:12px}.value-top svg{width:25px;height:25px}.value-basics .value-card h3{font-size:24px}.value-basics .value-card p{max-width:470px;font-size:16px}
  .preset-showcase{padding:23px 22px 20px;border-radius:17px}.preset-showcase-heading{margin-bottom:19px}.preset-showcase-heading h3{font-size:26px}.preset-showcase-heading>svg{width:27px;height:27px}.preset-showcase-heading .eyebrow{font-size:12px}.preset-demo-card{padding:15px 17px 0;border-radius:11px}.preset-demo-card-title strong{font-size:17px}.preset-caption-sample{font-size:29px;gap:6px;padding:23px 0 26px}.preset-specs{grid-template-columns:.7fr 1.1fr 1.2fr;gap:10px;padding:14px 0 15px}.preset-specs dt{font-size:12px}.preset-specs dd{font-size:13px;gap:6px}.preset-reuse{font-size:13px;margin-top:14px}
  .product-section{padding:35px 0 38px;gap:26px;grid-template-columns:1fr}.product-section .product-copy h2{font-size:34px;margin-bottom:15px}.product-section .product-copy .eyebrow{margin-bottom:13px}.product-section .product-copy>p:not(.eyebrow){font-size:16px;line-height:1.6}.layout-mini{margin:23px 0 20px}.layout-mini li{font-size:12px}.workspace-gallery{max-width:550px}.gallery-frame{border-radius:17px}.workspace-tabs{padding:8px 10px;gap:4px}.workspace-tabs button{padding:8px 22px;font-size:14px;min-height:38px}.workspace-image{padding:6px}.workspace-image img{max-height:360px}.image-open{top:12px;right:12px;font-size:12px;padding:6px 9px;min-height:34px}.workspace-panel figcaption{padding:15px 17px}.workspace-panel figcaption strong{font-size:17px}.workspace-panel figcaption span{font-size:14px}.workspace-footnote{font-size:12px;margin-top:10px}
  .studio-section{padding:36px 0 38px}.studio-heading{margin-bottom:22px}.studio-heading h2{font-size:32px}.studio-heading .eyebrow{margin-bottom:10px}.studio-heading>p{margin-top:10px;font-size:16px}.caption-workbench{display:flex;border-radius:17px}.lab-toolbar{padding:12px 17px;min-height:62px}.lab-toolbar>div>div{display:block}.lab-toolbar strong{font-size:16px}.lab-toolbar div div>span{font-size:12px;margin-top:3px}.reset-look{font-size:13px;min-height:36px;padding:8px 10px}
  .preview-area{display:flex;align-self:stretch;align-items:center;position:static;order:1;background:#191c1d;padding:20px 22px 12px;border-bottom:1px solid #35462e;gap:0}.preview-meta{width:min(100%,230px);margin-bottom:11px;font-size:12px}.demo-phone{width:min(100%,230px)}.preview-transport{width:min(100%,310px);margin:0}.preview-player{display:grid;grid-template-columns:36px minmax(0,1fr) auto 36px;margin-top:13px;gap:8px}.preview-player button{width:36px;min-width:36px;height:36px}.preview-player span{font-size:12px}.word-timing{margin-top:9px}.word-timing summary{min-height:36px;font-size:13px}.word-scrubber{margin-top:8px}.word-scrubber button{font-size:12px;min-height:34px}
  .studio-controls{order:2;border:0;padding:23px 22px;background:#1c1f20}.lab-tabs{gap:25px;margin-bottom:18px}.lab-tabs button{font-size:14px;min-height:38px}.look-grid{gap:8px;margin-bottom:20px}.look-sample{min-height:43px;font-size:19px}.look-label{font-size:14px;padding:7px 10px}.look-card[aria-pressed=true] .look-label:after{bottom:7px}.swatches{gap:11px}.swatch{width:34px;height:34px}.fine-tune summary{min-height:44px;font-size:14px}.studio-note{font-size:12px;max-width:none;margin-top:16px}
  .access{padding:32px 0 38px}.access h2{font-size:32px}.access-action{display:flex;align-items:center;gap:18px;margin-top:20px}.access-action .micro{font-size:12px;margin:0}.access p:not(.eyebrow):not(.micro){font-size:16px}.faq{padding:36px 0 38px;grid-template-columns:1fr;gap:13px}.faq h2{font-size:30px}.faq summary{font-size:16px;min-height:60px;padding:16px 0}.faq details p{font-size:16px}footer{padding:23px 0;gap:15px}
}
@media(max-width:420px){
  .preset-showcase{padding:21px 17px 17px}.preset-showcase-heading h3{font-size:25px}.preset-demo-card{padding:14px 14px 0}.preset-demo-card-title{gap:8px}.preset-demo-card-title>span{font-size:12px}.preset-caption-sample{font-size:27px;padding:22px 0 25px}.preset-specs{grid-template-columns:.85fr 1.15fr;gap:13px}.preset-specs>div:last-child{grid-column:1/-1;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.preset-specs>div:last-child dt{margin-bottom:0}.preset-reuse{font-size:12px;line-height:1.6}
  .workspace-tabs button{flex:1;padding:8px 13px}.preview-area{padding:18px 17px 12px}.preview-meta,.demo-phone{width:min(100%,210px)}.studio-controls{padding:22px 18px}.look-sample{font-size:17px;min-height:40px}.look-label{font-size:13px}.swatches{gap:9px}.swatch{width:30px;height:30px}.custom-color-row{font-size:13px}.lab-tabs{gap:18px}.lab-tabs button{font-size:14px}.preview-player{grid-template-columns:34px minmax(0,1fr) auto 34px;gap:7px}.preview-player button{width:34px;height:34px;min-width:34px}.preview-player span{font-size:12px}.access-action{gap:15px}.access-action .button{padding:14px 16px}
}
@media(max-width:350px){
  .hero-actions{gap:5px}.hero-actions .button{font-size:13px;padding:12px 13px}.hero-actions .text-link{font-size:13px;padding:10px 8px}.preset-showcase-heading h3{font-size:23px}.preset-showcase-heading>svg{width:24px;height:24px}.preset-demo-card-title strong{font-size:16px}.preset-caption-sample{font-size:25px;gap:4px}.preset-specs dd{font-size:12px}.preset-reuse svg{display:none}.lab-toolbar{padding:12px 14px}.lab-toolbar strong{font-size:15px}.studio-controls{padding:21px 15px}.look-sample{font-size:16px}.swatches{gap:8px}.swatch{width:28px;height:28px}.custom-color-row{gap:8px}.access-action{display:block}.access-action .micro{margin-top:12px}
}
@media(prefers-reduced-motion:reduce){.hero-actions .text-link{transition:none}}

/* Keep the hero and workflow together in the first screen. Content may grow on short screens. */
.intro-scene{display:flex;flex-direction:column;min-height:calc(100vh - 88px);min-height:calc(100svh - 88px)}
.intro-scene>.hero{flex:1 0 auto;margin-block:0}
.intro-scene>.how-section{flex:0 0 auto;margin-block:0}
@media(max-width:760px){.intro-scene{min-height:calc(100vh - 74px);min-height:calc(100svh - 74px)}}
@media print{.intro-scene{display:block;min-height:0}}

/* Editorial visual system: one type family, restrained surfaces, a stronger opening. */
@font-face{font-family:Manrope;src:url("/immutable/assets/fonts/manrope-variable.3ae11c49db0455a3.ttf") format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#0e1110;--ink:#f1f3ed;--muted:#a8b1aa;--green:#c1ee9f;--line:#303833}
body{font-family:Manrope,Arial,sans-serif;background:#0e1110;font-weight:450}
h1,h2,h3,.hero h1,.hero h1 em,.section-heading h2,.brand{font-family:Manrope,Arial,sans-serif}
button,input,textarea,select{font-family:inherit}
.demo-phone,.look-sample{font-family:Arial,Helvetica,sans-serif}
.eyebrow{font-weight:650;font-size:12px;letter-spacing:.14em;color:#a4b99a}
h2{font-weight:550;letter-spacing:-.055em;line-height:1.12}
.brand{font-weight:750;letter-spacing:-1.3px}

.hero{position:relative;isolation:isolate;padding:76px 0 70px;grid-template-columns:minmax(0,1fr) minmax(0,1.06fr);gap:62px}
.hero::before{content:"";position:absolute;inset:0 -35px 0 38%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 42%,#a3d88115,transparent 66%)}
.hero-main{min-width:0;position:relative}
.hero .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;padding:7px 11px;border:1px solid #6274544d;border-radius:6px;background:#bbed9705;font-size:12px;letter-spacing:.12em;color:#c0d3b4}
.hero h1{font-size:clamp(58px,5.9vw,81px);font-weight:530;letter-spacing:-.069em;line-height:1.075;margin-bottom:29px}
.hero h1>span:first-child{color:#f1f3ed}.hero h1>span:nth-child(2){color:#d9ded5}
.hero h1 em{font-weight:560;color:#c1ee9f;letter-spacing:-.064em}
.hero .intro{font-size:17px;line-height:1.75;color:#aeb9af;max-width:440px;margin-bottom:30px}
.hero-actions .button.primary{background:#c1ee9f;border-color:#c1ee9f;color:#192612;min-height:52px;padding:15px 22px;border-radius:10px;font-weight:750;box-shadow:inset 0 1px 0 #f0ffde80,0 7px 20px #0002}
.hero-actions .text-link{font-size:14px;font-weight:600;color:#d8e4cf;border:1px solid #4b5a454a;padding:13px 17px;min-height:52px;border-radius:10px;background:#ffffff02}
.hero .micro{font-size:12px;letter-spacing:.01em;color:#8e9d8c;margin-top:22px}
.hero-visual{position:relative;min-width:0;padding:12px}
.hero-visual::before{content:"";position:absolute;inset:0;border-radius:30px;border:1px solid #bbed9715;background:linear-gradient(145deg,#bbed9708,transparent 38%,#ffffff02);box-shadow:0 35px 80px #0003;pointer-events:none}
.hero-stage{width:100%;max-width:none;border-radius:20px;box-shadow:0 1px 0 #ffffff0b,0 18px 55px #0004;border-color:#52634b;background:#111812}
.film-top{background:#1b221d;padding:16px 19px;font-size:12px;font-weight:600;letter-spacing:.065em;color:#c4d0bc}
.film-top>span:last-child{font-size:12px;letter-spacing:0;border:0;background:#2a3624;color:#c1d9af;padding:5px 9px;border-radius:5px}
.intro-controls{padding:12px 17px;background:#181e1a;border-color:#323e30}
.intro-controls button{border:1px solid #414b3a;border-radius:50%;background:#202a1e}
.intro-controls button:hover{border:1px solid #7f966b;background:#2c3a26}
.film-bottom{background:#141a16;padding:11px 17px;color:#91a08c}.film-bottom>span{font-size:12px}
.tour-start{font-family:Manrope,Arial,sans-serif;font-weight:750}

.how-section{padding-bottom:73px}
.workflow-steps h3{font-weight:650;font-size:16px;letter-spacing:-.025em}
.workflow-steps p{font-size:13px;color:#97a691}
.step-number{font-family:Manrope,Arial,sans-serif;font-size:12px;font-weight:650}
.why-section{padding:20px 0 68px}
.why-section .section-heading{margin-bottom:37px}
.section-heading h2{font-size:clamp(36px,3.8vw,52px);font-weight:550;letter-spacing:-.06em}
.value-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:72px}
.preset-showcase{order:-1;padding:30px;border-radius:23px;min-width:0}
.preset-showcase-heading{margin-bottom:26px}.preset-showcase-heading h3{font-size:28px;font-weight:550;letter-spacing:-.04em}
.preset-showcase-heading .eyebrow{font-size:12px;letter-spacing:.14em;margin-bottom:11px}
.preset-demo-card{padding:21px 23px 0;background:#0e1511;border-color:#4e614849;border-radius:14px}
.preset-demo-card-title strong{font-size:17px;font-weight:650}.preset-demo-card-title>span{font-size:12px}
.preset-caption-sample{font-family:Manrope,Arial,sans-serif;font-size:clamp(28px,2.6vw,38px);font-weight:750;letter-spacing:-.055em;padding:37px 0 39px;gap:9px}
.preset-caption-sample mark{padding:0 7px 3px;border-radius:5px;background:#c1ee9f}
.preset-specs{padding:19px 0 21px;gap:10px}.preset-specs dt{font-size:12px;color:#879a81}.preset-specs dd{font-size:12px;color:#cfdec4}
.preset-reuse{font-size:12px;margin-top:19px;gap:10px;color:#a2b598}
.value-basics .value-card{padding:29px 0}.value-top{margin-bottom:14px;gap:12px}
.value-top svg{width:29px;height:29px;stroke:#bad1ad}.value-top span{font-size:12px;letter-spacing:.14em;color:#96aa8c}
.value-basics .value-card h3{font-size:29px;line-height:1.2;font-weight:550;letter-spacing:-.04em;margin-bottom:12px}
.value-basics .value-card p{font-size:16px;line-height:1.7;max-width:330px;color:#a6b3a1}
.value-basics .value-card+.value-card{border-color:#ffffff10}

.product-section{padding:67px 0 85px;gap:70px;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr)}
.product-section .product-copy h2{font-size:clamp(37px,3.45vw,49px);font-weight:550;letter-spacing:-.055em;line-height:1.15;margin-bottom:24px}
.product-section .product-copy>p:not(.eyebrow){font-size:16px;line-height:1.85;color:#a9b6a2}
.workspace-gallery{max-width:590px}.gallery-frame{border-color:#4e604749;border-radius:21px;background:#171d18;box-shadow:0 20px 70px #0003}
.workspace-tabs{background:#202820;padding:12px;gap:7px;border-bottom-color:#3d4b394a}
.workspace-tabs button{font-family:Manrope,Arial,sans-serif;font-size:13px;padding:8px 19px;min-height:37px;font-weight:600;border-radius:7px}
.workspace-tabs button[aria-selected=true]{color:#162113;background:#c1ee9f;box-shadow:inset 0 1px 0 #f0ffdd80}
.workspace-panel figcaption{padding:19px 22px;background:#192119;border-color:#35482f66;gap:6px}
.workspace-panel figcaption strong{font-size:16px;font-weight:650;letter-spacing:-.025em}
.workspace-panel figcaption span{font-size:13px;color:#9fb095;line-height:1.65}
.workspace-footnote{font-size:12px;color:#84937d;margin-top:14px}
.layout-mini{margin:32px 0 28px}.layout-label{font-size:12px;font-weight:650;letter-spacing:.12em;color:#95aa8c}
.layout-mini li{font-size:12px;color:#b2c3a7}.layout-mini .frame-icon{border-color:#6b8558;background:#bbed9704;margin-bottom:12px}

.studio-section{position:relative;background:var(--paper);border-top:1px solid #ffffff0b;border-bottom:1px solid #ffffff0b;padding:63px 0 70px}
.studio-heading{margin-bottom:32px}.studio-heading h2{font-size:clamp(36px,3.6vw,51px);font-weight:550;letter-spacing:-.055em}
.studio-heading>p{font-size:14px;color:#a5b49e}
.caption-workbench{border-radius:22px;max-width:1080px;border-color:#343b36;background:#191d1b;box-shadow:0 24px 70px #0004}
.lab-toolbar{background:#202523;border-color:#343b36;padding:14px 24px;min-height:65px}
.lab-toolbar strong{font-size:16px;font-weight:650;letter-spacing:-.025em}.lab-toolbar div div>span{font-size:12px;color:#9caf90}
.studio-controls{background:#191d1b;border-color:#343b36}.preview-area{background:#151917;border-color:#343b36}
.lab-tabs{gap:23px;border-color:#52614866}.lab-tabs button{font-size:13px;font-weight:600}.lab-tabs button[aria-selected=true]{border-color:#c1ee9f;color:#e6f3da}
.look-card{background:#202523;border-color:#363e38}.look-label{font-weight:550}.look-sample{background:#121614}
.look-card[aria-pressed=true]{border-color:#adce95}.look-card[aria-pressed=true] .look-label{background:#344b2b;color:#e2f5d3}
.reset-look{border-color:#81986c55;font-family:Manrope,Arial,sans-serif;color:#c0d2b4}
.studio-note{color:#93a68a}.fine-tune{border-color:#5367485e}.custom-color-row{color:#b8c7ae}

.access{padding:43px 46px;margin-top:69px;margin-bottom:22px;border:1px solid #6e865231;border-radius:24px;background:radial-gradient(ellipse at 0% 0%,#293b20,#171f17 65%);gap:40px}
.access h2{font-size:clamp(31px,3.4vw,46px);font-weight:550;letter-spacing:-.055em;max-width:570px;margin-bottom:14px}
.access .eyebrow{font-size:12px;margin-bottom:17px}.access p:not(.eyebrow):not(.micro){font-size:14px;line-height:1.7;color:#a6b99a}
.access .button{background:#c1ee9f;color:#172211;border-color:#c1ee9f;font-size:14px;font-weight:750;padding:16px 21px;box-shadow:inset 0 1px 0 #f0ffdd80}
.access .micro{font-size:12px;color:#91a583}
.faq{border-top:0;padding:51px 0 64px;gap:85px;grid-template-columns:.8fr 1.2fr}
.faq h2{font-size:37px;font-weight:550;letter-spacing:-.05em;max-width:280px}.faq .eyebrow{font-size:12px}
.faq summary{font-size:15px;font-weight:550;letter-spacing:-.015em;line-height:1.6}.faq details{border-color:#38463070}
.faq summary span{font-weight:400;font-size:19px;color:#b5d49c}.faq details p{font-size:14px;color:#a4b49b;line-height:1.9}
footer{border-color:#ffffff0d;padding:30px 0;gap:24px}.legal-links{font-size:12px;color:#a0b097}.legal-links a:hover{color:#d4edc1}.cookie-footer{font-family:inherit}

@media(min-width:761px) and (max-width:1000px){
 .hero{gap:27px;padding:61px 0 60px;grid-template-columns:1fr 1.02fr}.hero h1{font-size:clamp(48px,5.75vw,59px)}.hero .intro{font-size:15px}.hero .eyebrow{font-size:12px;padding:6px 8px}.hero-visual{padding:7px}.hero-visual::before{border-radius:24px}.hero-actions{gap:8px}.hero-actions .button.primary{padding:13px 14px;font-size:13px;min-height:48px}.hero-actions .text-link{padding:12px 11px;font-size:13px;min-height:48px}.hero .micro{font-size:12px}.film-top{padding:13px;font-size:12px}.film-top>span:last-child{font-size:12px;padding:4px 6px}
 .value-grid{gap:35px;grid-template-columns:1.06fr .94fr}.preset-showcase{padding:24px 21px}.preset-demo-card{padding:17px 17px 0}.preset-caption-sample{font-size:29px;padding:29px 0}.preset-showcase-heading h3{font-size:25px}.value-basics .value-card h3{font-size:25px}.value-basics .value-card p{font-size:15px}.product-section{gap:39px}.product-section .product-copy h2{font-size:37px}.access{padding:33px;gap:26px}.access h2{font-size:35px}.access .button{font-size:13px;padding:14px 16px}.faq{gap:55px}
}
@media(max-width:760px){
 .hero{padding:40px 0 35px;gap:28px;grid-template-columns:1fr}.hero::before{inset:25% -8px 0 0}.hero .eyebrow{margin-bottom:21px;font-size:12px;padding:7px 9px}.hero h1{font-size:clamp(47px,11.3vw,67px);font-weight:550;letter-spacing:-.06em;line-height:1.09;margin-bottom:24px}.hero h1 em{letter-spacing:-.06em}.hero .intro{font-size:16px;line-height:1.75;margin-bottom:24px;max-width:440px}.hero-actions{gap:10px}.hero-actions .button.primary{padding:14px 17px;font-size:14px;min-height:48px}.hero-actions .text-link{padding:12px 14px;font-size:14px;min-height:48px}.hero .micro{font-size:12px;margin-top:18px}.hero-visual{padding:7px;max-width:550px;width:100%;margin:auto}.hero-visual::before{border-radius:23px}.hero-stage{border-radius:17px}.film-top{font-size:12px;padding:12px 13px}.film-top>span:last-child{font-size:12px}.intro-controls{padding:9px 12px}.film-bottom{padding:10px 12px}.film-bottom>span{font-size:12px}.tour-start{font-size:12px}
 .how-section{padding-bottom:45px}.workflow-steps h3{font-size:15px}.workflow-steps p{font-size:13px}.why-section{padding:12px 0 38px}.why-section .section-heading{margin-bottom:25px}.section-heading h2{font-size:35px}.value-grid{grid-template-columns:1fr;gap:31px}.preset-showcase{padding:24px 22px;border-radius:20px}.preset-showcase-heading h3{font-size:26px}.preset-demo-card{padding:18px 18px 0}.preset-caption-sample{font-size:30px;padding:29px 0 31px;gap:7px}.preset-specs{padding:16px 0 18px}.preset-reuse{font-size:12px;margin-top:16px}.value-basics .value-card{padding:24px 0}.value-basics .value-card h3{font-size:27px}.value-basics .value-card p{max-width:450px;font-size:16px}.value-top span{font-size:12px}
 .product-section{padding:34px 0 45px;grid-template-columns:1fr;gap:27px}.product-section .product-copy h2{font-size:37px;line-height:1.18;margin-bottom:19px}.product-section .product-copy>p:not(.eyebrow){font-size:16px}.layout-mini{margin:27px 0 23px}.workspace-tabs{padding:10px}.workspace-tabs button{font-size:13px}.workspace-panel figcaption{padding:17px 19px}.workspace-panel figcaption span{font-size:13px}.workspace-footnote{font-size:12px}
 .studio-section{padding:39px 0 44px}.studio-heading{margin-bottom:25px}.studio-heading h2{font-size:35px}.studio-heading>p{font-size:14px}.caption-workbench{border-radius:19px}.lab-toolbar{padding:13px 18px;min-height:65px}.lab-toolbar strong{font-size:15px}.lab-toolbar div div>span{font-size:12px}.studio-controls{padding:23px 21px}.lab-tabs{gap:21px}.lab-tabs button{font-size:13px}.reset-look{font-size:12px}.preview-area{padding-top:22px;padding-bottom:15px}
 .access{padding:29px 25px;margin-top:39px;margin-bottom:9px;display:block;border-radius:21px}.access h2{font-size:33px;line-height:1.16}.access-action{margin-top:24px;gap:16px}.access .button{font-size:13px;padding:14px 17px}.access .micro{font-size:12px}.faq{padding:37px 0 43px;grid-template-columns:1fr;gap:14px}.faq h2{font-size:34px;max-width:none}.faq summary{font-size:15px;line-height:1.65}.faq details p{font-size:14px}footer{padding:27px 0;gap:16px}.legal-links{font-size:12px}
}
@media(max-width:370px){
 .hero h1{font-size:45px}.hero .intro{font-size:15px}.hero-actions{gap:7px}.hero-actions .button.primary{font-size:12px;padding:12px 13px;gap:8px}.hero-actions .text-link{font-size:12px;padding:12px 11px}.hero .micro{font-size:12px}.hero .eyebrow{font-size:12px}.hero-visual{padding:5px}.film-top{font-size:12px;padding:11px}.film-top>span:last-child{font-size:12px;padding:4px 6px}.film-bottom>span{font-size:12px}.preset-showcase{padding:22px 17px}.preset-showcase-heading h3{font-size:24px}.preset-demo-card{padding:16px 13px 0}.preset-caption-sample{font-size:25px;gap:5px}.preset-demo-card-title>span{font-size:12px}.preset-specs dd{font-size:12px}.preset-reuse{font-size:12px}.studio-controls{padding:22px 17px}.access{padding:26px 22px}.access h2{font-size:30px}.section-heading h2{font-size:32px}
}