/* Desktop visual system. Existing mobile styles remain independent. */
.desktop-only{display:none}
@media(min-width:1024px){
:root{--paper:#fcfcf9;--ink:#181e23;--muted:#626b70;--line:#dfe2dc}
html{scroll-padding-top:110px}body{background:var(--paper);font-size:16px}body :is(p,span,a,button,li,label,input,select,summary,div){font-size:clamp(14px,1em,1em)}
.desktop-only{display:block}.wrap{max-width:1440px;padding-left:64px;padding-right:64px;width:100%}
header{position:sticky;top:0;z-index:100;background:#fcfcf9f5;backdrop-filter:blur(18px);max-width:none;width:100%;height:90px;padding:0 max(48px,calc((100vw - 1312px)/2));border-bottom:1px solid var(--line);gap:32px}
header .brand{width:196px;height:64px}header .brand img{width:235px;margin:-7px 0 0 -18px}nav{gap:26px;font-size:14px}nav a{position:relative;color:#565f64;padding:12px 0}nav a:hover{text-decoration:none;color:#181e23}nav a:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:2px;background:#f7c742;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav a:hover:after{transform:scaleX(1)}
.button{border-radius:6px;padding:19px 26px;font-size:15px;font-weight:600;gap:28px;transition:background .25s,box-shadow .25s,transform .25s}.button.dark{background:#f7c742;color:#181e23}.button.dark:hover{background:#efbd30;box-shadow:0 7px 18px #171b2410}.button span{font-size:20px}.button.small{padding:14px 20px;font-size:14px}.eyebrow{font-size:14px;letter-spacing:1.5px;font-weight:550;color:#5d676b}.eyebrow .dot{height:8px;width:8px;box-shadow:none;background:#181e23}
.hero{min-height:700px;padding-top:88px;padding-bottom:88px;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center}.hero-copy{position:relative;z-index:1}.hero .eyebrow{font-size:14px;letter-spacing:1px}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(64px,6.3vw,94px);line-height:1.04;letter-spacing:-5px;font-weight:550;margin:26px 0 30px}.hero h1>span{background:none;margin:0;padding:0;color:#181e23;position:relative;display:inline-block;z-index:0}.hero h1>span:after{content:'';position:absolute;height:15px;left:0;right:-8px;bottom:3px;background:#f7c742;z-index:-1;transform:rotate(-1.5deg)}.hero .intro{font-size:18px;line-height:1.8;color:#626b70;max-width:470px;margin-bottom:30px}.hero .micro{justify-content:start;gap:22px;margin-top:22px}.micro span{font-size:14px;color:#626b70}.hero-art.hero-video{height:510px;overflow:visible;border-radius:0;background:transparent;position:relative}.hero-video:before{content:'';position:absolute;inset:15px -15px 15px 15px;border:1px solid #dfe2dc;border-radius:160px 160px 12px 12px;z-index:-1}.hero-video video{object-fit:contain;mix-blend-mode:multiply;position:relative;z-index:0}.hero-art .visual-caption{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;padding:17px 8px;border-top:1px solid #dfe2dc;font-size:14px;color:#626b70}.visual-caption span{font-size:14px}
.use-strip{background:transparent;border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-top:25px;padding-bottom:25px;margin-bottom:0;gap:30px;min-height:90px}.use-strip>span{font-size:14px;letter-spacing:.6px;color:#626b70;max-width:220px;line-height:1.6}.use-strip>div{font-size:16px;gap:24px}.use-strip i{color:#96a0a4;font-size:14px}
.section,.types-section,.design-gallery-section{padding-top:112px;padding-bottom:112px}.section-heading{margin-bottom:44px;align-items:end;gap:70px}.section-heading h2,h2{font-size:54px;font-weight:550;letter-spacing:-2.6px;line-height:1.13;margin-top:16px}.section-heading p{font-size:16px;line-height:1.8;max-width:350px;color:#626b70}.section-heading .eyebrow{font-size:14px}.types-section{border-bottom:1px solid var(--line)}
.type-tabs{margin:0 0 28px;padding:5px;background:#eff0eb;border-radius:7px}.type-tab{font-size:15px;padding:13px 30px;font-weight:550}.type-tab[aria-selected=true]{background:#181e23;color:white;box-shadow:none}.type-tab:nth-child(even)[aria-selected=true]{background:#181e23;color:white}.type-group{border:0;border-radius:0;background:transparent;margin:0}.type-group-heading{background:none!important;padding:0 0 22px}.type-group-heading h3{font-size:20px;font-weight:550;letter-spacing:-.5px}.type-group-heading>span{font-size:14px;color:#626b70}.type-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:0}.type-tile{aspect-ratio:1.2;border-radius:8px;border:1px solid #dfe2dc;gap:15px;padding:20px;background:#fff;transition:border-color .25s,background .25s}.type-tile:hover{border-color:#aeb7b6;background:#fdfdfb}.type-tile .type-icon{width:40px;height:40px;flex-basis:40px;background:transparent}.type-tile .type-icon svg{width:35px;height:35px}.type-tile .type-name{font-size:14px;font-weight:500;line-height:1.4}.type-status,.design-status{font-size:14px}
#make-your-mark{display:none}
#design{padding-top:110px;padding-bottom:110px}#design-gallery{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;align-items:stretch}.design-tabs{display:flex;flex-direction:column;flex-wrap:nowrap;margin:0;gap:0;padding:10px 0}.design-tab{background:transparent;border:0;border-bottom:1px solid #dfe2dc;border-radius:0;padding:23px 22px;text-align:left;font-size:16px;display:flex;justify-content:space-between;gap:10px;font-weight:500;transition:background .25s,padding .25s}.design-tab:after{content:'↗';color:#7a8385}.design-tab[aria-selected=true]{background:#f7c742;border-color:#f7c742;border-radius:5px;padding-left:26px}.design-tab[aria-selected=true]:after{color:#181e23}.design-panel{min-height:480px;height:540px;background:#f1f2ed;border:0;border-radius:12px;padding:30px}.design-panel img{max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain;border-radius:5px;mix-blend-mode:multiply}.design-image-status{font-size:14px}
#how-it-works{background:#eff1ed;border-radius:12px;padding:66px 64px 60px;max-width:1312px;margin:0 auto 100px}.steps{gap:44px;margin-top:50px}.step-number{font-family:Manrope,sans-serif;font-size:40px;font-weight:500;letter-spacing:-2px;border-bottom:1px solid #ced3ca;padding-bottom:24px;color:#181e23}.step-number>span{background:transparent;font-size:30px;border-radius:0;width:auto;height:auto;color:#6c7777}.steps h3{font-size:23px;font-weight:550;letter-spacing:-.7px;margin-top:25px}.steps p{font-size:16px;line-height:1.8;max-width:330px;margin-bottom:0}
#pricing{max-width:1540px;padding-top:20px;padding-bottom:112px}.cms-pricing{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;overflow:visible;padding:0;border:1px solid #dfe2dc;border-radius:12px;background:white}.cms-price-card,.cms-price-card:first-child,.cms-price-card:nth-child(even){padding:30px 21px;border:0;border-right:1px solid #dfe2dc;border-radius:0;box-shadow:none;background:transparent}.cms-price-card:last-child{border-right:0}.cms-price-card:nth-child(3){background:#f9f6e9;box-shadow:inset 0 4px #f7c742}.cms-price-card h3.plan-name{font-size:22px;font-weight:600;margin-bottom:28px}.cms-price-card .cms-price{min-height:90px;margin-bottom:20px;padding-bottom:22px;letter-spacing:-1.2px}.plan-amount,.cms-price-card:first-child .plan-amount{font-size:clamp(24px,2.4vw,36px);font-weight:600}.plan-period{font-size:14px;font-weight:400;color:#626b70}.cms-price-card p.plan-heading{font-size:14px;min-height:48px;line-height:1.6;margin-bottom:22px}.cms-price-card ul.plan-features{font-size:14px;line-height:1.7;gap:14px;color:#5c656a}.plan-features li{font-size:14px;padding-left:18px}.plan-features li:before{font-size:14px;top:0}.cms-price-card .plan-join{background:#fff;border:1px solid #181e23;font-size:14px;margin-top:30px;padding:14px 10px}.cms-price-card .plan-join:hover{background:#181e23;color:white}.cms-price-card:nth-child(3) .plan-join{background:#f7c742;border-color:#f7c742;color:#181e23}.pricing-status{font-size:14px}
.faq-section{grid-template-columns:.85fr 1.15fr;padding-top:70px;padding-bottom:110px;gap:90px;border-top:1px solid #dfe2dc}.faq-section h2{font-size:48px}.faq-section>div>p{font-size:16px;line-height:1.8}.faq-list{border-top:0}.faq-list details{padding:25px 0}.faq-list summary{font-size:16px;line-height:1.6;gap:24px}.faq-list summary span{font-size:22px;flex-shrink:0}.faq-list details[open] summary span{width:26px;height:26px;font-size:22px;background:#f7c742}.faq-answer,.faq-list details p,.faq-answer p,.faq-answer li{font-size:15px;line-height:1.9}.faq-answer{padding-right:40px;margin-top:17px}.faq-status{font-size:14px}
.closing{background:#f7c742;max-width:1312px;border-radius:14px;padding:65px 64px 70px;margin:0 auto;position:relative}.closing .eyebrow{font-size:14px;color:#494526}.closing h2{font-size:74px;line-height:1.08;letter-spacing:-3.8px;margin:22px 0 30px;max-width:700px}.closing .button.dark{background:#181e23;color:white;font-size:15px}.closing-symbol{font-size:360px;right:55px;top:4px;color:#181e23;opacity:.12;line-height:1}.closing .button:hover{background:#333b40}footer{padding-top:45px;padding-bottom:42px;border-top:0;margin-top:20px;gap:24px;font-size:14px}footer p,footer span,footer a{font-size:14px}footer p{display:block}footer .brand{width:185px}footer .brand img{width:218px;margin-top:-5px}
.chat-heading p,.chat-speaker,.chat-message p,.chat-status,.chat-form input,.chat-disclosure{font-size:14px}.portal-chat{width:390px;height:min(620px,calc(100dvh - 125px))}.chat-heading h2{font-size:24px}.chat-disclosure{line-height:1.5;padding:0 18px}.chat-form button{font-size:24px}.chat-heading button{font-size:28px}.chat-toggle{width:60px;height:60px;right:26px;bottom:26px}.chat-toggle:hover{transform:translateY(-3px)}
@media(max-width:1200px){header{padding-left:32px;padding-right:32px;gap:20px}nav{gap:18px}.wrap{padding-left:40px;padding-right:40px}.hero{gap:30px;min-height:620px}.hero h1{font-size:68px;letter-spacing:-3.5px}.hero-art.hero-video{height:440px}.use-strip>div{gap:15px}.use-strip>span{max-width:175px}#how-it-works,.closing{width:calc(100% - 80px);padding-left:40px;padding-right:40px}#pricing{padding-left:28px;padding-right:28px}.cms-price-card{padding:26px 14px}.plan-features li{font-size:14px}.faq-section{gap:55px}.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.type-tile{padding:12px}.closing h2{font-size:64px}.closing-symbol{right:25px;font-size:300px}footer p{max-width:200px}}
}

@media(min-width:1024px){.hero-video video{height:calc(100% - 65px);width:100%}.hero-video:before{bottom:65px}.hero-art .visual-caption{bottom:0}}

@media(min-width:1024px){.hero-video:before{display:none}.hero-art .visual-caption{border-top:0}}