/* Planopia V3. Surfaces: paper + navy. Blue is reserved for actions. */
:root{--muted:#243A7A;--max:1160px}
html{scroll-behavior:auto;scroll-padding-top:28px}
body{background:var(--paper);font-size:16px;color:var(--ink)}
h1{font-size:48px;font-weight:700;line-height:1.12;letter-spacing:-.045em}
h2{font-size:32px;font-weight:600;line-height:1.2;letter-spacing:-.04em}
h3{font-size:24px;font-weight:600;line-height:1.25}
[hidden]{display:none!important}p{line-height:1.8}
:focus-visible{outline-color:var(--accent)}
.site-header{height:100px;background:white;color:var(--ink);border-bottom:1px solid var(--line)}
.brand img{width:176px}.nav-links{font-size:14px;gap:28px}.nav{gap:32px}
.menu-toggle{color:var(--ink);background:white;border:1px solid var(--line)}
.button{font-size:14px;font-weight:600;border-radius:7px}
.button.light{background:var(--accent);color:var(--ink)}
.button.light:hover{background:var(--pale)}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.09em;margin-bottom:19px;line-height:1.6}
.inline-action{border:0;padding:0 0 5px;background:transparent;border-bottom:1px solid currentColor;display:inline-block;font-size:14px;line-height:1.6;font-weight:600;cursor:pointer}
.inline-action:hover{border-bottom-width:2px;padding-bottom:4px}
.home-hero{position:relative;isolation:isolate;background:var(--paper);overflow:hidden}
.hero-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-1}
.home-hero-layout{min-height:660px;display:grid;grid-template-columns:460px 1fr;gap:88px;align-items:center;padding-top:48px;padding-bottom:48px}
.home-hero-copy{background:var(--ink);color:white;border-radius:16px;padding:39px 36px 37px}
.home-hero h1{font-size:48px;line-height:1.15;font-weight:700}
.home-hero h1 em{color:var(--accent);font-style:normal}
.launch-eyebrow{display:block;color:var(--pale);font-size:14px;padding-left:12px;border-left:3px solid var(--accent);margin-bottom:23px;line-height:1.5}
.home-hero-copy>p{color:white;font-size:16px;line-height:1.75;margin-top:23px}
.home-hero .hero-actions{flex-direction:column;align-items:flex-start;gap:18px;margin-top:27px}
.hero-secondary{font-size:14px;color:white;text-decoration:underline;text-underline-offset:5px}
.hero-animation{border:1px solid white;border-radius:16px;margin:0;align-self:end;margin-bottom:25px;overflow:hidden;box-shadow:0 8px 28px #0B153D1A}
.animation-space{height:240px}
.hero-animation figcaption{padding:18px 23px;background:white;color:var(--ink);display:flex;flex-direction:column;gap:3px}
.hero-animation strong{font-size:16px;font-weight:600}.hero-animation figcaption span{font-size:12px;color:var(--blue)}
.product-section{padding:76px 0 80px;background:var(--paper)}
.product-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;align-items:end;margin-bottom:34px}
.product-heading>p{max-width:370px;font-size:16px;color:var(--blue);margin:0}
.process-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding:0;margin:0}
.process-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;min-width:0}
.process-card>img{width:100%;aspect-ratio:1.35;object-fit:cover;height:auto;border-bottom:1px solid var(--line)}
.process-copy{padding:23px 20px 25px}.process-number{display:block;color:var(--blue);font-size:12px;font-weight:500;margin-bottom:13px}
.process-copy h3{font-size:23px;line-height:1.25;letter-spacing:-.045em;min-height:58px}
.process-copy p{font-size:16px;line-height:1.75;color:var(--blue);margin-top:15px}
.vision-section{padding:66px 0;background:var(--ink);color:white}.vision-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:center}.vision-image img{width:100%;height:410px;object-fit:cover;border-radius:12px}.vision-copy .eyebrow{color:var(--pale);max-width:290px}.vision-copy h2{font-size:32px;line-height:1.25}.vision-copy>p{color:var(--pale);font-size:16px;margin-top:23px}.vision-copy .inline-action{margin-top:25px;color:white}.project-section{background:var(--paper);padding:80px 0}.project-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.project-copy>p{margin-top:22px;font-size:16px;color:var(--blue);max-width:420px}.project-copy>p+p{margin-top:14px}.project-copy .inline-action{margin-top:26px;color:var(--ink)}.project-image{margin:0}.project-image img{width:100%;height:390px;object-fit:cover;border-radius:12px}.project-image figcaption{font-size:12px;margin-top:12px;color:var(--blue)}.professional-section{background:var(--ink);color:white;padding:75px 0}.professional-grid{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:center}.professional-section .eyebrow{color:var(--accent);max-width:340px}.professional-section h2{line-height:1.25}.professional-grid>div>p{font-size:16px;color:var(--pale);margin-top:24px}.professional-grid .button{margin-top:29px}.project-preview{display:grid;grid-template-columns:1fr;background:var(--paper);color:var(--ink);border-radius:12px;overflow:hidden}.project-preview>img{width:100%;height:215px;object-fit:cover}.project-preview-text{padding:24px 27px}.project-preview-text>span:first-child{font-size:12px;color:var(--blue);display:block;margin-bottom:10px}.project-preview-text h3{font-size:24px}.project-preview-text p{font-size:14px;margin-top:12px;color:var(--blue)}.project-preview-text .inline-action{font-size:13px;margin-top:16px}.journal-section{background:var(--paper);padding:78px 0}.journal-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:34px}.journal-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.journal-card{background:white;border-radius:12px;overflow:hidden;border:1px solid var(--line);display:flex;flex-direction:column}.journal-image{height:250px;overflow:hidden}.journal-image img{width:100%;height:100%;object-fit:cover}.journal-caption{padding:27px 29px 30px}.journal-caption>span:first-child{display:block;font-size:12px;color:var(--blue);margin-bottom:14px}.journal-caption h3{font-size:24px;line-height:1.3}.journal-caption p{font-size:15px;color:var(--blue);margin-top:15px;line-height:1.8}.journal-link{display:inline-block;margin-top:21px;font-size:14px;font-weight:600;text-decoration:underline;text-underline-offset:5px}.journal-card:hover .journal-link{text-decoration-thickness:2px}.compact-faq{display:grid;grid-template-columns:1fr 1.55fr;gap:90px;border-top:1px solid var(--line);margin-top:68px;padding-top:45px}.compact-faq>h2{font-size:24px;line-height:1.3}.faq summary{font-size:16px;font-weight:500;padding:20px 35px 20px 0}.faq details p{font-size:15px;line-height:1.8;color:var(--blue)}.launch-section{background:white;border-top:1px solid var(--line);padding:65px 0}.launch-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}.launch-grid>div>p{font-size:16px;margin-top:22px;max-width:470px}.launch-section .eyebrow{color:var(--ink)}.launch-section .signup-form{background:transparent;padding:0}.launch-section label:not(.check-label){font-weight:500;font-size:14px}.launch-section .privacy-note{color:var(--ink);font-size:12px}.launch-section .check-label{font-size:13px}.launch-section .form-status:not(:empty){background:var(--pale)}.email-row{flex-wrap:nowrap}.email-row .button{width:auto}.footer{border-top:1px solid color-mix(in srgb,var(--ink) 65%,var(--blue));padding-top:47px}.footer-links b{color:var(--accent)}.footer p,.footer-links a{font-size:14px}.footer-bottom{color:var(--pale)}
/* Shared contrast and imagery on the professional and editorial pages. */
.pro-hero{background:var(--ink);color:white;padding:60px 0 70px}.pro-hero h1{font-size:48px;font-weight:700;line-height:1.16}.pro-hero h1 em{color:var(--accent)}.pro-hero .hero-copy>p,.pro-hero .small-note{color:var(--pale)}.pro-hero .launch-label{font-size:12px;align-items:flex-start}.pro-hero .launch-label span{color:var(--ink);background:var(--accent)}.pro-hero .button{background:var(--accent);color:var(--ink)}.pro-hero .lead-preview{color:var(--ink);border:0}.pro-hero .lead-preview h2{font-size:26px}.lead-note{font-size:13px}.lead-data div{font-size:13px}.pro-value-section{padding:76px 0;background:var(--paper)}.pro-value-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:76px;align-items:center}.pro-value-grid>img{width:100%;height:420px;object-fit:cover;border-radius:12px}.pro-value-grid>div>p{margin-top:22px;color:var(--blue)}.pro-value-list{margin:26px 0 0}.pro-value-list div{border-top:1px solid color-mix(in srgb,var(--blue) 25%,var(--pale));padding:16px 0}.pro-value-list dt{font-weight:600;font-size:15px}.pro-value-list dd{font-size:14px;color:var(--blue);margin:5px 0 0}.page-professionnels .offer-layout{gap:85px}.page-professionnels .section:not(.soft){background:var(--paper)}.page-professionnels #partenaire{background:var(--ink);color:white}.partner-intro>p,.partner-intro>.small-note{color:var(--pale)}.partner-intro .eyebrow{color:var(--accent)}.partner-form{color:var(--ink);border:0}.page-professionnels .section{padding-top:75px;padding-bottom:75px}.v2-page-heading{padding:55px 0 65px;background:var(--ink);color:white}.v2-page-heading h1{font-size:48px}.v2-page-heading .eyebrow{color:var(--accent)}.v2-page-heading p{font-size:17px;color:var(--pale);max-width:590px;margin-top:24px}.article-header{background:var(--paper);padding:48px 0}.article-header h1{font-size:48px;font-weight:700}.article-header .eyebrow{color:var(--blue)}.article-layout{background:var(--paper)}.article-body{color:var(--ink)}.article-body p,.article-body li{color:var(--ink)}.article-body h2{font-size:28px}.article-cover{width:100%;height:330px;object-fit:cover;border-radius:12px;margin-bottom:28px}.article-note,.checklist,.sources{background:white;border-left:3px solid var(--blue)}.article-body .article-lead{font-size:19px}.article-header .text-link{margin-bottom:28px}.legal-body{background:var(--paper)}

