/* The project itself is the product story. */
.hero.project-hero{padding:76px 0 62px;background:radial-gradient(ellipse at 85% 20%,#fff0f5 0,transparent 48%),#fff}.project-hero .hero-grid{grid-template-columns:1fr 1.08fr;gap:65px;align-items:center}.project-hero h1{font-size:clamp(48px,5.5vw,74px);line-height:1.04;letter-spacing:-.065em}.project-hero h1 span{color:#c52360}.project-hero .eyebrow{color:#9b2050;font-size:11px;letter-spacing:.12em}.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.75;margin-top:27px;max-width:470px}.hero-foot{font-size:12px;max-width:410px;line-height:1.8}.project-hero .hero-ctas{gap:12px;flex-wrap:wrap}.project-hero .hero-ctas .cta{padding:14px 18px;font-size:12px}.launch-preview{position:relative;min-width:0;filter:drop-shadow(0 25px 30px #48213312)}.example-browser{display:flex;align-items:center;gap:13px;padding:12px 18px;border:1px solid #e4dce1;border-bottom:0;border-radius:14px 14px 0 0;background:#f6f3f5;font-size:10px;color:#776b74}.browser-lights{color:#cbbfc6;font-size:9px;letter-spacing:2px}.example-private{margin-left:auto}.launch-paper{background:#fff;border:1px solid #e4dce1;border-radius:0 0 14px 14px;padding:25px 28px 0;overflow:hidden}.studio-row{display:flex;align-items:center;gap:9px}.studio-row strong{display:block;font-size:12px}.studio-row small{display:block;font-size:9px;color:#7d737a}.studio-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:8px;background:#252329;color:#b7e417;font-size:24px;font-weight:650}.sample-label{font-size:8px;letter-spacing:.1em;color:#7b7078;background:#f5f1f4;border-radius:4px;padding:4px 6px;margin-left:auto}.launch-title{padding:22px 0 17px}.launch-title>p{font-size:8px;letter-spacing:.14em;color:#88767f;margin-bottom:8px}.launch-title h2{font-size:27px;letter-spacing:-.05em;margin-bottom:11px}.example-state{display:inline-flex;align-items:center;font-size:9px;line-height:1.5;padding:4px 8px;background:#fff0d9;color:#7d4a08;border-radius:5px;font-weight:600}.example-state.received{background:#eff6cf;color:#43590b}.film-still{position:relative;display:flex;align-items:center;gap:25px;min-height:182px;padding:22px 28px;background:#343b2f;border-radius:8px;overflow:hidden;color:#e8eaca}.film-still:before{content:'';position:absolute;width:290px;height:290px;right:-50px;top:-100px;border-radius:50%;background:#c4d79214}.coffee-pack{background:#e2e7c0;color:#303c29;flex:0 0 100px;min-height:139px;padding:14px 12px;transform:rotate(-6deg);box-shadow:12px 16px 15px #10180c33;position:relative;z-index:1}.coffee-pack>span{font-size:9px;letter-spacing:.14em;display:block;border-bottom:1px solid #a7b08e;padding-bottom:9px}.coffee-pack strong{font-size:20px;letter-spacing:-.04em;line-height:.95;display:block;margin:12px 0}.coffee-pack small{font-size:5px;letter-spacing:.12em}.film-caption{position:relative;display:grid;gap:12px;max-width:165px}.film-caption>span{font-size:7px;letter-spacing:.1em;color:#b8c2a7}.film-caption strong{font-size:24px;line-height:1.05;letter-spacing:-.05em;font-weight:500}.film-time{position:absolute;bottom:10px;right:12px;font-size:8px;color:#d9e3c7}.launch-scope{padding-top:12px}.launch-scope>div{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid #eee8ed;padding:10px 0;font-size:11px}.launch-scope strong{font-weight:550}.launch-scope small{display:block;color:#8d8189;font-size:9px;margin-top:2px}.launch-scope b{font-weight:600;white-space:nowrap}.launch-scope .launch-total{padding:13px 0;border:0}.launch-total>span{font-weight:600}.launch-total>b{font-size:24px;letter-spacing:-.04em}.launch-response{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:1px -28px 0;padding:14px 22px;background:#fcf7fa;font-size:9px}.launch-response>span{display:flex;align-items:center;gap:5px;color:#73646e}.launch-response i{width:5px;height:5px;background:#97b80d;border-radius:50%}.launch-response a{color:#a72050;font-weight:650;text-decoration:none}.example-caption{font-size:9px;color:#8d7c87;text-align:center;margin-top:12px;filter:none}.story-strip{border-top:1px solid #eee8ec;border-bottom:1px solid #eee8ec;background:#fff}.story-strip .wrap{display:flex;justify-content:space-between;gap:20px;padding:21px 0;font-size:12px;font-weight:550}.story-strip b{color:#b42c5c;margin-right:8px;font-size:10px}.project-story{background:#f8f6f8}.project-story .section-top{max-width:720px;margin-bottom:46px}.project-story .section-top p:last-child{font-size:16px;margin-top:23px;max-width:570px}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-copy h2{margin:15px 0 24px}.story-copy p{font-size:16px;line-height:1.85}.story-copy .text-link{display:inline-block;margin-top:22px}.saved-service-preview,.receipt-preview{border:1px solid #e6dfe4;background:white;border-radius:16px;padding:30px;box-shadow:0 10px 30px #42233406;min-width:0}.example-panel-heading{display:flex;align-items:center;gap:14px;margin-bottom:24px}.example-panel-heading .eyebrow{margin:0;font-size:9px}.saved-service-preview>h3{font-size:25px;max-width:290px;margin-bottom:20px}.library-row{display:grid;grid-template-columns:28px 1fr auto;gap:12px;align-items:center;padding:21px 0;border-top:1px solid #eee8ed;font-size:12px}.library-initial{font-size:10px;color:#ad3963}.library-row small{display:block;color:#817780;font-size:9px;font-weight:400;margin-top:5px}.library-row>b{text-align:right;font-size:15px;letter-spacing:-.04em}.library-build{background:#f9edf2;border:1px solid #f3dce5;padding:17px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-top:10px;gap:10px}.library-build strong{font-size:23px;letter-spacing:-.05em}.library-build small{display:block;font-size:9px;letter-spacing:0;font-weight:400}.saved-service-preview>p{font-size:11px;margin-top:17px;line-height:1.8}.dark-story{background:#28252d;color:#fff}.dark-story p{color:#c4b9c4}.dark-story .eyebrow{color:#d4ec7f}.dark-story .text-link{color:#eeb8cc}.dark-story .receipt-preview{color:#252329}.dark-story .receipt-preview p{color:#746b73}.receipt-preview h3{font-size:30px;margin-bottom:26px}.receipt-timeline>div{padding:0 0 23px 23px;border-left:2px solid #e4d8df;position:relative}.receipt-timeline>div:before{content:'';width:9px;height:9px;border-radius:50%;background:#e83f79;position:absolute;left:-5.5px;top:4px}.receipt-timeline>div:last-child:before{background:#a3ca18}.receipt-timeline strong{display:block;font-size:13px;margin-top:8px}.receipt-timeline p{font-size:11px;margin-top:5px}.role-chip{display:inline-block;background:#f3eaf0;color:#94254e;font-size:9px;font-weight:650;padding:4px 7px;border-radius:4px;line-height:1.6;letter-spacing:.04em}.role-chip.owner{background:#eff3e4;color:#536c17}.receipt-balance{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#f7f5f7;border-radius:8px;padding:18px;font-size:10px;color:#766b73}.receipt-balance strong{font-size:25px;display:block;color:#252329}.receipt-preview .text-link{color:#aa2454}.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}.outcome-grid article{border-top:2px solid #e5dce2;padding-top:25px}.outcome-grid article>span{font-size:12px;color:#a62755}.outcome-grid h3{font-size:25px;margin:18px 0}.outcome-grid p{font-size:14px}.tour-invitation{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:45px;border:1px solid #e5dce2;border-radius:17px;background:#fff9fc}.tour-invitation p{margin-top:17px;max-width:650px}.product-intro{max-width:830px}.product-intro p{margin-top:25px;font-size:18px}.product-intro .hero-ctas{margin-top:28px}.product-stage-label{font-size:11px;color:#a32351;letter-spacing:.12em;font-weight:600}.product-question{border-radius:15px;padding:30px;background:#f5f0f5}.product-question article{padding:20px;background:white;border-radius:11px;margin:14px 0;font-size:14px}.product-question article:last-child{margin-left:28px;background:#f0f5dd}.product-question strong{font-size:11px;display:block;margin-bottom:10px}.product-question .accepted{border-top:1px solid #ded4dc;padding-top:22px;font-size:12px;line-height:1.8}.product-question .accepted b{display:block;font-size:18px}.product-facts{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-top:25px}.product-facts h3{font-size:21px;margin-bottom:14px}.product-facts p{font-size:14px}.demo-intro{padding:55px 0 35px}.demo-intro h1{font-size:clamp(38px,4.5vw,59px);max-width:800px}.demo-intro>p,.demo-intro .wrap>p{max-width:690px;margin-top:19px;font-size:16px}.demo-intro .eyebrow{margin:0 0 18px}.demo-page{background:#f8f6f8;padding:0 0 70px}.demo-shell{border:1px solid #ded4dd;border-radius:18px;background:white;overflow:hidden;box-shadow:0 18px 50px #38213c09}.demo-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 27px;background:#fff}.demo-toolbar>div{display:flex;gap:18px;align-items:center}.demo-toolbar .eyebrow{font-size:9px;margin:0}.demo-toolbar strong{font-size:13px;letter-spacing:-.02em}.demo-reset{border:0;background:transparent;color:#876a7b;font-size:11px;padding:10px 0;text-decoration:underline;text-underline-offset:4px}.demo-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#f7f3f6;border-top:1px solid #e8e0e6;border-bottom:1px solid #e8e0e6}.demo-stages button{display:flex;align-items:center;justify-content:center;gap:10px;border:0;border-bottom:3px solid transparent;background:transparent;color:#84717e;font-size:12px;padding:19px 8px;min-height:55px}.demo-stages button>span{font-size:9px;opacity:.7}.demo-stages button[aria-pressed=true]{border-color:#c52360;background:#fff0f5;color:#9a224e;font-weight:650}.demo-stage-content{padding:38px;min-height:540px}.demo-panel-top{margin-bottom:28px;max-width:750px}.demo-panel-top h2{font-size:34px;margin:16px 0 14px;letter-spacing:-.045em}.demo-panel-top>p{font-size:14px;line-height:1.8}.demo-quote{border:1px solid #e8dfe6;border-radius:13px;overflow:hidden}.demo-project-line{display:flex;align-items:center;justify-content:space-between;padding:23px 26px;background:#fbf8fa;gap:15px}.demo-project-line p{font-size:8px;letter-spacing:.1em;margin-bottom:7px}.demo-project-line h3{font-size:22px}.demo-service{display:grid;grid-template-columns:minmax(0,1fr) 100px 95px;gap:25px;padding:23px 26px;border-top:1px solid #eee8ed;align-items:center;font-size:13px}.demo-service p{font-size:11px;max-width:540px;margin:7px 0;line-height:1.7}.demo-service small{font-size:10px;color:#8c7786}.demo-service>b{text-align:right;white-space:nowrap;font-size:18px;letter-spacing:-.04em}.demo-quantity{text-align:right;font-size:11px}.demo-quantity label{display:grid;gap:6px;color:#7b6a76}.demo-quantity input{width:72px;margin-left:auto;padding:7px;border:1px solid #cdbac8;border-radius:6px;font:inherit;font-size:16px;color:#3a2c36;background:#fff}.demo-quantity>small{display:block;margin-top:5px}.demo-total{background:#f9edf3;display:flex;justify-content:space-between;align-items:center;padding:20px 26px;font-size:14px}.demo-total small{font-size:10px;display:block;color:#8a7281}.demo-total strong{font-size:31px;letter-spacing:-.05em}.demo-quote-note{font-size:11px;padding:17px 26px;line-height:1.7}.demo-next{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:28px}.demo-next>span{font-size:11px;color:#897482;max-width:440px}.demo-next .cta{font-size:12px;white-space:normal;text-align:center;padding:12px 18px}.demo-disclaimer{padding:16px 28px;background:#f7f4f7;color:#8c7c87;font-size:10px;border-top:1px solid #e8e0e6}.demo-notice{font-size:12px;color:#8a2450;margin:0 38px 20px;min-height:0}.demo-notice:empty{display:none}.demo-review-grid,.demo-payment-grid,.demo-delivery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.demo-review-grid h3,.demo-conversation h3,.demo-role-card h3,.demo-handoff h3{font-size:21px;margin-bottom:17px}.demo-plan{display:flex;align-items:center;gap:12px;border:1px solid #ddd1da;padding:19px;border-radius:10px;margin:13px 0;cursor:pointer}.demo-plan.chosen{border-color:#c52360;background:#fff6fa;box-shadow:0 0 0 1px #c52360}.demo-plan input,.demo-consent input{accent-color:#c52360;width:17px;height:17px;flex:0 0 17px}.demo-plan strong{font-size:12px;display:block}.demo-plan small{display:block;font-size:11px;color:#927588;margin-top:5px}.demo-small{font-size:11px;line-height:1.8;margin-top:16px}.demo-conversation{background:#f8f5f8;border-radius:12px;padding:23px;min-width:0}.demo-empty{font-size:12px;margin:12px 0 20px}.demo-message{padding:14px;background:white;border:1px solid #e9dfe6;border-radius:8px;margin:10px 0}.demo-message strong{font-size:10px}.demo-message p{font-size:12px;margin-top:6px;overflow-wrap:anywhere}.demo-conversation form label{display:block;font-size:11px;margin:18px 0 7px}.demo-conversation textarea{width:100%;max-width:100%;resize:vertical;font:inherit;font-size:14px;border:1px solid #d9cbd6;border-radius:7px;padding:12px;min-height:82px}.demo-button{display:inline-block;border:1px solid #c52360;border-radius:7px;background:#c52360;color:#fff;padding:11px 15px;font:inherit;font-size:12px;min-height:43px;margin-top:12px;max-width:100%}.demo-button.quiet{border:0;background:transparent;color:#a52a57;padding:6px 0;font-size:11px}.demo-button:disabled{background:#e7dfe4;color:#95818e;border-color:#e7dfe4;cursor:default}.agreement-summary{display:grid;grid-template-columns:1.1fr .8fr 1.2fr;gap:25px;padding:24px;background:#f7f3f7;border-radius:10px}.agreement-summary span{display:block;font-size:8px;letter-spacing:.1em;color:#8d7485;margin-bottom:7px}.agreement-summary strong{display:block;font-size:14px}.demo-terms{font-size:13px;line-height:1.85;margin-top:24px;display:grid;gap:12px;max-width:820px}.demo-terms h3{font-size:15px;margin-top:5px;letter-spacing:-.02em}.demo-consent{display:flex;align-items:start;gap:12px;border-top:1px solid #e7dfe5;margin-top:25px;padding-top:24px;font-size:13px}.demo-consent input{margin:3px 0}.demo-accepted{padding:20px;background:#f1f7db;color:#465d13;margin-top:20px;border-radius:8px}.demo-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#f7f3f7;border-radius:10px;margin-bottom:26px;padding:23px;gap:20px}.demo-payment-summary span{display:block;font-size:11px;color:#836d7c;margin-bottom:7px}.demo-payment-summary strong{font-size:32px;letter-spacing:-.05em}.demo-role-card{padding:25px;border:1px solid #e4d9e1;border-radius:12px}.demo-role-card h3{margin-top:17px}.demo-role-card>p{font-size:12px;line-height:1.8}.demo-role-card .example-state{margin-top:18px}.demo-pending{background:#fff5de;padding:15px;border-radius:7px;font-size:12px;margin-top:15px}.demo-pending p{font-size:11px;margin-top:6px}.demo-receipt{display:flex;justify-content:space-between;gap:15px;background:#eff5dc;padding:14px;border-radius:7px;margin-top:14px;font-size:11px;color:#526b1d}.delivery-art{background:#343b2f;color:#dce6b9;border-radius:12px;min-height:335px;padding:38px;display:flex;flex-direction:column;justify-content:space-between}.delivery-art-title{font-size:60px;font-weight:600;line-height:.95;letter-spacing:-.055em}.delivery-art>span:last-of-type{font-size:9px;letter-spacing:.15em;margin-top:25px}.delivery-formats{display:flex;gap:14px;margin-top:25px}.delivery-formats b{display:grid;place-items:center;border:1px solid #a4b3786b;padding:12px;font-size:11px;width:100px;aspect-ratio:16/9}.delivery-formats b:last-child{width:44px;aspect-ratio:9/16}.demo-handoff>p{font-size:12px;line-height:1.85;margin:20px 0}.demo-handoff h3{margin-top:20px}.demo-handoff details{border-top:1px solid #e4d9e1;padding:16px 0;font-size:12px}.demo-handoff summary{cursor:pointer;font-weight:600;color:#a42351}.demo-handoff details p,.demo-handoff ul{font-size:11px;line-height:1.8;margin-top:15px}.demo-handoff li{overflow-wrap:anywhere}.demo-handoff details summary span{float:right}.demo-terms p,.demo-handoff p{overflow-wrap:anywhere}.welcome-form-wrap select{font:inherit;font-size:16px;width:100%;padding:12px;border:1px solid #ddd3e2;border-radius:8px;background:white;color:#252329}.welcome-step-count{font-size:10px;letter-spacing:.12em;color:#a32855;margin-bottom:20px}.welcome-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.welcome-grid .form-field{margin-top:10px;margin-bottom:10px}.welcome-starter{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:20px 0}.welcome-starter label{padding:15px;border:1px solid #e3d6df;border-radius:9px;font-size:12px;cursor:pointer;line-height:1.6}.welcome-starter label:has(:checked){border-color:#c52360;background:#fff5fa}.welcome-starter strong,.welcome-starter small{display:block}.welcome-starter small{font-size:10px;color:#8b7584;margin-top:5px}.welcome-starter input{accent-color:#c52360}.welcome-form-wrap{padding:45px}.welcome-form-wrap form{width:100%;max-width:490px}.welcome-form-wrap .form-field{margin:16px 0}.welcome-form-wrap .form-field>span{font-size:10px;color:#8b7584;font-weight:400}.welcome-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#f7f1f5;border-radius:9px;padding:15px;margin-top:20px;font-size:12px}.welcome-summary strong{font-size:25px;letter-spacing:-.05em}.welcome-actions{display:flex;gap:15px;align-items:center}.welcome-actions .cta{flex:1}.welcome-actions button.secondary{border:0;background:transparent;font-size:12px;text-decoration:underline;padding:12px 0}.welcome-sample-note{font-size:11px;background:#fff6df;border-radius:7px;padding:12px;color:#806326;line-height:1.7}.welcome-story .launch-preview{margin-top:35px;max-width:420px}.welcome-story{padding-top:40px;padding-bottom:40px;padding-right:45px}.welcome-story h1{margin-top:35px;font-size:45px}.welcome-story>p{max-width:430px}.welcome-story .coffee-pack{flex-basis:85px}.welcome-story .film-still{min-height:150px}.welcome-story .launch-title h2{font-size:24px}.welcome-story .launch-paper{padding-top:20px}.welcome-story .launch-response{font-size:8px}.welcome-preview-total{font-size:13px;background:white;border:1px solid #ebd9e3;border-radius:12px;padding:25px;margin-top:35px;max-width:430px}.welcome-preview-total>span{font-size:9px;letter-spacing:.1em;color:#9a3760}.welcome-preview-total h3{font-size:24px;margin:18px 0}.welcome-preview-total .line{padding:14px 0;border-bottom:1px solid #eee3eb;display:flex;justify-content:space-between;gap:20px}.welcome-preview-total .total{display:flex;justify-content:space-between;align-items:center;padding-top:20px}.welcome-preview-total .total strong{font-size:30px;letter-spacing:-.05em}
@media(max-width:1050px){.project-hero .hero-grid{gap:35px}.project-hero h1{font-size:56px}.launch-paper{padding-left:21px;padding-right:21px}.launch-response{margin-left:-21px;margin-right:-21px}.film-still{padding:20px;gap:19px}.story-grid{gap:35px}.saved-service-preview,.receipt-preview{padding:23px}.welcome-story{padding-left:35px;padding-right:35px}}
@media(max-width:800px){.project-hero .hero-grid,.story-grid,.demo-review-grid,.demo-payment-grid,.demo-delivery-grid{grid-template-columns:1fr}.hero.project-hero{padding:45px 0}.project-hero h1{font-size:clamp(44px,9vw,67px)}.project-hero .launch-preview{max-width:560px;width:100%;margin:10px auto 0}.story-strip .wrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.story-grid{gap:30px}.outcome-grid{grid-template-columns:1fr;gap:28px}.outcome-grid article{padding-top:20px}.outcome-grid h3{margin:12px 0}.tour-invitation{padding:27px;flex-direction:column;align-items:start}.product-facts{grid-template-columns:1fr;gap:25px}.demo-intro{padding-top:37px}.demo-toolbar{padding:15px 19px}.demo-toolbar>div{display:grid;gap:5px}.demo-stages button{padding:13px 3px;font-size:10px;gap:4px;flex-direction:column}.demo-stage-content{padding:24px;min-height:0}.demo-panel-top h2{font-size:29px}.demo-panel-top p{font-size:13px}.demo-service{grid-template-columns:minmax(0,1fr) 70px;gap:14px;padding:19px}.demo-service>div:first-child{grid-column:1/-1}.demo-service>b{text-align:right}.demo-quantity{text-align:left}.demo-quantity label{grid-template-columns:auto 55px;align-items:center;font-size:10px;gap:7px}.demo-quantity input{width:55px;padding:5px}.demo-quantity>small{margin-top:7px}.demo-project-line{padding:19px}.demo-project-line h3{font-size:19px}.demo-total{padding:17px 19px}.demo-quote-note{padding:15px 19px}.demo-next{align-items:start;flex-direction:column;gap:15px}.demo-next .cta{width:100%;justify-content:center}.demo-disclaimer{padding:17px 21px}.demo-notice{margin:0 24px 20px}.agreement-summary{grid-template-columns:1fr;gap:17px;padding:20px}.demo-payment-summary{padding:18px;gap:13px}.demo-payment-summary span{font-size:9px}.demo-payment-summary strong{font-size:25px}.demo-role-card{padding:21px}.delivery-art{min-height:290px;padding:30px}.welcome-story h1{font-size:35px}.welcome-story>p{font-size:14px}.welcome-preview-total{display:none}.welcome-form-wrap{padding:30px 25px}.welcome-story{padding:30px 25px}.demo-conversation{padding:20px}.demo-intro .wrap>p{font-size:14px}.demo-shell{border-radius:12px}.dark-story .story-grid .receipt-preview{order:2}}
@media(max-width:380px){.project-hero h1{font-size:43px}.launch-paper{padding:18px 17px 0}.launch-title h2{font-size:24px}.film-still{gap:17px;padding:17px;min-height:164px}.coffee-pack{flex-basis:85px;padding:12px;min-height:123px}.coffee-pack strong{font-size:17px}.film-caption strong{font-size:21px}.film-caption span{font-size:6px}.launch-response{margin-left:-17px;margin-right:-17px;padding:12px 17px;gap:12px;font-size:8px}.launch-response>span{max-width:105px}.example-private{display:none}.studio-row small{font-size:8px}.launch-scope>div{font-size:10px}.example-caption{font-size:8px}.demo-stage-content{padding:19px 16px}.demo-stages button{font-size:9px}.demo-panel-top h2{font-size:26px}.demo-stages button>span{font-size:8px}.demo-project-line{align-items:start;flex-direction:column;gap:10px}.demo-payment-summary{padding:14px;gap:9px}.demo-payment-summary strong{font-size:22px}.demo-payment-summary span{font-size:8px}.saved-service-preview{padding:20px}.library-row{grid-template-columns:20px 1fr auto;gap:9px;font-size:10px}.library-row>b{font-size:13px}.library-row small{font-size:8px}.welcome-grid{gap:10px}.welcome-starter label{padding:12px;font-size:11px}.welcome-starter small{font-size:9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}fieldset.welcome-starter{padding:0;border:0}textarea:focus-visible{outline:3px solid #c52360;outline-offset:3px}

@media(min-width:801px){.hero.project-hero{padding:40px 0 35px}.project-hero .launch-title{padding:14px 0 10px}.project-hero .film-still{min-height:156px;padding:17px 24px}.project-hero .coffee-pack{min-height:125px;padding:12px}.project-hero .coffee-pack small{display:block}.project-hero .launch-scope>div{padding:7px 0}.project-hero .launch-scope .launch-total{padding:9px 0}.project-hero .launch-response{padding-top:11px;padding-bottom:11px}}

.project-hero h1 span{color:#e83f79}
.story-grid>*{min-width:0}
@media(max-width:800px){.story-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:380px){.delivery-art-title{font-size:50px}}

.welcome-mobile-intro{display:none}
@media(max-width:800px){.welcome-story{padding:26px 25px}.welcome-story .brand img{width:120px}.welcome-story h1{font-size:29px;line-height:1.12;margin-top:20px}.welcome-story .welcome-description,.welcome-story>p.muted-small{display:none}.welcome-mobile-intro{display:block;font-size:13px!important;line-height:1.7;margin-top:13px!important;max-width:330px}.welcome-form-wrap{padding-top:27px}}

/* Two entrances into the same example project. */
.home-demo-choices{margin-top:24px}
.home-demo-choices>p{font-size:11px;color:#7e6d78;margin-bottom:9px}
.home-demo-choices>div{display:flex;gap:9px;flex-wrap:wrap}
.home-demo-choices a{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px;padding:10px 13px;border:1px solid #ddcdd7;border-radius:8px;background:#fff;color:#8f2350;text-decoration:none;font-size:11px;font-weight:600;transition:background .15s,border-color .15s}
.home-demo-choices a:hover{background:#fff1f7;border-color:#c52360}
.tour-invitation.two-sided-demo{display:block}
.demo-entry-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:28px}
.demo-entry-cards>a{padding:25px;border:1px solid #e1d4dd;border-radius:12px;background:white;text-decoration:none;transition:border-color .15s,box-shadow .15s}
.demo-entry-cards>a:hover{border-color:#c52360;box-shadow:0 7px 22px #75234a0a}
.demo-entry-cards strong{display:block;font-size:23px;letter-spacing:-.04em;line-height:1.2;margin-top:19px}
.demo-entry-cards p{font-size:13px;line-height:1.8;margin-top:12px;max-width:400px}
.demo-entry-cards .text-link{display:block;font-size:12px;margin-top:20px}
.demo-perspective{display:flex;align-items:center;gap:27px;padding:19px 27px;border-top:1px solid #eee5ec;background:#fff}
.demo-perspective>div{display:grid;grid-template-columns:1fr 1fr;gap:5px;flex:0 0 360px;background:#f4eff3;border:1px solid #e9dfe6;padding:4px;border-radius:10px}
.demo-perspective button{font:inherit;font-size:12px;line-height:1.5;text-align:left;min-height:52px;border:1px solid transparent;background:transparent;color:#7e6b79;border-radius:7px;padding:9px 12px}
.demo-perspective button>span{display:block;font-size:9px;font-weight:400;color:#8e7787;margin-top:2px}
.demo-perspective button[aria-pressed=true]{background:#fff;border-color:#e9d7e2;color:#9b2252;font-weight:650;box-shadow:0 2px 4px #4a17300a}
.demo-perspective>p{font-size:11px;line-height:1.8;max-width:480px}
.demo-role-card.active-perspective{border-color:#c52360;box-shadow:0 0 0 1px #c52360;background:#fffafd}
.demo-plan:has(input:disabled){cursor:default}
@media(max-width:800px){.demo-perspective{align-items:stretch;flex-direction:column;gap:12px;padding:17px 20px}.demo-perspective>div{flex-basis:auto;width:100%}.demo-perspective>p{max-width:none}.demo-entry-cards{grid-template-columns:1fr}.demo-entry-cards>a{padding:22px}}
@media(max-width:380px){.home-demo-choices>div{display:grid}.home-demo-choices a{font-size:12px}.demo-perspective{padding:15px 16px}.demo-perspective button{padding:8px;font-size:11px}.demo-perspective button>span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.home-demo-choices a,.demo-entry-cards>a{transition:none}}
