/* Homepage visual system. Shared service and demo styles remain independent. */
.studio-home{--paper:#f7f8fa;--ink:#15232d;--muted:#5c6975;--blue:#294ee8;--line:#dbe1e7;background:var(--paper)}
.studio-home header{height:88px;background:#fff;padding-inline:5.2%}.studio-home header nav{font-size:13px}.studio-home .button{border-radius:5px;font-weight:600}.studio-home .hero{width:100%;max-width:none;background:#101e29;color:white;min-height:720px;padding:72px 5.2% 90px;gap:6%;grid-template-columns:1fr 1fr;position:relative;overflow:hidden}.studio-home .hero:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 90% 0%,#35586150,transparent 60%)}.studio-home .hero-copy,.studio-home .hero-art{position:relative}.studio-home .hero .eyebrow{color:#b9d2d9;font-size:10px;letter-spacing:2px;margin-bottom:28px}.studio-home .status{background:#bcde8a}.studio-home h1{font-size:clamp(42px,4.5vw,72px);line-height:1.08;letter-spacing:-3.2px;font-weight:500;max-width:680px}.studio-home h1 em{color:#c5e9b2}.studio-home .intro{color:#c0cbd2;font-size:16px;max-width:430px;line-height:1.8}.studio-home .hero .actions{gap:24px}.studio-home .hero .text-link{color:#e4edf2;font-size:12px}.studio-home .hero-foot{margin-top:30px;color:#a6b9c6;line-height:1.9}.studio-home .hero-price{color:#dae5ec;font-size:13px}.studio-home .hero-price strong{color:#fff;font-weight:600}.studio-home .premium-art{background:transparent;border:0;overflow:visible;min-height:0;box-shadow:none;border-radius:0;transform:none;padding:0}.studio-home .showcase-top{position:static;display:flex;justify-content:space-between;padding:0 0 15px;color:#b6c7cf;font-size:8px;letter-spacing:1.6px}.hero-demo{display:block;position:relative;aspect-ratio:1.08;overflow:hidden;border-radius:3px;background:#667a70;box-shadow:0 30px 70px #0003}.hero-demo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:55% center;transition:transform .6s}.hero-demo:hover>img{transform:scale(1.035)}.hero-demo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#111f2922,#111f2900 35%,#10251bb5)}.hero-demo-copy{position:absolute;inset:25px;z-index:1;display:flex;flex-direction:column;align-items:flex-start}.hero-demo-copy>span:first-child{font-size:9px;letter-spacing:2px;color:white}.hero-demo-copy h2{margin-top:auto;margin-bottom:22px;font:clamp(35px,4vw,62px)/1 Georgia,serif;letter-spacing:-2px;color:white}.demo-round{border-bottom:1px solid #fff9;padding-bottom:7px;font-size:11px}.art-bottom{display:flex;justify-content:space-between;gap:12px;font-size:8px;letter-spacing:1px;padding-top:15px;color:#a8bbc4}.floating-demo{position:absolute;right:-18px;bottom:60px;display:flex;gap:13px;padding:9px 18px 9px 9px;background:#fff;color:#15232d;align-items:center;box-shadow:0 10px 30px #0002;border-radius:3px}.floating-demo img{width:80px;height:62px;object-fit:cover}.floating-demo span{font-size:10px;line-height:1.8}.floating-demo strong{font-weight:600}.launch-banner{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px 5.2%;background:#e8efdf;border-bottom:1px solid #d4deca}.launch-banner .eyebrow{font-size:9px;display:block;color:#4b6042;margin:0 0 9px}.launch-banner strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.launch-banner p{font-size:12px;margin:0;white-space:nowrap}.launch-banner b{font-size:29px;font-weight:500;letter-spacing:-1px}.launch-banner p span{display:block;font-size:10px;margin-top:5px;color:#57684e}.launch-banner .button{font-size:12px;white-space:nowrap}.studio-home .benefit-strip{padding:23px 5.2%;font-size:11px;background:#fff}.studio-home .section{padding-block:100px}.studio-home .section-heading h2{font-size:clamp(32px,3.4vw,49px);letter-spacing:-2px}.studio-home .section-heading p{color:#546572}.studio-home .section-heading em{color:#526e5d}.studio-home .work-grid{gap:24px}.studio-home .concept{height:340px;border-radius:3px;padding:25px}.studio-home .concept-nav{font-size:15px}.studio-home .concept-nav span{font-size:8px;line-height:1.5}.studio-home .concept h3{margin-top:75px;font-size:36px}.studio-home .concept-tag{font-size:11px}.studio-home .work-info{padding-top:20px}.studio-home .work-info strong{font-size:14px}.studio-home .work-info span{font-size:11px;line-height:1.5}.demo-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:5px}.demo-guide span{border-top:1px solid var(--line);padding-top:12px;color:#63727c;font-size:11px;line-height:1.7}.demo-guide b{display:block;font-size:9px;letter-spacing:1px;color:#263e4c}.studio-home .packages{background:#edf1f4}.studio-home .toggle{background:#dfe5eb;border:0;margin-top:20px;padding:5px}.studio-home .toggle button{font-size:13px;padding:12px 18px;color:#415361}.studio-home .toggle button.active{background:#142b3b;color:white;box-shadow:none}.term-summary{font-size:12px;color:#526775;line-height:1.8;margin:-6px 0 30px;max-width:900px}.studio-home .price-card{background:white;border-color:#d2dce4;border-radius:6px;padding:32px}.studio-home .price-card.featured{border:2px solid #294ee8;box-shadow:0 15px 35px #2542600a}.studio-home .popular{left:22px;right:auto;font-size:9px;padding:7px 12px;letter-spacing:1px}.studio-home .price-card>p{font-size:13px;color:#5b6a75;line-height:1.8;min-height:48px}.studio-home .price{font-size:42px;letter-spacing:-2px;color:#142b3b;margin-top:24px}.studio-home .price-sub{font-size:12px;line-height:1.8;color:#546674;min-height:68px;margin-bottom:20px}.studio-home .price-card li{font-size:12px;line-height:2.1;margin-block:6px}.studio-home .price-card .button{font-size:13px;min-height:47px}.studio-home .price-note{font-size:12px;line-height:1.9;max-width:1000px}.studio-home .care-offer{border:1px solid #d2dce4;background:#f8fafb;border-radius:5px;padding:24px}.studio-home .care-offer p{font-size:12px;color:#536773}.studio-home .custom-row span{font-size:12px;color:#536773}.studio-home .repair-action{background:#e9eee6;border:0;border-radius:5px}.studio-home .repair-tags span{color:#536773}.studio-home .quote-section{background:#122936;color:white}.studio-home .quote-section h2{color:#fff}.studio-home .quote-section h2 em{color:#c5e9b2}.studio-home .quote-grid>div>p,.studio-home .quote-note,.studio-home .quote-note a{color:#c0d0da}.studio-home #quote-form{color:#15232d;border-radius:6px;background:#fff;padding:32px}.studio-home #quote-form label,.studio-home .domain-choice legend{color:#425766;font-size:12px}.studio-home #quote-form .form-note{color:#5f707d;font-size:11px;line-height:1.8}.studio-home #quote-form input,.studio-home #quote-form select,.studio-home #quote-form textarea{color:#213746}.studio-home .estimate{font-size:13px;color:#294865;line-height:1.8}.studio-home .steps p,.studio-home .faqs p{color:#5c6975}.studio-home footer p,.studio-home footer>span{color:#5c6975}.studio-home .reveal-ready{opacity:1;transform:none}
@media(min-width:1600px){.studio-home .hero{padding-inline:max(5.2%,calc((100vw - 1440px)/2));gap:80px}}
@media(max-width:1000px){.studio-home .hero{gap:4%;padding-top:50px;min-height:650px}.studio-home h1{font-size:50px}.studio-home .hero .actions{align-items:flex-start;flex-direction:column;gap:18px}.floating-demo{right:-8px;bottom:50px}.launch-banner{gap:20px;flex-wrap:wrap}.launch-banner>div{flex:1 1 45%}.studio-home .price-card{padding:25px}.studio-home .price{font-size:34px}.studio-home .concept{height:300px}.studio-home .concept h3{font-size:30px}.studio-home .price small{display:block;margin-top:8px}}
@media(max-width:700px){.studio-home header{height:76px}.studio-home header nav{display:none}.studio-home .hero{grid-template-columns:1fr;padding:45px 5.2% 50px;gap:45px;min-height:0}.studio-home h1{font-size:clamp(42px,10vw,62px);letter-spacing:-2.5px}.studio-home .hero .intro{font-size:15px}.studio-home .hero .actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.studio-home .hero-foot{margin-top:22px}.hero-demo{aspect-ratio:1.2}.hero-demo-copy h2{font-size:48px}.floating-demo{right:0;bottom:50px;padding-right:12px}.floating-demo img{width:60px;height:50px}.art-bottom{font-size:7px;letter-spacing:.6px}.launch-banner{padding:28px 5.2%;gap:23px}.launch-banner>div{flex-basis:100%}.launch-banner strong{font-size:18px}.launch-banner b{font-size:28px}.launch-banner .button{margin-left:auto;padding:15px}.studio-home .benefit-strip{display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px}.studio-home .section{padding-block:65px}.studio-home .section-heading{align-items:start;gap:25px}.studio-home .section-heading h2{font-size:36px}.studio-home .section-heading p:not(.eyebrow){font-size:13px}.studio-home .work-grid,.demo-guide{grid-template-columns:1fr}.studio-home .concept{height:350px}.studio-home .concept h3{font-size:40px}.demo-guide{display:none}.studio-home .work-info{margin-bottom:15px}.studio-home .pricing{grid-template-columns:1fr;gap:28px}.studio-home .price-card{padding:30px}.studio-home .price{font-size:42px}.studio-home .price small{display:inline}.studio-home .price-sub{min-height:0}.studio-home .price-card>p{min-height:0}.studio-home .toggle{width:100%;justify-content:space-between}.studio-home .toggle button{flex:1;padding:12px 14px}.studio-home .term-summary{margin-top:0}.studio-home #quote-form{padding:24px 20px}.studio-home .quote-grid{gap:35px}.studio-home .custom-row{align-items:start;flex-direction:column}.studio-home .care-offer p{line-height:1.9}}
.studio-home .hero{display:grid;text-align:left}.studio-home .hero-copy{max-width:none;min-width:0}.studio-home .hero .intro{margin-left:0}.studio-home .hero .actions{justify-content:flex-start}.studio-home .hero .eyebrow{background:transparent;border:0;padding:0;border-radius:0}.studio-home .premium-art{height:auto;width:100%;text-align:left}.studio-home .hero h1 em{background:none;-webkit-text-fill-color:#c5e9b2}.studio-home .popular{top:-14px;background:#294ee8;color:white;border-radius:3px}.studio-home .price-card.featured{background:white}.studio-home .packages{margin:0;border-radius:0}.studio-home .benefit-strip{max-width:none;width:100%}.studio-home .quote-section{margin:0;border-radius:0}
@media(max-width:700px){.studio-home .hero .intro{max-width:100%;padding:0}.studio-home .showcase-top>span:last-child{display:block}.studio-home .hero .eyebrow{font-size:8px}.studio-home .field-row{grid-template-columns:1fr}.studio-home .hero-art{height:auto}}
@media(prefers-reduced-motion:reduce){.hero-demo>img{transition:none}.studio-home *{scroll-behavior:auto}}
.studio-home .demo-hint{display:flex;justify-content:space-between;font-size:11px;color:#536773;border-top:1px solid #dbe1e7;padding-top:13px;line-height:1.7;margin:0}.studio-home .demo-hint span{color:#294ee8}