/* Layout changes preserve the same reading order and show every step. */
@media(max-width:1100px){
 .nav-links{gap:20px}.nav{gap:24px}
 .home-hero-layout{grid-template-columns:420px 1fr;gap:44px;min-height:620px}
 .home-hero-copy{padding:33px 30px}.home-hero h1{font-size:44px}
 .product-heading{gap:45px}.process-grid{gap:15px}.process-copy{padding:20px 16px}.process-copy h3{font-size:21px}
 .professional-grid,.project-grid,.launch-grid{gap:48px}.vision-grid,.pro-value-grid{gap:40px}
 .vision-image img{height:390px}.project-image img{height:350px}.compact-faq{gap:40px}.pro-hero h1{font-size:43px}
}
@media(max-width:900px){
 .home-hero-layout{grid-template-columns:390px 1fr;gap:30px;min-height:600px}
 .home-hero h1{font-size:41px}.animation-space{height:215px}.hero-animation figcaption{padding:16px}
 .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.process-card>img{aspect-ratio:1.7}.process-copy{padding:23px}.process-copy h3{min-height:0;font-size:24px}.process-copy p{font-size:16px}
 .vision-grid{grid-template-columns:1.1fr 1fr;gap:30px}.vision-copy h2,.project-copy h2,.professional-section h2{font-size:30px}
 .project-grid{gap:38px}.professional-grid{gap:40px}.journal-image{height:210px}
 .pro-hero .hero-grid{gap:30px}.pro-hero h1{font-size:38px}.lead-heading{display:block}.lead-heading .eyebrow{margin-bottom:5px}.sample-label{display:block;margin-bottom:17px}
 .launch-grid{gap:35px}.email-row{flex-wrap:wrap}.email-row .button{width:100%}
}
@media(max-width:760px){
 .site-header{height:80px}.brand img{width:150px}.nav-links{background:white;color:var(--ink);top:79px;padding:23px 25px;border-bottom:1px solid var(--line);font-size:16px}.nav-links a{padding:5px 0}.menu-toggle{font-size:14px}
 .home-hero-layout{display:flex;flex-direction:column;gap:0;padding:0;width:100%;min-height:0;align-items:stretch}
 .home-hero-copy{padding:35px max(24px,calc((100vw - 560px)/2)) 36px;border-radius:0}
 .home-hero h1{font-size:42px;line-height:1.14}.home-hero-copy>p{max-width:500px;margin-top:20px}
 .launch-eyebrow{font-size:13px;margin-bottom:21px}.home-hero .hero-actions{gap:17px;margin-top:24px}
 .hero-backdrop{top:auto;bottom:0;height:320px;object-position:center}
 .hero-animation{align-self:stretch;margin:25px 24px;height:270px;display:flex;flex-direction:column;justify-content:end;border-radius:12px;box-shadow:none}
 .animation-space{height:auto;flex:1}.hero-animation figcaption{padding:14px 19px}.hero-animation strong{font-size:15px}
 .product-section{padding:46px 0}.product-heading{grid-template-columns:1fr;gap:18px;margin-bottom:27px}.product-heading h2{font-size:30px}.product-heading>p{max-width:none}
 .process-grid{gap:20px}.process-copy{padding:20px}.process-copy h3{font-size:22px}.process-card>img{aspect-ratio:1.4}
 .vision-section{padding:40px 0 45px}.vision-grid{grid-template-columns:1fr;gap:30px}.vision-image img{height:300px}.vision-copy h2{font-size:32px}.vision-copy>p{font-size:16px;margin-top:19px}
 .project-section{padding:47px 0}.project-grid{grid-template-columns:1fr;gap:28px}.project-copy h2{font-size:32px}.project-copy>p{max-width:none}.project-image img{height:290px}.project-image figcaption{font-size:12px}
 .professional-section{padding:46px 0}.professional-grid{grid-template-columns:1fr;gap:30px}.professional-section h2{font-size:32px}.professional-grid>div>p{font-size:16px;margin-top:20px}.professional-grid .button{margin-top:25px}.project-preview>img{height:210px}.project-preview-text{padding:23px}
 .journal-section{padding:48px 0}.journal-heading{display:block;margin-bottom:27px}.journal-heading h2{font-size:30px}.journal-heading .inline-action{margin-top:22px}.journal-grid{grid-template-columns:1fr;gap:24px}.journal-image{height:220px}.journal-caption{padding:24px}.journal-caption h3{font-size:24px}.journal-caption p{font-size:16px}
 .compact-faq{grid-template-columns:1fr;gap:25px;margin-top:45px;padding-top:32px}.compact-faq>h2{font-size:24px}.compact-faq h2 br{display:none}
 .launch-section{padding:43px 0}.launch-grid{grid-template-columns:1fr;gap:29px}.launch-grid h2{font-size:32px}.launch-grid>div>p{max-width:none;font-size:16px}.email-row{flex-wrap:nowrap}.email-row .button{width:auto}
 .footer{padding-top:39px}.footer-links{gap:30px}
 .pro-hero{padding:37px 0 42px}.pro-hero .hero-grid{grid-template-columns:1fr;gap:32px}.pro-hero h1{font-size:40px}.pro-hero .hero-copy>p{font-size:16px}.pro-hero .launch-label{font-size:12px}
 .pro-value-section{padding:45px 0}.pro-value-grid{grid-template-columns:1fr;gap:30px}.pro-value-grid>img{height:280px}.pro-value-grid h2{font-size:32px}
 .page-professionnels .section{padding:48px 0}.page-professionnels .offer-layout{gap:30px}.lead-data div{font-size:12px}.partner-intro h2{font-size:32px}
 .v2-page-heading{padding:37px 0 43px}.v2-page-heading h1{font-size:40px}.v2-page-heading p{font-size:16px}
 .article-header h1{font-size:36px}.article-header{padding:35px 0}.article-cover{height:230px}.article-body .article-lead{font-size:18px}.article-layout{padding-top:28px;gap:25px}.article-body h2{font-size:26px}.article-body h3{font-size:22px}
}
@media(max-width:560px){.process-grid{grid-template-columns:1fr}.process-card>img{aspect-ratio:1.65}.process-copy{padding:23px}.process-copy h3{font-size:24px}.process-copy p{margin-top:12px}.process-number{margin-bottom:12px}}
@media(max-width:390px){
 .home-hero h1{font-size:38px}.home-hero-copy{padding-left:24px;padding-right:24px}
 .product-heading h2,.vision-copy h2,.project-copy h2,.professional-section h2,.launch-grid h2{font-size:29px}
 .journal-image{height:195px}.email-row{flex-wrap:wrap}.email-row .button{width:100%}.footer-links{gap:22px}
 .pro-hero h1{font-size:36px}.pro-hero .launch-label{flex-wrap:wrap}.article-header h1{font-size:33px}
}
.folded:after{background:url('assets/fold.svg') center/contain no-repeat;clip-path:none}

