/* Approved public studio direction, Figma V3. Existing product styles stay isolated. */
.studio-v3{--serif:Lora,Georgia,"Times New Roman",serif;--navy:#15334a;--cream:#f3efe5;--lavender:#f0ecf5;font:400 17px/1.53 var(--body);color:var(--ink)}
.studio-v3 main h1,.studio-v3 main h2,.studio-v3 main h3,.studio-v3 main p,.studio-v3 main figure{margin:0;letter-spacing:0}
.studio-v3 main .wrap{width:min(1296px,calc(100% - 144px));margin-inline:auto}
.studio-v3 .section-v3{padding:72px 0}
.studio-v3 .button{font:600 14px/20px var(--display);min-height:46px;padding:13px 18px;border:0;border-radius:7px;min-width:210px;align-self:flex-start;background:var(--gold);color:var(--ink)}
.studio-v3 .button:hover{background:#e5c98f}
.studio-v3 .button.navy{background:var(--navy);color:#fffdf7;min-width:230px}
.studio-v3 .button.navy:hover{background:#234b67}
.studio-v3 main a:focus-visible,.studio-v3 main button:focus-visible{outline:3px solid #8362a0;outline-offset:5px}
.studio-hero-v3{position:relative;min-height:620px;background:var(--navy);color:var(--paper);isolation:isolate}
.studio-landscape-v3{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.studio-hero-v3:after{content:"";position:absolute;inset:0;background:#15334a;opacity:.2;z-index:-1;pointer-events:none}
.studio-v3 .hero-layout{display:grid;grid-template-columns:1fr 1fr;padding-top:72px}
.studio-v3 .hero-copy{grid-column:2;display:flex;flex-direction:column;gap:24px;min-width:0;padding-left:8px;max-width:none}
.studio-v3 .hero-copy h1{font:500 56px/1.125 var(--serif);max-width:590px}
.studio-v3 .hero-copy p{font-size:20px;line-height:30px;max-width:520px;color:var(--paper)}
.studio-v3 .hero-button{background:#eed291}
.studio-v3 .app-overview{border:0;background:var(--cream)}
.studio-v3 .app-overview h2{font:700 28px/42px var(--display);margin:0 0 26px}
.studio-v3 .app-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.studio-v3 .app-choice{padding:0;gap:8px;border:0;border-radius:0;background:none;box-shadow:none}
.studio-v3 .app-choice h3{font:700 22px/33px var(--display)}
.studio-v3 .app-choice p{font:400 15px/23px var(--body)}
.studio-v3 .app-choice:hover h3{text-decoration:underline;text-underline-offset:5px}
.studio-v3 .release-status{font:500 12px/18px var(--display);color:#624378;border:0;padding:0;background:none;margin:0}
.product-story{display:grid;grid-template-columns:minmax(0,444fr) minmax(0,800fr);gap:52px;align-items:start}
.product-copy{display:flex;flex-direction:column;gap:22px;min-width:0}
.product-copy>p{color:var(--muted);font-size:17px;line-height:26px}
.studio-v3 .product-label{font:700 18px/27px var(--display);color:#624378}
.studio-v3 .product-copy h2{font:500 43px/48px var(--serif)}
.studio-v3 .small{font-size:12px;line-height:18px;color:var(--muted)}
.product-preview{min-width:0}
.product-preview img{display:block;width:100%;height:auto;object-fit:contain}
.studio-v3 figcaption{font:400 12px/18px var(--body);color:var(--muted);margin-top:12px}
.windowcue-feature .product-story{align-items:center}
.windowcue-preview-layout{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:24px;align-items:center;padding:20px;border:1px solid #d8d9d4;border-radius:14px;background:#e7e8e2}
.windowcue-preview-tiles{min-width:0;display:flex;justify-content:center}
.windowcue-preview-tiles img{width:auto;max-width:100%;height:424px;border-radius:7px;object-fit:contain;box-shadow:0 8px 24px #15334a20}
.windowcue-preview-desktop{min-width:0}
.windowcue-preview-desktop span{display:block;margin-bottom:12px;font:600 12px/18px var(--display);color:var(--muted)}
.windowcue-preview-desktop img{border-radius:7px;border:1px solid #c8cec9;box-shadow:0 8px 24px #15334a15}
.toolbox-feature{background:var(--lavender)}
.toolbox-feature .product-story{grid-template-columns:minmax(0,440fr) minmax(0,808fr);gap:48px}
.toolbox-feature .product-copy{gap:20px}
.studio-v3 .product-name{font:700 30px/45px var(--display);color:var(--ink)}
.studio-v3 .development-status{font:600 13px/20px var(--display);color:#624378}
.studio-v3 .toolbox-feature h2{font:500 38px/43px var(--serif)}
.toolbox-preview img,.full-concept img{border-radius:6px;aspect-ratio:1440/920;object-fit:contain}
.planned-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;margin-top:32px}
.planned-summary>div{border-top:1px solid var(--line);padding-top:8px}
.studio-v3 .planned-summary h3{font:700 17px/26px var(--display);margin-bottom:8px}
.studio-v3 .planned-summary p{font-size:14px;line-height:21px;color:var(--muted)}
.studio-story{background:#e7e8e2}
.studio-v3 .studio-grid{display:grid;grid-template-columns:460fr 764fr;gap:72px}
.studio-v3 .studio-grid h2{font:500 43px/48px var(--serif)}
.studio-v3 .studio-grid p{font-size:18px;line-height:27px;max-width:764px}
.studio-v3 .studio-grid .support-note{font-size:14px;line-height:21px;color:var(--muted);margin-top:18px}
.studio-v3 .newsletter{background:var(--cream)}
.studio-v3 .newsletter h2{font:500 44px/49px var(--serif);margin-bottom:20px}
.studio-v3 .newsletter>.wrap>p{color:var(--muted);font-size:17px;line-height:26px}
.studio-v3 .newsletter-form{max-width:960px;min-height:130px;padding:0;border:0;background:transparent;box-shadow:none;margin-top:20px}
.studio-v3 #updates#updates .newsletter-form .ml-form-embedWrapper{background:transparent!important;width:100%!important;max-width:100%!important}
.studio-v3 #updates#updates .newsletter-form .ml-form-embedBody{padding:0!important}
.studio-v3 #updates#updates .newsletter-form .ml-form-embedContent{display:none!important}
.studio-v3 #updates#updates .newsletter-form input[type="email"]{height:60px!important;min-height:60px!important;border:1px solid var(--line)!important;border-radius:6px!important;background:#fffdf7!important;padding:18px!important;font:400 16px/24px var(--body)!important}
.studio-v3 #updates#updates .newsletter-form button[type="submit"]{background:var(--navy)!important;color:#fffdf7!important;border:0!important;border-radius:7px!important;min-height:46px!important;font:600 14px/20px var(--display)!important;padding:13px 18px!important}
.studio-v3 #updates#updates .newsletter-form button[type="submit"]:hover{background:#234b67!important}
.studio-v3 .newsletter-label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.studio-v3 .newsletter .fallback,.studio-v3 .newsletter .signup-note{font-size:12px;line-height:18px;color:var(--muted);margin-top:12px}
.studio-v3 .newsletter .support-link{font-size:14px;line-height:21px;color:#624378;margin-top:22px}
.toolbox-identity{background:var(--lavender);padding:18px 0}
.toolbox-identity .wrap{display:flex;align-items:flex-start;gap:32px}
.toolbox-identity p{font:700 26px/39px var(--display);flex:0 1 850px}
.toolbox-identity span{font:600 12px/18px var(--display);color:#624378;white-space:nowrap}
.toolbox-intro .wrap{display:flex;flex-direction:column;gap:32px}
.studio-v3 .toolbox-intro h1{font:500 60px/67px var(--serif)}
.studio-v3 .intro-description{font-size:21px;line-height:32px;max-width:980px;color:var(--muted)}
.development-actions{display:flex;gap:16px;align-items:flex-start}
.studio-v3 .development-actions .button{min-width:256px}
.studio-v3 .development-actions p{font-size:13px;line-height:20px;color:var(--muted);max-width:650px}
.full-concept{width:100%}
.full-concept img{display:block;width:100%;height:auto}
.studio-v3 .full-concept figcaption{margin-top:32px}
.planned-capabilities{background:var(--lavender)}
.studio-v3 .planned-capabilities h2{font:700 36px/54px var(--display);margin-bottom:40px}
.planned-capabilities article{display:grid;grid-template-columns:420fr 812fr;gap:64px;padding-bottom:40px;margin-bottom:40px;border-bottom:1px solid var(--line)}
.planned-capabilities article:last-child{margin-bottom:0}
.studio-v3 .planned-capabilities h3{font:500 36px/40px var(--serif)}
.studio-v3 .planned-capabilities p{font-size:17px;line-height:26px;color:var(--muted)}
.studio-v3 .planned-capabilities .capability-detail{font:500 13px/20px var(--display);color:#624378;margin-top:14px}
.windowcue-relationship{background:var(--cream)}
.windowcue-relationship .wrap{display:flex;align-items:flex-start;gap:60px}
.windowcue-relationship .wrap>div{max-width:760px}
.studio-v3 .windowcue-relationship h2{font:700 34px/51px var(--display);margin-bottom:16px}
.studio-v3 .windowcue-relationship p{font-size:17px;line-height:26px;color:var(--muted)}
.studio-v3 .windowcue-relationship .button{min-width:230px}
.studio-v3 .development-updates{background:#e7e8e2}
@media(min-width:1500px){.studio-v3 .hero-copy{padding-left:8px}}
@media(max-width:1150px) and (min-width:801px){.studio-v3 main .wrap{width:calc(100% - 80px)}.studio-v3 .hero-copy h1{font-size:46px}.product-story,.toolbox-feature .product-story{gap:32px;grid-template-columns:1fr 1.25fr}.studio-v3 .product-copy h2{font-size:36px;line-height:1.14}.studio-v3 .toolbox-feature h2{font-size:32px}.studio-v3 .studio-grid{gap:40px}.windowcue-relationship .wrap{gap:32px}}
@media(max-width:800px){.studio-v3 main .wrap{width:calc(100% - 48px)}
.studio-v3 .section-v3{padding:24px 0}
.studio-hero-v3{min-height:0;display:flex;flex-direction:column}
.studio-landscape-v3{position:relative;height:250px;object-position:center;z-index:0}
.studio-hero-v3:after{display:none}
.studio-v3 .hero-layout{display:block;padding:24px 0}
.studio-v3 .hero-copy{padding:0;gap:24px}
.studio-v3 .hero-copy h1{font-size:40px;line-height:45px}
.studio-v3 .hero-copy p{font-size:18px;line-height:27px}
.studio-v3 .app-overview h2{font-size:25px;line-height:38px;margin-bottom:26px}
.studio-v3 .app-overview-grid{grid-template-columns:1fr;gap:24px}
.studio-v3 .app-choice{padding:0 0 8px;border-bottom:1px solid var(--line)}
.product-story,.toolbox-feature .product-story{grid-template-columns:1fr;gap:24px}
.windowcue-preview-layout{grid-template-columns:1fr;gap:20px;padding:18px}
.windowcue-preview-tiles{max-height:360px;overflow:hidden;border-radius:7px}
.windowcue-preview-tiles img{width:233px;height:550px;max-width:100%;object-fit:cover;object-position:top}
.windowcue-preview-desktop{width:min(100%,320px);margin-inline:auto}
.windowcue-preview-desktop span{margin-bottom:8px}
.studio-v3 .product-copy h2{font-size:34px;line-height:38px}
.studio-v3 .toolbox-feature h2{font-size:32px;line-height:36px}
.studio-v3 .toolbox-feature .button{width:100%}
.planned-summary{grid-template-columns:1fr;gap:20px;margin-top:26px}
.studio-v3 .studio-grid{grid-template-columns:1fr;gap:20px}
.studio-v3 .studio-grid h2{font-size:34px;line-height:38px}
.studio-v3 .newsletter h2{font-size:33px;line-height:37px}
.studio-v3 .newsletter-form{margin-top:20px}
.toolbox-identity .wrap{gap:12px;justify-content:space-between;align-items:flex-start}
.toolbox-identity p{font-size:22px;line-height:33px;flex:0 1 auto}
.toolbox-intro .wrap{gap:24px}
.studio-v3 .toolbox-intro h1{font-size:36px;line-height:40px}
.studio-v3 .intro-description{font-size:17px;line-height:26px}
.development-actions{flex-direction:column;width:100%;gap:16px}
.studio-v3 .development-actions .button{width:100%}
.studio-v3 .full-concept figcaption{margin-top:24px}
.studio-v3 .planned-capabilities h2{font-size:28px;line-height:42px;margin-bottom:28px}
.planned-capabilities article{grid-template-columns:1fr;gap:16px;padding-bottom:28px;margin-bottom:28px}
.studio-v3 .planned-capabilities h3{font-size:30px;line-height:34px}
.windowcue-relationship .wrap{flex-direction:column;gap:24px}
.studio-v3 .windowcue-relationship h2{font-size:28px;line-height:42px}
.studio-v3 .windowcue-relationship .button{width:100%}
.studio-v3 .development-updates h2{font-size:32px;line-height:36px}
}
@media(max-width:359px){.studio-v3 .hero-copy h1{font-size:35px;line-height:40px}.studio-v3 .toolbox-intro h1{font-size:32px;line-height:37px}.studio-v3 .product-copy h2{font-size:30px;line-height:35px}.studio-v3 .toolbox-feature h2{font-size:29px;line-height:34px}.toolbox-identity .wrap{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Keep the provider's live form and consent behavior in the approved layout. */
.studio-v3 #updates#updates .ml-block-form{display:grid!important;grid-template-columns:minmax(0,1fr) 180px;gap:20px 12px;align-items:start}
.studio-v3 #updates#updates .ml-form-formContent{grid-area:1/1;margin:0!important;padding:0!important}
.studio-v3 #updates#updates .ml-form-fieldRow{margin:0!important}
.studio-v3 #updates#updates .ml-form-embedSubmit{grid-area:1/2;margin:0!important;padding:0!important;width:100%!important}
.studio-v3 #updates#updates .ml-form-checkboxRow{grid-area:2/1/3/3;margin:0!important;padding:0!important}
.studio-v3 #updates#updates .ml-form-checkboxRow .label-description p{font:400 13px/20px var(--body)!important;color:var(--muted)!important}
.studio-v3 #updates#updates .signup-note{font-size:12px;line-height:18px}
@media(max-width:800px){
.studio-v3 #updates#updates .ml-block-form{grid-template-columns:1fr;gap:12px}
.studio-v3 #updates#updates .ml-form-formContent{grid-area:1/1}
.studio-v3 #updates#updates .ml-form-embedSubmit{grid-area:2/1}
.studio-v3 #updates#updates .ml-form-checkboxRow{grid-area:3/1;margin-top:8px!important}
}

/* Quiet, non-promotional destinations for older project links. */
.studio-reference .studio-focus .wrap{display:flex;flex-direction:column;gap:24px;min-height:330px;align-items:flex-start}
.studio-reference .studio-focus h1{font:500 clamp(2.25rem,4.5vw,3.75rem)/1.15 var(--serif);max-width:100%;overflow-wrap:break-word}
.studio-reference .intro-description{max-width:780px}
.studio-reference .studio-story h2{font:500 2rem/1.2 var(--serif);margin-bottom:16px}
.studio-reference .studio-story p{font-size:17px;line-height:26px;overflow-wrap:anywhere}
@media(max-width:800px){.studio-reference .studio-focus .wrap{min-height:0;padding-block:20px}.studio-reference .studio-focus .button{min-width:0;width:100%}}

.studio-reference .existing-data-note{margin-top:24px;max-width:780px}.studio-reference .existing-data-note h3{font:700 18px/27px var(--display);margin-bottom:8px}
