body{--green:#b8e4a2}.hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-.045em}.hero .intro{font-size:18px;max-width:490px}.button,.nav nav,.text-link{font-size:14px}.hero .micro{font-size:13px}/* Quiet studio surfaces, generous type and a single green accent. */
:root{--green:#b8e4a2}.nav nav{font-size:14px;gap:22px}.button,.text-link{font-size:14px}.button.small{font-size:14px}.eyebrow{font-size:12px;line-height:1.5}.hero h1{font-size:clamp(44px,5vw,68px);letter-spacing:-.045em}.hero .intro{font-size:18px;max-width:490px}.hero .micro{font-size:13px;line-height:1.8}.hero .micro span{padding:0 5px}.hero-stage{background:#151e18;box-shadow:none}.stage-label,.film-top,.film-bottom,.intro-controls span{font-size:12px;line-height:1.5;letter-spacing:0}.intro-controls button,.preview-player button{width:40px;height:40px}.timeline-art{display:none}.how-section{padding:56px 0 70px}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:start;margin-bottom:36px}.section-heading h2{width:auto;max-width:760px;font-size:clamp(32px,4vw,48px);letter-spacing:-.035em}.workflow-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.workflow-steps article{border-top:1px solid #465347;padding-top:22px}.workflow-steps article>span,.feature-number{font-size:12px;letter-spacing:.1em;color:#a7bfad;display:block;margin-bottom:24px}.workflow-steps h3,.benefit-grid h3,.layout-options h3{font-size:21px;line-height:1.3;font-weight:500;letter-spacing:-.025em}.workflow-steps p,.benefit-grid p,.layout-options p{font-size:16px;line-height:1.75;color:#aab5ad;margin-bottom:0}.why-section{padding:70px 0 80px;border-top:1px solid var(--line)}.preset-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:42px;border:1px solid #3a4a3e;background:#121b15;border-radius:14px}.preset-feature h3{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-.03em;margin-bottom:24px}.preset-feature p{color:#b2bfb5;font-size:16px}.preset-feature .text-link{display:inline-block;border-bottom:1px solid #718b76;padding:5px 0;color:#d3e8c9}.preset-example{align-self:center;background:#0b100d;border:1px solid #405648;border-radius:10px;padding:25px}.preset-example-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:#94ad9c}.preset-example h4{font-size:27px;font-weight:500;margin:28px 0 9px}.preset-example .preset-desc{font-size:14px;margin-bottom:22px}.preset-example dl{margin:0}.preset-example dl>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-top:1px solid #293a2e;padding:14px 0;font-size:14px;line-height:1.5}.preset-example dt{color:#92a399}.preset-example dd{margin:0;text-align:right;color:#e0ece4}.color-dot{display:inline-block;width:8px;height:8px;background:#39ff14;border-radius:50%;margin-right:4px}.preset-saved{border-top:1px solid #405648;padding-top:18px;font-size:13px;color:#b8d3bd}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:42px}.benefit-grid article{padding:8px 0}.benefit-grid .feature-number{margin-bottom:16px}.studio-heading>p{font-size:16px;max-width:410px}.studio-controls{padding:30px}.studio-controls legend,.range-label,.style-option span,.pill{font-size:14px}.studio-note,.preview-hint{font-size:13px}.studio-controls input[type=text],.example-presets select{font-size:16px;color:#e9f0e4;background:#0e1711;border:1px solid #415446;border-radius:6px;min-height:44px}.example-presets{padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid #3a4b3e}.example-presets label{display:block;font-size:14px;margin-bottom:10px}.example-presets select{width:100%;padding:11px}.example-presets p{font-size:13px;color:#9ab1a1;line-height:1.6;margin:10px 0 0}.swatches{flex-wrap:wrap;gap:14px}.swatch{width:36px;height:36px}.demo-phone[data-style=classic] #preview-caption{bottom:14%;font-weight:700;text-shadow:1px 2px 3px #000}.preview-meta{font-size:12px;letter-spacing:0}.preview-player span{font-size:12px}.product-section{padding:75px 0}.product-copy>p{font-size:16px}.product-shot figcaption,.window-label,.platform-note{font-size:12px}.layouts-section{padding:65px 0 75px;border-top:1px solid var(--line)}.layout-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.frame-icon{width:56px;height:88px;border:1px solid #7a9681;border-radius:6px;padding:5px;margin-bottom:22px;display:flex;align-items:center;justify-content:center;background:#121b16;overflow:hidden}.frame-icon span{background:#a8cbb2;display:block;width:100%}.fill-frame span{height:100%;border-radius:2px}.center-frame span{height:27px}.face-frame span{height:50px;width:32px;background:transparent;border:1px solid #b8e4a2;border-radius:10px;display:grid;place-items:center;color:#b8e4a2;font-size:23px}.split-frame{flex-direction:column;gap:5px}.split-frame span:first-child{height:25%}.split-frame span:last-child{flex:1;background:#668773}.requirements{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;padding:65px 0 75px;border-top:1px solid var(--line)}.requirements h2{font-size:38px}.requirements p{font-size:16px;color:#aab5ad}.requirements dl{margin:0}.requirements dl>div{padding:20px 0;border-bottom:1px solid var(--line)}.requirements dl>div:first-child{padding-top:0}.requirements dt{font-size:17px;color:#e4ece6;margin-bottom:8px}.requirements dd{font-size:16px;line-height:1.7;margin:0;color:#aab5ad}.access p,.faq details p{font-size:16px}.faq summary{font-size:17px;min-height:56px}.micro,footer p,footer>span{font-size:13px}.access .micro{font-size:14px}.nav nav{flex-wrap:wrap}.intro-controls{flex-wrap:wrap}.intro-controls #intro-seek{min-width:60px}.preview-player button,.button{min-height:44px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,select:focus-visible{outline:2px solid #b8e4a2;outline-offset:4px}
@media(max-width:900px){.hero{gap:30px}.preset-feature{gap:30px;padding:28px}.layout-options{grid-template-columns:repeat(2,minmax(0,1fr))}.requirements{gap:40px}.nav{height:auto;min-height:88px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}.nav nav{gap:16px}.workflow-steps,.benefit-grid{gap:24px}}
@media(max-width:680px){.wrap{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;padding:45px 0;gap:32px}.hero h1{font-size:clamp(40px,10vw,60px)}.hero .intro{font-size:17px}.section-heading{grid-template-columns:1fr;gap:8px}.section-heading .eyebrow{margin-bottom:5px}.workflow-steps,.benefit-grid,.preset-feature,.requirements{grid-template-columns:1fr}.workflow-steps{gap:25px}.workflow-steps article>span{margin-bottom:14px}.preset-feature{padding:22px;gap:28px}.preset-example{padding:18px}.preset-example dl>div{gap:12px;flex-wrap:wrap}.preset-example dd{text-align:left}.why-section,.how-section,.layouts-section,.requirements{padding:45px 0}.benefit-grid{margin-top:30px;gap:30px}.studio-heading{display:block}.studio-heading>p{margin-top:20px}.studio-controls{padding:22px}.nav nav{order:3;width:100%;justify-content:space-between;font-size:13px;display:flex}.nav .button.small{padding:10px;font-size:13px}.layout-options{gap:28px 20px}.layout-options h3{font-size:19px}.layout-options p{font-size:15px}.caption-workbench{grid-template-columns:1fr}.requirements{gap:20px}.access{gap:24px}.hero .micro span{padding:0 2px}.film-bottom{font-size:12px}.studio-heading h2{font-size:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}


/* The product screenshot is a full-width desktop view, with no nested scrolling. */
.product-section{display:block;padding:80px 0}.product-section .product-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:start;margin-bottom:32px}.product-section .product-copy .eyebrow{grid-column:1/-1;margin-bottom:18px}.product-section .product-copy h2{font-size:clamp(32px,4vw,48px);margin:0;line-height:1.15}.product-section .product-copy>p{font-size:17px;line-height:1.75;max-width:470px;margin:0}.product-section .platform-note{grid-column:2;margin-top:15px}.product-section .product-shot{width:min(100%,760px);margin:0 auto;border:1px solid #3a4940;border-radius:12px;box-shadow:0 24px 70px #0004;overflow:hidden}.product-section .window-label{background:#1b231e;padding:15px 20px}.product-section .desktop-app-photo{display:block;width:100%;height:auto;max-height:none;object-fit:contain}.product-section figcaption{padding:16px 20px;font-size:13px;background:#121813;border-top:1px solid #303d34;color:#adbbb1}@media(max-width:680px){.product-section{padding:48px 0}.product-section .product-copy{display:block}.product-section .product-copy h2{margin-bottom:18px}.product-section .platform-note{display:inline-block}.product-section .window-label{font-size:11px;padding:12px}.product-section figcaption{font-size:12px;padding:12px}}

.swatch[data-color="#bbed97"]{--swatch:#bbed97}.swatch[data-color="#f6d576"]{--swatch:#f6d576}.swatch[data-color="#cbb7f5"]{--swatch:#cbb7f5}.swatch[data-color="#95dbea"]{--swatch:#95dbea}.swatch[data-color="#ffffff"]{--swatch:#ffffff}