/* Keep the complete plan and model visible at every card size. */
.process-card:nth-child(2)>img,.process-card:nth-child(3)>img{object-fit:contain;background:var(--paper)}

/* V4: product explanations use complete, uncropped interface illustrations. */
.process-card>img{object-fit:contain;background:var(--paper)}
.vision-copy .vision-lead{color:white;font-size:18px;font-weight:500;line-height:1.6}
.vision-copy>p+p{margin-top:16px}

/* V5: a single project, bounded product previews and separate editorial copy. */
.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.process-card{border-color:var(--line)}
.process-media{aspect-ratio:16/10;position:relative;overflow:hidden;background:var(--pale);border-bottom:3px solid var(--blue);display:flex;align-items:center;justify-content:center}
.process-media>img{width:100%;height:100%;object-fit:contain;padding:18px}
.process-copy{padding:27px 29px 30px}
.process-copy h3{font-size:24px;min-height:0;line-height:1.3}
.process-copy p{font-size:16px;margin-top:12px;line-height:1.75}
.process-number{font-size:12px;margin-bottom:12px}
.conversation-sample{width:100%;padding:25px 30px;display:flex;flex-direction:column;gap:15px}
.sample-message{max-width:86%;padding:15px 18px;border-radius:9px}
.sample-message>span{font-size:12px;display:block;margin-bottom:6px;font-weight:600}
.sample-message p{font-size:15px;line-height:1.55}
.user-message{align-self:flex-end;background:var(--ink);color:white}
.user-message>span{color:var(--accent)}
.ai-message{background:white;color:var(--ink);align-self:flex-start;width:86%}
.ai-message>span{color:var(--blue)}
.ai-answer{display:flex;align-items:center;gap:15px}.ai-answer p{flex:1}.ai-answer img{width:43%;height:112px;object-fit:contain}
.export-sheet{background:white;width:75%;border:1px solid var(--line);padding:15px 14px 5px;border-radius:4px;position:relative}
.sheet-heading{font-size:12px;font-weight:600;display:flex;justify-content:space-between;gap:12px;padding:0 7px 10px;border-bottom:1px solid var(--line)}
.sheet-heading span{color:var(--blue);font-weight:400}.export-sheet>img{width:100%;height:auto;max-height:260px;object-fit:contain}
.export-symbol{position:absolute;bottom:25px;right:32px;display:grid;place-items:center;width:58px;height:58px;border-radius:10px;background:var(--blue);color:white;border:4px solid var(--pale)}
.export-symbol svg{width:30px;height:30px}
.volume-media>img{padding:7px}
.ai-example{background:white;border-radius:12px;overflow:hidden;margin:0;color:var(--ink);min-width:0}
.ai-example-heading{display:flex;justify-content:space-between;gap:20px;padding:18px 23px;border-bottom:1px solid var(--line);font-size:12px;color:var(--blue)}
.ai-example-heading>span:first-child{font-weight:600;color:var(--ink)}
.ai-example-request{margin:23px 25px 0;padding:15px 18px;background:var(--ink);color:white;border-radius:7px}
.ai-example-request>span{font-size:12px;color:var(--accent);display:block;margin-bottom:5px}.ai-example-request p{font-size:16px;line-height:1.6}
.ai-example-plan{padding:10px 23px 0}.ai-example-plan img{width:100%;height:auto;max-height:365px;object-fit:contain}
.ai-example figcaption{background:var(--paper);border-top:1px solid var(--line);padding:17px 25px;font-size:14px;line-height:1.65;color:var(--blue)}
@media(max-width:1100px){.process-media{aspect-ratio:1.5}.conversation-sample{padding:20px;gap:12px}.sample-message{max-width:92%;padding:12px 15px}.ai-message{width:92%}.ai-answer img{height:96px}.process-copy{padding:25px}.export-symbol{right:20px;bottom:20px}.ai-example-plan{padding:8px 12px 0}}
@media(max-width:760px){.process-grid{grid-template-columns:1fr;gap:26px}.process-media{aspect-ratio:16/10}.process-copy{padding:25px}.conversation-sample{max-width:530px;padding:20px 26px}.sample-message{max-width:88%}.ai-message{width:88%}.ai-answer img{height:100px}.export-sheet{width:70%}.export-symbol{right:30px;bottom:20px}.ai-example-heading{padding:15px 20px;gap:12px}.ai-example-request{margin:20px 18px 0;padding:14px}.ai-example-request p{font-size:15px}.ai-example-plan{padding:8px 5px 0}.ai-example figcaption{padding:16px 20px;font-size:14px}}
@media(max-width:450px){.process-media{aspect-ratio:1.2}.conversation-sample{padding:17px;gap:10px}.sample-message{max-width:94%;padding:12px 14px}.ai-message{width:94%}.sample-message p{font-size:14px}.ai-answer{gap:8px}.ai-answer img{height:83px;width:43%}.process-media>img{padding:9px}.volume-media>img{padding:0}.process-copy{padding:23px}.export-sheet{width:84%;padding:13px 9px 4px}.sheet-heading{font-size:12px;padding-left:3px;padding-right:3px}.export-symbol{bottom:14px;right:17px;width:50px;height:50px}.export-symbol svg{width:26px}.ai-example-heading>span:last-child{display:none}}
@media(max-width:1100px){.process-media{aspect-ratio:auto;height:320px}}
@media(max-width:760px){.process-media{height:330px}}
@media(max-width:450px){.process-media{height:300px}}

