/* Product-first layout. Component type sizes never shrink below 14px on mobile. */
body{font-size:18px;line-height:1.6}
.wrap{width:min(100% - 80px,1360px)}
.nav-shell{gap:28px}.site-header nav{gap:26px}.site-header nav>a{font-size:16px}.language-picker select{font-size:16px;max-width:122px}.nav-demo{padding-left:25px}
.release-banner{font-size:14px;min-height:42px;color:#d2dcd2}
.eyebrow{font-size:14px;letter-spacing:.1em;margin-bottom:20px}
.button,.text-link{font-size:16px;letter-spacing:0;text-transform:none;line-height:1.45}
.button{min-height:56px;padding:16px 23px;border-radius:6px;gap:18px}
.hero{min-height:0;padding:65px 0 62px}
.hero:before{background:linear-gradient(90deg,#071013f2,#071013d6 48%,#07101370),linear-gradient(0deg,#0b1010,transparent 35%)}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);gap:60px}
.hero-copy{padding:0;min-width:0}
.hero-copy .eyebrow{font-size:14px;line-height:1.5;letter-spacing:.07em;color:#dfc38f}
.hero h1{font-family:SpaceGrotesk,Arial,sans-serif;font-size:clamp(42px,3.85vw,59px);font-weight:700;line-height:1.1;letter-spacing:-.045em;margin:0 0 25px;text-wrap:balance;overflow-wrap:break-word}
.hero h1 em{font-weight:700;font-style:normal;color:#e2bc79}
.hero-description{font-size:20px;line-height:1.65;max-width:590px;color:#d0dad3}
.hero-actions{margin:29px 0 20px;gap:24px}
.hero-actions .button,.hero-actions .text-link{font-size:16px}
.hero-footnote{font-size:16px;color:#c1cfc3;letter-spacing:0;line-height:1.5}
.hero-footnote>.icon{width:20px;height:20px;color:#c5d9a6}
.product-showcase{min-width:0;padding:24px;border:1px solid #b8a27455;border-radius:14px;background:linear-gradient(150deg,#253b367a,#091313d1);box-shadow:0 20px 80px #0004}
.product-example{display:grid;grid-template-columns:minmax(0,.64fr) 32px minmax(0,1fr);gap:12px;align-items:center}
.product-example figure{margin:0;min-width:0}
.product-example figcaption{font-size:16px;line-height:1.35;font-weight:500;margin-bottom:12px;color:#dbe4db}
.product-before img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border:1px solid #ffffff38;border-radius:4px}
.product-after figcaption{display:flex;align-items:center;gap:8px;color:#f0d09a}
.product-after figcaption>.icon{width:18px;height:18px}
.product-after #hero-artwork{border:1px solid #e4bd796b;border-radius:5px;overflow:hidden;box-shadow:0 14px 34px #0007}
.product-arrow{color:#e8c897;display:grid;place-items:center;padding-top:32px}
.product-arrow>.icon{width:30px;height:30px}
.product-summary{font-size:16px;line-height:1.5;color:#d0dace;text-align:center;margin:20px 0}
.style-picker{border-top:1px solid #b5b78e30;padding-top:18px}
.style-picker>p{font-size:14px;margin:0 0 12px;color:#bacbbe}.style-picker>p>span{color:var(--gold);margin-left:5px}
.hero-themes{margin:0;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.hero-themes button{font-size:14px;min-height:44px;padding:10px 13px;border-radius:5px;line-height:1.4;color:#d3ded2}
.facts-grid{min-height:115px;grid-template-columns:1fr 1fr 1.25fr 1fr}
.facts-grid>div{gap:14px;padding:0 26px}.facts-grid>div>span{font-size:15px;text-transform:none;letter-spacing:0;line-height:1.4;max-width:140px;color:#c5d0c3}
.facts strong{font-family:SpaceGrotesk,Arial,sans-serif;font-size:38px;font-weight:500;letter-spacing:-.04em}.fact-media strong{font-size:26px;letter-spacing:-.02em}.fact-media>.icon{width:27px;height:27px}
.frames-section,.how-section,.pricing-section{padding:85px 0}
.section-heading h2,.try-controls h2,.center-heading h2,.faq-section h2,.download-section h2{font-family:SpaceGrotesk,Arial,sans-serif;font-weight:600;font-size:clamp(34px,3.3vw,49px);line-height:1.15;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:break-word}
h2 em{font-style:normal;font-weight:600}
.section-heading>p{font-size:18px;line-height:1.65;max-width:400px}
.frames-section .section-heading>p,.center-heading>p:not(.eyebrow),.plan-description{color:#485645}
.section-heading{gap:55px}.how-section .section-heading{margin-bottom:35px}
.steps{gap:36px}.steps h3{font-family:SpaceGrotesk,Arial,sans-serif;font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.025em}.steps p{font-size:18px;line-height:1.65;max-width:none;color:#bdcec2}
.step-top{margin-bottom:23px}.step-top>span{font-family:SpaceGrotesk,Arial,sans-serif;font-size:38px;color:#becea37a}
.theme-chips{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.theme-chip{font-size:16px;min-height:54px;padding:12px 16px}.theme-index{font-size:14px;color:#776f58}
.gallery-heading h3{font-size:38px}.gallery-heading p{font-size:14px;letter-spacing:0;text-transform:none;color:#575e4e}
.frame-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.frame-meta{font-size:16px;min-height:70px;line-height:1.4}.frame-meta>span:last-child{font-size:14px}
.gallery-note{font-size:14px;color:#59634f;line-height:1.65}
.try-section{padding:85px 0 65px}.try-layout{gap:70px}.try-controls>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:none;color:#bdcec2}
.preview-topline{font-size:14px;letter-spacing:.07em}.compare-label{font-size:14px}.compare-caption{font-size:14px;letter-spacing:0}
.demo-form label{font-size:16px;letter-spacing:0;text-transform:none;color:#d3dfd0}
.demo-form input:not([type=file]),.demo-form select{font-size:18px;height:52px;letter-spacing:0}
.photo-actions>.button,.photo-actions .text-link{font-size:16px}.small-note{font-size:14px;line-height:1.65;color:#b5c7bb}.input-status{font-size:16px}
.editor-note{grid-template-columns:auto 1fr 1.3fr;gap:25px;margin-top:70px}.editor-note h3{font-size:33px}.editor-note .eyebrow{font-size:14px}.editor-note>p{font-size:18px;color:#b6c8bd;line-height:1.65}
.center-heading{max-width:850px}.center-heading>p:not(.eyebrow){font-size:18px;line-height:1.65;max-width:680px;margin-inline:auto}
.pricing-toggle button{font-size:16px;padding:12px 20px}.pricing-toggle button>span{font-size:14px}
.price-card{padding:36px}.plan-label{font-size:14px;letter-spacing:.1em}.price{font-size:78px}.price span:not(#pro-price){font-size:18px}.plan-description{font-size:18px;line-height:1.6;min-height:58px}
.plan-features li{font-size:18px;line-height:1.5}.plan-features .icon{width:20px;height:20px;margin-top:3px}.billing-detail{font-size:14px;line-height:1.6}.price-disclaimer{font-size:14px;max-width:850px;line-height:1.7;color:#526047}
.faq-layout{grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list summary{font-size:20px;line-height:1.5;gap:16px}.faq-number{font-size:14px}.faq-list details p{font-size:18px;line-height:1.7;color:#bdcdbc}
.download-content{max-width:970px}.download-content>p:not(.eyebrow){font-size:18px;line-height:1.7;max-width:690px;color:#c8d6ca}.download-section .eyebrow{font-size:14px}
.store-buttons a{font-size:20px}.store-buttons small{font-size:14px}.footer-top>p{font-family:SpaceGrotesk,Arial,sans-serif;font-size:18px;line-height:1.5;color:#b5c5af}.footer-top>a:last-child{font-size:16px}.footer-bottom{font-size:14px;color:#b2c2a9;line-height:1.8}
.dialog-copy>p:not(.eyebrow){font-size:18px}.dialog-copy .eyebrow{font-size:14px}.dialog-navigation span{font-size:16px}.legal-copy{font-size:18px;line-height:1.8}
@media(max-width:1150px){
 .wrap{width:calc(100% - 48px)}.nav-shell{gap:20px}.site-header nav{gap:18px}.nav-demo{padding-left:18px}.brand img{width:150px}
 .hero{padding:45px 0}.hero-layout{gap:30px}.hero h1{font-size:44px}.hero-description{font-size:18px}.hero-copy .eyebrow{font-size:14px}.hero-actions{gap:20px}.hero-actions .button{padding:15px 18px}
 .product-showcase{padding:18px}.product-example{grid-template-columns:minmax(0,.62fr) 22px minmax(0,1fr);gap:8px}.product-arrow>.icon{width:24px}.product-example figcaption{font-size:14px}.product-after figcaption>.icon{display:none}
 .facts-grid>div{padding:0 16px}.facts-grid>div>span{font-size:14px}.facts strong{font-size:33px}.fact-media strong{font-size:24px}
 .frame-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.frame-meta{font-size:16px}.try-layout{gap:40px}.faq-layout{gap:40px}.editor-note{grid-template-columns:auto 1fr}.editor-note>p{grid-column:2}
}
@media(max-width:900px){
 .hero-layout{grid-template-columns:1fr;max-width:720px;gap:36px}.hero-copy{max-width:none;margin:0;text-align:left}.hero h1{font-size:51px;max-width:700px;text-wrap:initial}.hero-description{max-width:650px;font-size:20px}.hero-actions{justify-content:flex-start}.hero-footnote{justify-content:flex-start}
 .product-showcase{width:100%;max-width:640px;margin:0 auto;padding:24px}.product-example{grid-template-columns:minmax(0,.7fr) 35px minmax(0,1fr);gap:17px}.product-example figcaption{font-size:16px}.product-after figcaption>.icon{display:block}
 .facts-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px 0}.facts-grid>div{flex-direction:row;align-items:center;min-height:80px;padding:18px 22px!important;border:0}.facts-grid>div:nth-child(odd){border-right:1px solid #b7a2742e}.facts-grid>div:nth-child(-n+2){border-bottom:1px solid #b7a2742e}.facts-grid .fact-media{justify-content:flex-start}.facts-grid>div>span{font-size:16px;max-width:none}
 .section-heading{display:block}.section-heading>p{max-width:650px;margin:22px 0 0}.section-heading>.text-link{margin-top:20px}.steps{gap:22px}.steps h3{font-size:23px}
 .try-layout{display:flex;flex-direction:column;align-items:stretch;gap:38px}.try-controls{order:-1;max-width:650px;margin:auto;width:100%}.try-visual{max-width:500px;margin:auto}.try-controls>p:not(.eyebrow){max-width:none}.theme-chip{font-size:16px}
 .footer-top{flex-wrap:wrap}.footer-top>p{order:3;flex-basis:100%}.footer-top>a:last-child{margin-left:auto}
}
@media(max-width:700px){
 .wrap{width:calc(100% - 36px)}.nav-shell{height:70px;gap:12px}.brand img{width:145px}.language-picker select{font-size:14px;max-width:92px}.menu-toggle{width:40px;height:40px;flex:none}.site-header nav{top:70px}.site-header nav>a{font-size:18px}
 .release-banner{font-size:14px;padding:10px 18px;line-height:1.45}.release-banner>.status-dot{margin-top:7px}
 .hero{padding:32px 0 38px}.hero:before{background:linear-gradient(180deg,#081416ed,#081416c9 60%,#0b1010)}.hero-layout{gap:28px}.hero h1{font-size:clamp(34px,9vw,48px);line-height:1.12;margin-bottom:20px}.hero-copy .eyebrow{justify-content:flex-start;font-size:14px;letter-spacing:.02em;line-height:1.5;margin-bottom:16px}.hero-description{font-size:18px;line-height:1.6;max-width:none;margin:0}.hero-actions{margin:23px 0 17px;gap:15px 22px}.hero-actions .button{font-size:16px;padding:15px 18px;min-height:54px}.hero-actions .text-link{font-size:16px}.hero-footnote{font-size:15px}
 .product-showcase{padding:16px;border-radius:10px}.product-example{grid-template-columns:minmax(0,.66fr) 21px minmax(0,1fr);gap:8px}.product-example figcaption{font-size:14px;min-height:38px;display:flex;align-items:center;margin-bottom:8px}.product-after figcaption>.icon{display:none}.product-arrow>.icon{width:22px}.product-summary{font-size:16px;text-align:left;margin:17px 0}.style-picker{padding-top:14px}.style-picker>p{font-size:14px}.hero-themes{gap:7px}.hero-themes button{font-size:14px;padding:9px 10px;min-height:44px}
 .facts-grid>div{padding:17px 12px!important;gap:12px}.facts-grid>div>span{font-size:14px;max-width:105px}.facts strong{font-size:32px}.fact-media strong{font-size:23px}.fact-media>.icon{display:none}
 .frames-section,.how-section,.pricing-section,.faq-section{padding:58px 0}.section-heading h2,.try-controls h2,.center-heading h2,.faq-section h2,.download-section h2{font-size:clamp(30px,8.2vw,42px);line-height:1.18}.eyebrow{font-size:14px;letter-spacing:.05em}.section-heading>p{font-size:18px;line-height:1.65}.steps{grid-template-columns:1fr;gap:18px}.steps article{padding-top:22px}.step-top{margin-bottom:17px}.steps h3{font-size:24px}.steps p{font-size:18px;line-height:1.65}
 .mobile-theme{font-size:16px;text-transform:none;letter-spacing:0;color:#4c5a42}.mobile-theme select{font-size:18px;height:54px}.gallery-heading h3{font-size:32px}.gallery-heading p{font-size:14px;max-width:130px;line-height:1.4}.frame-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}.frame-meta{font-size:16px;min-height:74px;align-items:start;padding:12px 4px}.frame-meta>span:last-child{display:none}.gallery-note{font-size:14px;line-height:1.65}
 .try-section{padding:58px 0}.try-controls>p:not(.eyebrow){font-size:18px}.try-visual{padding:13px}.preview-topline{font-size:14px}.compare-caption{font-size:14px;line-height:1.5}.compare-label{font-size:14px;padding:8px}.label-after{left:7px}.label-before{right:7px}.demo-form label{font-size:16px}.demo-form input:not([type=file]),.demo-form select{font-size:18px;height:52px}.photo-actions{flex-wrap:wrap}.photo-actions>.button,.photo-actions .text-link{font-size:16px}.small-note{font-size:14px}.editor-note{margin-top:42px;gap:16px}.editor-note>p{grid-column:1/-1;font-size:18px}.editor-note h3{font-size:30px}.editor-note .eyebrow{font-size:14px}
 .center-heading>p:not(.eyebrow){font-size:18px}.pricing-toggle button{font-size:16px;padding:12px 17px}.pricing-toggle button>span{font-size:14px}.price-card{padding:28px 24px}.plan-description,.plan-features li{font-size:18px}.price{font-size:70px}.price span:not(#pro-price){font-size:18px}.price-disclaimer{font-size:14px;line-height:1.65}.plan-label{font-size:14px}.billing-detail{font-size:14px}
 .faq-layout{display:block}.faq-list summary{font-size:20px;gap:12px}.faq-list details p{font-size:18px;margin-left:0}.faq-number{display:none}.download-section{padding:62px 0}.download-section .eyebrow{font-size:14px}.download-content>p:not(.eyebrow){font-size:18px;max-width:none}.store-buttons a{font-size:20px;padding:14px 20px}.store-buttons small{font-size:14px}
 .footer-top{display:flex;gap:20px}.footer-top>p{font-size:18px}.footer-top>a:last-child{font-size:16px}.footer-bottom{font-size:14px;line-height:1.8}.footer-bottom>div{gap:16px}.dialog-copy .button{font-size:16px;min-height:54px}.dialog-copy>p:not(.eyebrow){font-size:18px}.legal-copy{font-size:18px}
}
@media(max-width:380px){
 .wrap{width:calc(100% - 28px)}.brand img{width:126px}.nav-shell{gap:9px}.hero h1{font-size:34px}.hero-actions{gap:15px}.hero-actions .button{font-size:16px}.hero-actions .text-link{font-size:16px}.product-showcase{padding:12px}.product-example{grid-template-columns:minmax(0,.65fr) 16px minmax(0,1fr);gap:6px}.product-arrow>.icon{width:18px}.hero-themes button{font-size:14px}.frame-meta{font-size:16px}.price-card{padding:25px 20px}.price{font-size:64px}.facts-grid>div>span{font-size:14px}.facts strong{font-size:29px}.fact-media strong{font-size:21px}
}