/* Website Launch follows the same smaller Madefor type scale and layered visual language. */
.launch-hero .hero-heading{padding-top:48px;padding-bottom:62px}
.launch-showcase{display:grid;grid-template-columns:1.62fr 1fr;max-width:1800px;margin-inline:auto}
.launch-preview-card{background:#e8eadf;color:#193d37;min-height:520px;display:flex;flex-direction:column;position:relative;overflow:hidden}
.launch-preview-card:before{content:'';position:absolute;width:46%;aspect-ratio:1;border:1px solid #193d3750;border-radius:50%;right:-9%;top:17%;box-shadow:0 0 0 38px #193d3709,0 0 0 76px #193d3708}
.preview-top{display:flex;align-items:flex-start;justify-content:space-between;padding:34px clamp(28px,4vw,62px);border-bottom:1px solid #193d3745;position:relative;z-index:1}
.preview-top strong{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.25rem;font-weight:500;letter-spacing:.02em}.preview-top span{font-size:.74rem;letter-spacing:.12em}
.preview-body{padding:clamp(48px,6vw,88px) clamp(28px,4vw,62px);position:relative;z-index:1;flex:1}.preview-body>span{font-size:.72rem;letter-spacing:.1em;font-weight:600}.preview-body h2{font-family:Georgia,serif;font-size:clamp(2.4rem,4vw,4.2rem)!important;font-weight:400;line-height:1.06;letter-spacing:-.045em;margin:24px 0 22px;max-width:650px}.preview-body p{font-size:.95rem;max-width:390px}.preview-bottom{display:flex;gap:36px;padding:20px clamp(28px,4vw,62px);background:#193d37;color:#fff;font-size:.75rem;position:relative;z-index:1}
.launch-package-panel{background:#111216;color:#fff;padding:clamp(34px,4vw,62px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:relative;overflow:hidden;isolation:isolate}.launch-package-panel:before{content:'';position:absolute;z-index:-1;width:260px;height:260px;right:-95px;top:-85px;background:repeating-radial-gradient(circle,#7198e7 0 2px,transparent 2px 14px);opacity:.7}.launch-package-panel .eyebrow{color:#bacbf0}.package-statement{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(1.8rem,2.5vw,2.4rem);line-height:1.16;letter-spacing:-.03em;margin-bottom:24px}.launch-package-panel>p:not(.eyebrow):not(.package-statement){font-size:.94rem;color:#c4c7d0;max-width:360px}.package-motif{width:100%;height:105px;margin-top:38px;position:relative;border-top:1px solid #ffffff38}.package-motif span{position:absolute;display:block}.package-motif span:nth-child(1){width:84px;height:84px;border-radius:50%;background:#e13a31;left:4%;bottom:-20px}.package-motif span:nth-child(2){width:42%;height:42px;background:#cdddf7;left:29%;bottom:12px;transform:rotate(-5deg)}.package-motif span:nth-child(3){width:58px;height:80px;border:1px solid #fff;right:2%;bottom:-3px;transform:rotate(9deg)}
.launch-studio .problems:after{background:#f0df4d}
.design-section{padding-block:var(--space);background:#e7edfa}.demo-tabs{display:flex;width:max-content;max-width:100%;gap:4px;margin:0 auto 32px;padding:4px;border:1px solid #aebbd1;border-radius:99px}.demo-tabs button{border:0;background:transparent;color:var(--ink);padding:12px 22px;border-radius:99px;cursor:pointer;font-family:'Wix Madefor Text',Arial,sans-serif;font-size:.86rem}.demo-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.demo-frame{border:1px solid #aebbd1;overflow:hidden;background:#fff;box-shadow:18px 22px 0 #c8d4e8}.demo[hidden]{display:none}.demo{--demo-ink:#193d37;background:#ebeee6;color:var(--demo-ink)}.demo-nav{display:flex;align-items:center;justify-content:space-between;padding:23px 34px;border-bottom:1px solid #0002;gap:22px}.demo-nav strong{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.25rem;font-weight:500;line-height:1.1;letter-spacing:-.02em}.demo-nav strong span{display:block;font-family:'Wix Madefor Text',Arial,sans-serif;font-size:.66rem;letter-spacing:.13em;margin-top:7px}.demo-nav>span,.demo-nav a{font-size:.78rem}.demo-nav a{text-decoration:underline;text-underline-offset:5px}.demo-body{padding:52px clamp(28px,5vw,68px) 38px}.demo-kicker{font-size:.7rem;letter-spacing:.11em;font-weight:600}.demo-body h3{font-family:Georgia,serif;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:400;line-height:1.07;letter-spacing:-.04em;margin:22px 0}.demo-body>p:not(.demo-kicker){max-width:520px;font-size:.94rem}.demo-rule{height:1px;background:currentColor;opacity:.25;margin:36px 0 20px}.demo-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;font-size:.84rem}.demo-foot{display:flex;justify-content:space-between;gap:20px;padding:16px 34px;background:#193d37;color:#fff;font-size:.68rem;letter-spacing:.03em}.demo-consultant{background:#f2f3ff;--demo-ink:#202a63}.demo-consultant .demo-body h3{font-family:'Wix Madefor Display',Arial,sans-serif;font-weight:500;font-size:clamp(2.1rem,3.6vw,3.45rem)}.demo-consultant .demo-foot{background:#202a63}.demo-creative{background:#fbe441;--demo-ink:#332b36}.demo-creative .demo-body h3{font-family:Georgia,serif;font-style:italic}.demo-creative .demo-nav strong{font-size:1.5rem}.demo-creative .demo-foot{background:#332b36}.demo-disclosure{font-size:.78rem;color:var(--muted);max-width:820px;margin:24px auto 0;text-align:center}.design-explanation{display:grid;grid-template-columns:.75fr 1.8fr;gap:55px;margin-top:58px;padding-top:32px;border-top:1px solid #aebbd1}.design-explanation h3{font-size:1.25rem}.design-explanation p{font-size:.94rem;color:var(--muted)}
.launch-studio .included-grid .number{display:block;font-size:.78rem;color:var(--muted);margin-bottom:20px}.launch-studio .included-grid h3{font-size:1.22rem}.launch-studio .included-grid p{font-size:.93rem}.launch-studio .extras{background:#e7edfa}.launch-pricing{padding-block:var(--space);background:#e7edfa}.price-cards{display:grid;grid-template-columns:1fr 1fr;border:1px solid #b9c4d7}.price-cards article{padding:clamp(30px,3.4vw,50px);display:flex;flex-direction:column;align-items:flex-start}.price-cards article+article{border-left:1px solid #b9c4d7}.price-cards h3{font-size:1.5rem;margin:6px 0 24px}.launch-price{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:clamp(3.4rem,4.5vw,4.6rem);letter-spacing:-.045em;line-height:1;margin-bottom:14px}.launch-price span{font-size:1.05rem;letter-spacing:-.01em}.price-context{font-size:.9rem;color:var(--muted)}.price-cards ul{list-style:none;padding:0;margin:25px 0 24px;width:100%}.price-cards li{padding:14px 0;border-top:1px solid #b9c4d7;font-size:.9rem;line-height:1.5}.payment-detail{font-size:.86rem;color:var(--muted);margin-bottom:26px}.payment-detail strong{display:block;color:inherit;font-weight:500}.price-cards .button{margin-top:auto}.price-cards .managed{background:#111216;color:#fff}.managed .price-context,.managed .payment-detail{color:#c6c8ce}.managed li{border-color:#ffffff35}.managed .button{background:#fff;border-color:#fff;color:#111216}.pricing-note{font-size:.8rem;color:var(--muted);line-height:1.65;max-width:920px;margin-top:24px}.fit{padding-block:var(--space)}.fit-grid ul{padding-left:20px;color:var(--muted);font-size:.93rem;line-height:1.6}.fit-grid li{padding:7px 0}.launch-quote{border-top:1px solid var(--line);margin-top:30px;padding-top:28px}.launch-quote blockquote{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.35rem;line-height:1.5;margin:0}.launch-quote figcaption{font-size:.82rem;color:var(--muted);margin-top:18px}.launch-studio .contact-note{font-size:.84rem;margin-top:17px;margin-bottom:0}
@media(max-width:900px){.launch-showcase{grid-template-columns:1.3fr 1fr}.launch-package-panel{padding:34px 28px}.preview-body h2{font-size:3rem!important}.design-explanation{grid-template-columns:1fr 1.8fr}.price-cards article{padding:34px 28px}}
@media(max-width:700px){.launch-hero .hero-heading{padding-top:38px;padding-bottom:50px}.launch-showcase{grid-template-columns:1fr}.launch-preview-card{min-height:430px}.launch-package-panel{padding:38px 24px}.package-statement{font-size:1.9rem}.preview-top{padding:24px}.preview-body{padding:46px 24px}.preview-body h2{font-size:2.5rem!important}.preview-bottom{padding:18px 24px;gap:22px}.demo-tabs{width:100%;gap:0}.demo-tabs button{padding:11px 8px;flex:1;font-size:.76rem}.demo-frame{box-shadow:8px 10px 0 #c8d4e8}.demo-nav{padding:20px;gap:15px;align-items:flex-start}.demo-nav>span{display:none}.demo-nav strong{font-size:1.05rem}.demo-nav a{font-size:.7rem;max-width:86px}.demo-body{padding:36px 22px 30px}.demo-body h3,.demo-consultant .demo-body h3{font-size:2.3rem}.demo-services{grid-template-columns:1fr;gap:12px}.demo-foot{padding:16px 22px;flex-direction:column;gap:5px}.design-explanation{grid-template-columns:1fr;gap:16px;margin-top:42px}.price-cards{grid-template-columns:1fr}.price-cards article+article{border-left:0;border-top:1px solid #b9c4d7}.price-cards article{padding:32px 25px}.launch-price{font-size:3.55rem}.price-cards .button{width:100%}.launch-quote blockquote{font-size:1.25rem}.fit-grid{grid-template-columns:1fr}.fit-grid article+article{border-left:0;border-top:1px solid #b9c4d7}}

/* Make the purpose of the illustrative Website Launch previews unmistakable. */
.example-guide{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #aebbd1;margin-bottom:58px;background:#edf2fb}
.example-guide>div{padding:28px 26px}.example-guide>div+div{border-left:1px solid #aebbd1}
.example-guide-number{display:block;font-size:.72rem;letter-spacing:.06em;color:var(--muted);margin-bottom:18px}
.example-guide strong{display:block;font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.15rem;font-weight:500;margin-bottom:11px}
.example-guide p{font-size:.88rem;line-height:1.55;color:var(--muted)}
.demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:18px}
.demo-heading>div{display:flex;flex-direction:column;gap:5px}.demo-heading span{font-size:.72rem;letter-spacing:.055em;color:var(--muted)}.demo-heading strong{font-size:1rem;font-weight:500}
.demo-tabs{margin-left:0;margin-bottom:25px}.demo-tabs button span{font-size:.7rem;margin-right:5px;opacity:.65}
.demo-concept-label{padding:9px 34px;background:#fff;color:#111216;font-size:.65rem;line-height:1.4;letter-spacing:.07em;border-bottom:1px solid #0002}
.after-demo{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:38px}.after-demo p{font-size:.87rem;color:var(--muted);padding-top:18px;border-top:1px solid #aebbd1}.after-demo strong{color:var(--ink);font-weight:500}
.design-explanation{margin-top:48px}
@media(max-width:900px){.example-guide>div{padding:24px 20px}}
@media(max-width:700px){.example-guide{grid-template-columns:1fr;margin-bottom:42px}.example-guide>div+div{border-left:0;border-top:1px solid #aebbd1}.demo-heading{align-items:flex-start;flex-direction:column;gap:8px}.demo-tabs button span{display:none}.demo-concept-label{padding:9px 20px}.after-demo{grid-template-columns:1fr;gap:12px;margin-top:30px}}

/* Live desktop and phone mockups for the three complete example homepages. */
.device-preview{border:1px solid #aebbd1;background:#f6f8fb;padding:clamp(22px,3.2vw,48px);box-shadow:18px 22px 0 #c8d4e8}
.device-preview-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}.device-preview-title>div{display:flex;flex-direction:column;gap:5px}.device-preview-title span{font-size:.7rem;letter-spacing:.06em;color:var(--muted)}.device-preview-title strong{font-family:'Wix Madefor Display',Arial,sans-serif;font-size:1.2rem;font-weight:500}
.device-stage{position:relative;padding:0 clamp(70px,12vw,175px) 70px 0;isolation:isolate}.imac{width:100%;position:relative;filter:drop-shadow(0 24px 25px #20263728)}.imac-screen{aspect-ratio:16/9;border:12px solid #16181c;border-bottom-width:10px;border-radius:14px 14px 0 0;background:#fff;overflow:hidden}.imac-screen iframe{width:100%;height:100%;border:0;display:block;background:#fff}.imac-camera{position:absolute;z-index:2;top:5px;left:50%;width:4px;height:4px;border-radius:50%;background:#454b55;transform:translateX(-50%)}.imac-chin{height:47px;border:1px solid #b6bac1;border-top:0;border-radius:0 0 14px 14px;background:linear-gradient(#f1f2f4,#d9dce1);position:relative}.imac-chin span{position:absolute;width:17px;height:20px;left:50%;top:12px;transform:translateX(-50%);border:1px solid #8e939b;border-radius:50% 50% 45% 45%;opacity:.48}.imac-stand{width:20%;height:58px;margin:0 auto;position:relative;background:linear-gradient(90deg,#c4c8ce,#eef0f3 50%,#b9bdc4);clip-path:polygon(25% 0,75% 0,90% 82%,100% 91%,100% 100%,0 100%,0 91%,10% 82%)}
.iphone{position:absolute;z-index:3;right:0;bottom:30px;width:190px;aspect-ratio:9/19.4;border:7px solid #17191d;border-radius:28px;background:#17191d;box-shadow:0 24px 35px #20263738;overflow:hidden}.iphone-screen{width:100%;height:100%;border-radius:20px;overflow:hidden;background:#fff}.iphone-screen iframe{width:390px;height:844px;border:0;display:block;background:#fff;transform:scale(.451);transform-origin:top left}.iphone-speaker{position:absolute;z-index:5;top:7px;left:50%;width:36%;height:13px;border-radius:0 0 10px 10px;background:#17191d;transform:translateX(-50%)}.iphone-home{position:absolute;z-index:5;bottom:5px;left:50%;width:35%;height:3px;border-radius:99px;background:#fff;transform:translateX(-50%);opacity:.75}.device-note{font-size:.78rem;color:var(--muted);text-align:center;max-width:720px;margin:4px auto 0}.device-preview iframe:focus-visible{outline:3px solid #2767d7;outline-offset:-3px}
@media(max-width:900px){.device-stage{padding-right:110px}.iphone{width:145px}.iphone-screen iframe{transform:scale(.336)}.imac-screen{border-width:9px;border-bottom-width:8px}.imac-chin{height:39px}.imac-stand{height:48px}}
@media(max-width:700px){.device-preview{padding:20px 16px 24px;box-shadow:8px 10px 0 #c8d4e8}.device-preview-title{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:22px}.device-stage{padding:0 62px 50px 0}.imac-screen{border-width:6px;border-bottom-width:5px;border-radius:8px 8px 0 0}.imac-chin{height:28px;border-radius:0 0 8px 8px}.imac-chin span{width:10px;height:12px;top:7px}.imac-stand{height:34px}.imac-camera{top:2px}.iphone{width:88px;border-width:4px;border-radius:17px;bottom:20px}.iphone-screen{border-radius:13px}.iphone-screen iframe{transform:scale(.205)}.iphone-speaker{top:4px;height:8px}.device-note{font-size:.72rem;margin-top:0}}

/* On phones the mockup is a visual preview: gestures scroll the outer page.
   The full example opens separately, avoiding a nested scrolling trap. */
.mobile-preview-copy,.mobile-example-link{display:none}
@media(max-width:700px){
 .service-launch #launch-preview .imac,.service-launch #launch-preview .desktop-preview-copy{display:none}
 .service-launch #launch-preview .device-stage{display:flex;justify-content:center;padding:4px 0 28px}
 .service-launch #launch-preview .iphone{position:relative;right:auto;bottom:auto;width:min(260px,100%);aspect-ratio:auto;border-width:7px;border-radius:28px;pointer-events:none;user-select:none}
 .service-launch #launch-preview .iphone-screen{position:relative;height:auto;aspect-ratio:390/844;border-radius:20px;pointer-events:none}
 .service-launch #launch-preview .iphone-screen iframe{position:absolute;inset:0;transform:scale(var(--phone-preview-scale,.63));pointer-events:none}
 .service-launch #launch-preview .iphone-speaker{top:7px;height:13px}
 .service-launch #launch-preview .mobile-preview-copy{display:inline}
 .service-launch #launch-preview .device-note{max-width:32ch;margin:0 auto;font-size:.875rem;line-height:1.5}
 .service-launch #launch-preview .mobile-example-link{display:flex;width:fit-content;min-height:46px;gap:10px;margin:18px auto 0;text-align:center}
}