/* C1: taller frames keep the selected stepped footprint fully visible. */
.process-media{aspect-ratio:4/3;height:auto;min-height:350px}
.plan-media>img{padding:12px}.export-sheet{width:65%;padding:14px 12px 5px}
.export-sheet>img{max-height:320px}.ai-example-plan img{max-height:440px}
@media(max-width:1100px){.process-media{height:350px;min-height:0;aspect-ratio:auto}}
@media(max-width:760px){.process-media{height:370px}.export-sheet{width:65%}}
@media(max-width:450px){.process-media{height:320px}.export-sheet{width:76%}.export-sheet>img{max-height:265px}}

/* Architecture file formats are native, crisp and readable at every size. */
.file-formats{width:100%;max-width:480px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
.file-format{background:white;border:1px solid #C2CEE3;border-radius:8px;padding:19px 14px 17px;display:flex;flex-direction:column;align-items:center;color:var(--blue)}
.file-format svg{width:38px;height:45px;margin-bottom:10px}
.file-format strong{font-size:24px;line-height:1.2;letter-spacing:.02em;color:var(--ink)}
.file-format span{font-size:14px;margin-top:7px;line-height:1.35;text-align:center}
.volume-media.realistic-media>img{padding:0;width:100%;height:100%;object-fit:contain}
@media(max-width:450px){.file-formats{padding:19px;gap:12px}.file-format{padding:13px 8px}.file-format svg{width:31px;height:36px;margin-bottom:7px}.file-format strong{font-size:22px}.file-format span{font-size:13px;margin-top:5px}}

/* A clear AI identity in the conversation example. */
.ai-identity{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ai-spark{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;background:var(--blue);color:white;flex:none}
.ai-spark svg{width:24px;height:24px}
.ai-identity strong{display:block;font-size:14px;line-height:1.3;color:var(--ink)}
.ai-identity>div>span{display:block;font-size:12px;color:var(--blue);margin-top:2px;line-height:1.3}
@media(max-width:450px){.ai-identity{margin-bottom:8px}.ai-spark{width:31px;height:31px}.ai-spark svg{width:22px;height:22px}.conversation-sample{gap:9px}.ai-answer img{height:77px}}

/* Illustrated C1 journey: full visual cards and an interior with overview inset. */
.visual-process-grid .visual-card-media{aspect-ratio:4/3;height:auto;min-height:0;display:block;background:var(--pale)}
.visual-process-grid .visual-card-media>img{display:block;width:100%;height:100%;padding:0;object-fit:cover}
.visual-process-grid .editing-card-media>img{object-fit:contain}
.visual-process-grid .immersive-card-media{isolation:isolate}
.visual-process-grid .interior-view{object-position:52% center}
.overview-inset{position:absolute;left:18px;bottom:18px;width:39%;margin:0;overflow:hidden;background:white;border:3px solid white;border-radius:7px;box-shadow:0 5px 20px #0B153D33}
.overview-inset>img{width:100%;height:auto;aspect-ratio:2336/1744;object-fit:contain}
@media(max-width:760px){.visual-process-grid{gap:26px}.overview-inset{width:36%}}
@media(max-width:450px){.overview-inset{left:12px;bottom:12px;width:40%;border-width:2px}}
.project-cta{padding:80px 0;overflow:hidden}
.project-cta .vision-grid{grid-template-columns:1.16fr 1fr;gap:64px}
.project-cta-visual{margin:0;overflow:hidden;border-radius:14px;background:var(--pale);box-shadow:0 20px 48px #0002}
.project-cta-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.project-cta-copy h2{font-size:clamp(30px,3vw,40px);line-height:1.18;max-width:480px}
.project-cta-copy>p{max-width:440px;margin-top:24px;line-height:1.8}
.project-cta-actions{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:30px}
.project-start{gap:20px;min-height:54px;transition:transform .2s,background .2s,box-shadow .2s}
.project-start svg{width:22px;height:22px;transition:transform .25s}
.project-start:hover,.project-start:focus-visible{transform:translateY(-2px);box-shadow:0 8px 24px #0002}
.project-start:hover svg,.project-start:focus-visible svg{transform:translateX(4px)}
.project-cta-note{color:var(--pale);font-size:12px;line-height:1.6}
.faq summary{transition:color .2s}
.faq summary:hover{color:var(--blue)}
.faq summary:after,.faq details[open] summary:after{content:'+';transition:transform .3s;transform-origin:center}
.faq details[open] summary:after{transform:rotate(45deg)}
.faq details[data-expanded="false"] summary:after{transform:rotate(0)}
.faq details[data-expanded="true"] summary:after{transform:rotate(45deg)}
.faq details{transition:border-color .25s}
.faq details[open]{border-bottom-color:var(--blue)}
@media(hover:hover){.project-cta-visual:hover img{transform:scale(1.025)}}
@media(max-width:900px){.project-cta .vision-grid{gap:32px}}
@media(max-width:760px){.project-cta{padding:44px 0 48px}.project-cta .vision-grid{grid-template-columns:1fr;gap:30px}.project-cta-copy h2{font-size:32px}.project-cta-copy>p{margin-top:20px}.project-cta-actions{margin-top:25px}.project-cta-visual{border-radius:10px}}
@media(prefers-reduced-motion:reduce){.project-cta-visual img,.project-start,.project-start svg{transform:none!important}}

/* The film occupies the LCD itself; the photograph remains the physical frame. */
.project-cta-visual{position:relative}
.project-demo-stage{position:relative;aspect-ratio:4/3}
.project-cta-visual:hover .project-demo-stage>img{transform:none}
.project-demo-video{position:absolute;left:25.48%;top:13.08%;width:60.08%;height:56.45%;object-fit:fill;border-radius:2px;background:#FAFCFF}
.project-demo-controls{position:absolute;bottom:13px;right:13px;display:flex;gap:7px}
.project-demo-controls button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:36px;min-width:36px;padding:6px 12px;border:1px solid #c2cde1;border-radius:7px;background:#fffffff2;color:var(--ink);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;box-shadow:0 2px 8px #0b153d12}
.project-demo-controls button:hover{background:var(--pale)}
.project-demo-controls button:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
.project-cta-visual.is-expanded .project-demo-stage>img{visibility:hidden}
.project-cta-visual.is-expanded .project-demo-video{left:0;top:0;width:100%;height:94.13%;object-fit:contain;border-radius:0}
.project-cta-visual.is-expanded{background:#FAFCFF}
.project-cta-visual.is-expanded .project-demo-controls{bottom:7px;right:7px}
@media(max-width:450px){.project-demo-controls{bottom:8px;right:8px}.project-demo-controls button{min-height:34px;font-size:11px;padding:5px 9px}.project-cta-visual.is-expanded .project-demo-stage{padding-bottom:40px;box-sizing:content-box}.project-cta-visual.is-expanded .project-demo-video{height:calc(100% - 40px)}}

/* Cinematic footage includes the desk, physical screen and changing viewpoint. */
.cinematic-demo .project-demo-stage{aspect-ratio:16/9}
.cinematic-demo .project-demo-video{position:relative;display:block;inset:auto;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:0}
.cinematic-demo .project-demo-controls{bottom:10px;right:10px}
.project-demo-dialog{position:fixed;inset:0;margin:auto;width:min(1200px,94vw);max-width:94vw;max-height:92dvh;padding:48px 0 0;border:1px solid #ffffff30;border-radius:14px;background:var(--ink);color:white;box-shadow:0 20px 90px #0008;overflow:hidden}
.project-demo-dialog::backdrop{background:#060b22d9;backdrop-filter:blur(7px)}
.project-demo-dialog video{display:block;width:100%;max-height:calc(92dvh - 48px);object-fit:contain;background:#000}
.demo-close{position:absolute;right:12px;top:7px;display:flex;align-items:center;gap:14px;padding:5px 8px;min-height:34px;border:0;border-radius:5px;background:transparent;color:white;font:inherit;font-size:13px;cursor:pointer}
.demo-close span{font-size:25px;line-height:1}
.demo-close:hover{background:#ffffff18}
.demo-close:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.demo-dialog-open{overflow:hidden}

/* Professional interest: direct value proposition and geographic CTA. */
.professional-copy h2{font-size:clamp(30px,3.1vw,43px);line-height:1.16;letter-spacing:-.035em}
.professional-grid>.professional-copy>p{max-width:480px;line-height:1.75}
.professional-grid>.professional-copy>.professional-context{margin-top:17px;font-size:15px;color:var(--pale)}
.professional-copy .button{gap:14px}
.professional-launch-note{display:block;margin-top:13px;color:var(--pale);font-size:12px;line-height:1.6}
.professional-section .project-preview>img{height:250px}
.professional-section .project-preview-text h3{font-size:clamp(23px,2.2vw,29px);line-height:1.25}
.professional-section .project-preview-text p{line-height:1.65}
@media(max-width:760px){.professional-copy h2{font-size:32px}.professional-section .project-preview>img{height:220px}}