/* Krono — vitrine et parcours commercial, octobre 2026. */

.vitrine{--ink:#f5f6fa;--muted:#b2bed1;--line:rgba(187,209,238,.17);background:#080b15;color:var(--ink)}

.vitrine::after{display:none}

.vitrine #navbar{height:84px;padding-inline:max(24px,calc((100vw - 1280px)/2));background:rgba(8,11,21,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}

.vitrine .nav-logo-text{font-size:1.4rem;color:#f5f6fa;background:none;-webkit-text-fill-color:initial}

.vitrine .nav-menu{gap:6px}.vitrine .nav-link{padding:9px 14px;color:#b2bed1;font-size:.85rem}.vitrine .nav-link:hover,.vitrine .nav-link.active{color:#fff;background:rgba(255,255,255,.06)}

.vitrine .nav-cta{background:#b4f5ff;color:#071522;padding:11px 20px;border-radius:8px;font-size:.84rem;box-shadow:none}

.vitrine .mobile-menu{background:#080b15}.vitrine .mobile-nav-link{color:#e2e8f0}

.vitrine main{overflow:clip}.vitrine .wrap{width:min(1280px,calc(100% - 64px));margin-inline:auto}

.vitrine .eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#a8eafa;margin-bottom:22px}

.vitrine .eyebrow::before{content:'';width:22px;height:1px;background:currentColor;flex-shrink:0}

.vitrine .big-heading{font-family:var(--font-main);font-size:clamp(2.9rem,5.5vw,4.8rem);font-weight:600;line-height:1.04;letter-spacing:-.06em;margin:0 0 28px}

.vitrine .accent{color:#a7f0ff}.vitrine .intro{color:var(--muted);font-size:1.06rem;line-height:1.8;max-width:560px}

.vitrine .actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}

.vitrine .action{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:51px;padding:14px 22px;border:1px solid var(--line);border-radius:8px;font-size:.88rem;font-weight:600;line-height:1.4;transition:background .2s,transform .2s}

.vitrine .action:hover{transform:translateY(-2px);background:rgba(255,255,255,.07)}

.vitrine .action.primary{background:#a7f0ff;color:#06141e;border-color:#a7f0ff}.vitrine .action.primary:hover{background:#d0f8ff}

.vitrine .arrow{font-size:1.3em;line-height:1;flex-shrink:0}.vitrine .small-note{font-size:.78rem;color:#b2bed1;margin-top:16px;line-height:1.7}

.vitrine .v-hero{position:relative;padding:156px 0 76px;background:radial-gradient(ellipse at 85% 35%,rgba(108,57,200,.18),transparent 55%),radial-gradient(ellipse at 0% 65%,rgba(0,212,255,.065),transparent 45%)}

.vitrine .hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:center}

.vitrine .hero-work{position:relative;min-width:0;padding-top:12px}.vitrine .work-label{display:flex;justify-content:space-between;gap:12px;margin-bottom:14px;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase;color:#c4cadd}

.vitrine .work-label span:last-child{color:#a7f0ff}

.vitrine .browser-frame{display:block;border:1px solid rgba(255,255,255,.2);border-radius:13px;overflow:hidden;background:#101324;box-shadow:0 30px 80px rgba(0,0,0,.3)}

.vitrine .browser-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#171a2a;border-bottom:1px solid var(--line)}

.vitrine .browser-bar i{width:5px;height:5px;border-radius:50%;background:#717989}.vitrine .browser-bar span{margin:auto;color:#c6cedf;font-size:.6rem;letter-spacing:.06em;font-family:var(--font-mono);padding-right:20px}

.vitrine .hero-shot{display:block;width:100%;aspect-ratio:1440/900;object-fit:cover;height:auto;transition:transform .4s}

.vitrine .browser-frame:hover .hero-shot{transform:scale(1.025)}

.vitrine .hero-case-link{display:flex;align-items:center;justify-content:space-between;padding:15px 0;gap:16px;font-size:.83rem;color:#e2e8f0}

.vitrine .hero-case-link b{font-family:var(--font-main);font-weight:500}.vitrine .hero-case-link .arrow{color:#a7f0ff}

.vitrine .mini-proof{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;border-top:1px solid var(--line);padding-top:18px;margin-top:3px;font-size:.78rem}

.vitrine .mini-proof img{width:88px;height:55px;object-fit:cover;border:1px solid var(--line);border-radius:4px}.vitrine .mini-proof strong{display:block;color:#f5f6fa;font-size:.88rem}.vitrine .mini-proof span{color:#b2bed1}

.vitrine .trust-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0d111e}

.vitrine .trust-items{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:30px;font-size:.8rem;color:#c6d0df}

.vitrine .trust-items strong{display:block;color:#f3f6fa;margin-bottom:3px;font-family:var(--font-main);font-size:.95rem;font-weight:500}

.vitrine .trust-items>div+div{border-left:1px solid var(--line);padding-left:32px}

.vitrine .v-section{padding:92px 0}.vitrine .section-top{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}

.vitrine .section-top .eyebrow{margin-bottom:16px}.vitrine .v-title{font-family:var(--font-main);font-size:clamp(2rem,3.5vw,3.15rem);font-weight:500;line-height:1.13;letter-spacing:-.045em;max-width:770px}

.vitrine .section-lead{color:var(--muted);line-height:1.8;max-width:600px;margin-top:20px;font-size:.96rem}.vitrine .text-link{display:inline-flex;align-items:center;gap:12px;font-size:.86rem;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:5px;white-space:nowrap}

.vitrine .light{background:#f1f2f4;color:#141b2d}.vitrine .light .eyebrow{color:#454079}.vitrine .light .section-lead{color:#515c6b}.vitrine .light .text-link{color:#272548}.vitrine .light .accent{color:#514493}

.vitrine .case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}

.vitrine .case-card{min-width:0}.vitrine .case-media{display:block;border-radius:12px;overflow:hidden;background:#dce0e7;border:1px solid rgba(20,27,45,.08);padding:20px}

.vitrine .case-card.miumi .case-media{background:#e9e0d6}.vitrine .case-card.dnb .case-media{background:#d9e1ec}

.vitrine .case-media img{width:100%;aspect-ratio:1440/900;height:auto;object-fit:cover;border-radius:5px;box-shadow:0 10px 20px rgba(20,27,45,.13);transition:transform .3s}

.vitrine .case-media:hover img{transform:translateY(-4px)}.vitrine .case-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;font-size:.66rem;letter-spacing:.07em;text-transform:uppercase;font-family:var(--font-mono);color:#515c6b}

.vitrine .client-badge{color:#185540;background:#d8e8df;border:1px solid #a1c6b7;border-radius:4px;padding:3px 7px;font-size:.62rem;letter-spacing:.03em}

.vitrine .case-card h3{font-family:var(--font-main);font-size:1.65rem;letter-spacing:-.035em;font-weight:500;margin:10px 0 12px}.vitrine .case-card p{color:#515c6b;font-size:.9rem;line-height:1.75;max-width:550px}

.vitrine .case-points{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0 19px}.vitrine .case-points span{border:1px solid #bac1cd;border-radius:5px;padding:4px 8px;font-size:.7rem;color:#3c4657}

.vitrine .offers-layout{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.vitrine .offer-tile{display:flex;flex-direction:column;border:1px solid var(--line);padding:29px;border-radius:12px;background:#101523;position:relative}

.vitrine .offer-tile.featured{border-color:#87d8ec;background:linear-gradient(160deg,#132534,#121725)}.vitrine .offer-kicker{color:#b2bed1;font-family:var(--font-mono);font-size:.66rem;text-transform:uppercase;letter-spacing:.07em;margin-bottom:22px}

.vitrine .offer-tile.featured .offer-kicker{color:#a7f0ff}.vitrine .offer-tile h3{font-family:var(--font-main);font-size:1.5rem;font-weight:500;margin:0 0 8px;letter-spacing:-.02em}

.vitrine .offer-price{font-family:var(--font-main);font-size:2.75rem;letter-spacing:-.06em;line-height:1.25;margin:12px 0 0}.vitrine .offer-price small{font-size:.85rem;letter-spacing:0;color:#b2bed1}

.vitrine .offer-tile p{font-size:.87rem;color:#b2bed1;line-height:1.75}.vitrine .offer-tile .offer-scope{margin-top:20px;margin-bottom:20px;padding-top:20px;border-top:1px solid var(--line);color:#e2e8f0}

.vitrine .offer-tile .action{margin-top:auto;width:100%}.vitrine .offer-disclaimer{margin-top:22px;max-width:900px;color:#b2bed1;font-size:.79rem;line-height:1.8}.vitrine .offer-disclaimer a{color:#a7f0ff}

.vitrine .after-offers{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:#b2bed1;font-size:.83rem;flex-wrap:wrap}

.vitrine .human-layout{display:grid;grid-template-columns:.85fr 1.2fr;gap:90px;align-items:center}.vitrine .human-card{border:1px solid var(--line);border-radius:16px;padding:38px;background:radial-gradient(ellipse at 0 0,rgba(125,65,215,.16),transparent 60%),#101523}

.vitrine .monogram{font-family:var(--font-main);font-size:6rem;letter-spacing:-.1em;line-height:1;color:#a7f0ff;margin-bottom:32px}.vitrine .human-card h3{font-family:var(--font-main);font-size:1.7rem;font-weight:500;letter-spacing:-.04em;margin-bottom:5px}

.vitrine .human-card p{color:#b2bed1;font-size:.84rem;line-height:1.8}.vitrine .human-card .human-line{border-top:1px solid var(--line);margin-top:24px;padding-top:24px;color:#e2e8f0}.vitrine .human-copy p{margin-top:22px;color:#b2bed1;font-size:.98rem;line-height:1.9}

.vitrine .human-checks{display:grid;gap:16px;margin:27px 0}.vitrine .human-checks li{display:flex;gap:15px;font-size:.88rem;color:#e2e8f0}.vitrine .human-checks li::before{content:'✓';color:#a7f0ff;flex-shrink:0}

.vitrine .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.vitrine .step{border-top:1px solid #abb3c2;padding-top:24px}.vitrine .step-num{font-family:var(--font-mono);font-size:.72rem;color:#565081;margin-bottom:25px}.vitrine .step h3{font-family:var(--font-main);font-size:1.3rem;letter-spacing:-.025em;font-weight:500;margin-bottom:14px}.vitrine .step p{color:#515c6b;font-size:.89rem;line-height:1.8}

.vitrine .faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.vitrine .faq-intro p{color:#b2bed1;margin:22px 0 28px;font-size:.92rem}.vitrine .faq-list{margin:0}.vitrine .faq-item{background:none;border:0;border-bottom:1px solid var(--line);border-radius:0;margin:0}.vitrine .faq-header{padding:24px 0;gap:22px}.vitrine .faq-question{font-size:.95rem;font-weight:500}.vitrine .faq-answer{padding:0 28px 24px 0;color:#b2bed1;line-height:1.9;font-size:.89rem}.vitrine .faq-icon{color:#a7f0ff;flex-shrink:0}

.vitrine .final-cta{padding:88px 0;background:radial-gradient(ellipse at 70% 50%,rgba(129,76,218,.2),transparent 70%),#121426;border-top:1px solid var(--line)}

.vitrine .final-layout{display:flex;justify-content:space-between;gap:50px;align-items:center}.vitrine .final-cta h2{font-family:var(--font-main);font-size:clamp(2.4rem,4.3vw,4rem);font-weight:500;line-height:1.12;letter-spacing:-.05em;max-width:730px}.vitrine .final-cta p{color:#b2bed1;font-size:.9rem;margin-top:18px}.vitrine .final-side{flex-shrink:0}.vitrine .final-side .small-note{text-align:center}

.vitrine footer{background:#080b15;border-top:1px solid var(--line);padding-top:65px}.vitrine .footer-grid{gap:45px}.vitrine .footer-link{color:#b2bed1}.vitrine .footer-brand-desc{color:#b2bed1}.vitrine .footer-bottom-text{color:#b2bed1}

.vitrine .inner-hero{padding:151px 0 64px;background:radial-gradient(ellipse at 80% 20%,rgba(118,61,211,.16),transparent 65%);border-bottom:1px solid var(--line)}

.vitrine .inner-hero .big-heading{font-size:clamp(2.6rem,5vw,4.8rem);max-width:860px}.vitrine .inner-hero .intro{max-width:730px}

.vitrine .path-switch{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.vitrine .path-switch a{border:1px solid var(--line);border-radius:6px;padding:11px 17px;font-size:.8rem;color:#c6d0df;background:#111827}.vitrine .path-switch a:first-child{background:#a7f0ff;color:#06141e;border-color:#a7f0ff}

.vitrine .pricing-grid.creation-grid{gap:20px}.vitrine .pricing-card{border-radius:12px;padding:28px;background:#101523;box-shadow:none}.vitrine .pricing-card.featured{border-color:#87d8ec;background:linear-gradient(160deg,#132534,#121725);transform:none}

.vitrine .pricing-plan{letter-spacing:.09em;font-family:var(--font-mono);font-size:.65rem;color:#b2bed1;margin-bottom:17px}.vitrine .pricing-name{font-size:1.6rem;font-weight:500;letter-spacing:-.035em}.vitrine .pricing-amount{font-size:3.1rem!important;color:#a7f0ff}.vitrine .pricing-features{border-top:1px solid var(--line);padding-top:20px}.vitrine .pricing-card>p{color:#b2bed1;font-size:.85rem}.vitrine .pricing-card .cost-note{font-size:.77rem;border-top:1px solid var(--line);padding-top:18px}.vitrine .pricing-card .btn{border-radius:7px}

.vitrine .section{padding:76px 0}.vitrine .section-title{font-weight:500;letter-spacing:-.035em}.vitrine .section-header-center{text-align:left;max-width:none;margin-bottom:35px}.vitrine .section-header-center .section-subtitle{margin-left:0;max-width:760px}.vitrine .section-subtitle{color:#b2bed1}

.vitrine .service-card{border-radius:10px;box-shadow:none;background:#101523;padding:26px}.vitrine .service-card::before{display:none}.vitrine .service-title{font-size:1.15rem}.vitrine .service-desc{color:#b2bed1;font-size:.89rem}.vitrine #subscription-heading{background:#111322;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

.vitrine .comparison-table{background:#0d111e;font-size:.87rem}.vitrine .option-details summary{color:#e2e8f0;border-color:var(--line)}

.vitrine .project-card{border-radius:10px;border:1px solid var(--line);background:#101523}.vitrine .project-info{padding:24px}.vitrine .project-desc{color:#b2bed1}.vitrine .project-image-overlay{display:none}.vitrine .project-image{aspect-ratio:16/10}.vitrine .project-links-static{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.vitrine .project-links-static a{padding:8px 12px;border:1px solid #698095;border-radius:6px;color:#e2e8f0;font-size:.77rem}.vitrine .project-links-static a:first-child{border-color:#9fddeb;color:#a7f0ff}

.vitrine .portfolio-filter{justify-content:flex-start}.vitrine .filter-btn{color:#b2bed1}.vitrine .filter-btn.active{color:#06141e;background:#a7f0ff;border-color:#a7f0ff}.vitrine .project-status.demo{color:#c6d0df;border-color:#8090a7}

.project-card[hidden]{display:none!important}

.vitrine .contact-grid{grid-template-columns:.8fr 1.2fr;gap:64px}.vitrine .contact-form{background:#101523;border:1px solid var(--line);border-radius:14px;box-shadow:none;padding:32px}.vitrine .form-control{background:#0b0f1b;color:#f5f6fa;border-color:#4c5b70;border-radius:7px}.vitrine .form-label{color:#e2e8f0}.vitrine .form-control::placeholder{color:#a8b5c8}.vitrine .contact-info-value{color:#e2e8f0}.vitrine .contact-info-title{color:#b2bed1}.vitrine .btn-primary{background:#a7f0ff;color:#06141e;box-shadow:none;border-radius:7px}.vitrine .btn-outline{border-radius:7px}

.vitrine .contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px;max-width:930px}.vitrine .contact-choice{padding:22px;border:1px solid var(--line);border-radius:10px;background:#111625}.vitrine .contact-choice strong{display:block;font-size:1.03rem;margin-bottom:7px;font-weight:500}.vitrine .contact-choice span{display:block;color:#b2bed1;font-size:.82rem;line-height:1.7;margin-bottom:14px}.vitrine .contact-choice a{color:#a7f0ff;font-size:.85rem;text-decoration:underline;text-underline-offset:4px}

.vitrine .privacy-details{font-size:.78rem;color:#b2bed1;line-height:1.85;margin:0 0 23px}.vitrine .privacy-details summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;padding:4px 0;color:#b2bed1}.vitrine .privacy-details p{margin-top:12px}

.vitrine .presentation-section{padding:65px 0}.vitrine .presentation-copy .section-title{font-size:2.3rem}.vitrine .presentation-frame{border-radius:12px;box-shadow:none}.vitrine .presentation-frame::before{display:none}.vitrine .presentation-video{border-radius:8px}.vitrine .presentation-caption{color:#b2bed1}

@media(min-width:1500px){.vitrine .v-hero{padding-top:174px;padding-bottom:90px}.vitrine .hero-layout{gap:95px}}

@media(max-width:1100px){.vitrine .hero-layout{gap:35px}.vitrine .big-heading{font-size:clamp(2.8rem,5.5vw,4rem)}.vitrine .human-layout,.vitrine .faq-layout{gap:45px}.vitrine .creation-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}.vitrine .pricing-card{padding:21px}.vitrine .pricing-features{font-size:.85rem}.vitrine .contact-grid{gap:32px}.vitrine .offer-tile{padding:23px}.vitrine .nav-link{padding-inline:10px}}

@media(max-width:900px){.vitrine #navbar{height:76px;padding-inline:24px}.vitrine .nav-menu{display:none}.vitrine .nav-hamburger{display:flex}.vitrine .wrap{width:calc(100% - 48px)}.vitrine .v-hero{padding:126px 0 52px}.vitrine .hero-layout{grid-template-columns:1fr;gap:42px}.vitrine .big-heading{font-size:clamp(3rem,7.5vw,4.5rem);max-width:670px}.vitrine .hero-work{max-width:660px;width:100%}.vitrine .intro{max-width:610px}.vitrine .trust-items{gap:20px}.vitrine .trust-items>div+div{padding-left:20px}.vitrine .offers-layout{grid-template-columns:1fr}.vitrine .offer-tile{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:27px}.vitrine .offer-tile .offer-kicker,.vitrine .offer-tile h3,.vitrine .offer-tile .offer-price{grid-column:1}.vitrine .offer-tile .offer-scope{grid-column:2;grid-row:1/4;border-top:0;padding-top:0;align-self:center;margin-top:0}.vitrine .offer-tile .action{grid-column:2;grid-row:4}.vitrine .offer-tile p{grid-column:1}.vitrine .human-layout{grid-template-columns:.8fr 1fr;gap:30px}.vitrine .human-card{padding:28px}.vitrine .faq-layout{grid-template-columns:1fr;gap:24px}.vitrine .final-layout{flex-direction:column;align-items:flex-start;gap:30px}.vitrine .final-side .small-note{text-align:left}.vitrine .creation-grid{grid-template-columns:1fr;max-width:none}.vitrine .pricing-card{padding:30px}.vitrine .pricing-name{font-size:1.6rem}.vitrine .inner-hero{padding-top:125px}.vitrine .contact-grid{grid-template-columns:1fr}.vitrine .contact-grid>div:first-child{max-width:760px}.vitrine .section{padding-block:60px}.vitrine .services-grid{grid-template-columns:1fr}}

@media(max-width:600px){.vitrine .wrap{width:calc(100% - 40px)}.vitrine #navbar{padding-inline:20px;height:72px}.vitrine .v-hero{padding:111px 0 39px}.vitrine .big-heading{font-size:clamp(2.55rem,10.5vw,3.8rem);line-height:1.07;letter-spacing:-.052em;margin-bottom:22px}.vitrine .eyebrow{font-size:.62rem;letter-spacing:.06em;margin-bottom:20px}.vitrine .intro{font-size:.95rem;line-height:1.8}.vitrine .actions{gap:10px;margin-top:25px}.vitrine .actions .action{width:100%;min-height:49px}.vitrine .actions .action.secondary{border:0;min-height:35px;padding:6px}.vitrine .hero-layout{gap:33px}.vitrine .hero-work{padding-top:0}.vitrine .work-label{font-size:.58rem}.vitrine .mini-proof{grid-template-columns:69px 1fr auto;gap:12px}.vitrine .mini-proof img{width:69px;height:46px}.vitrine .mini-proof span{font-size:.72rem}.vitrine .hero-case-link{font-size:.78rem}.vitrine .trust-items{grid-template-columns:1fr;gap:17px;padding:25px 0;font-size:.78rem}.vitrine .trust-items>div+div{border-left:0;padding-left:0}.vitrine .trust-items strong{font-size:.89rem;display:inline;margin-right:8px}.vitrine .v-section{padding:56px 0}.vitrine .section-top{display:block;margin-bottom:28px}.vitrine .section-top>.text-link{margin-top:22px}.vitrine .v-title{font-size:2.15rem;line-height:1.15}.vitrine .case-grid{grid-template-columns:1fr;gap:36px}.vitrine .case-media{padding:13px}.vitrine .case-card h3{font-size:1.5rem;margin-top:10px}.vitrine .case-meta{margin-top:18px;font-size:.59rem}.vitrine .case-points{gap:6px}.vitrine .case-points span{font-size:.63rem}.vitrine .offer-tile{display:flex;padding:25px}.vitrine .offer-tile .offer-scope{border-top:1px solid var(--line);margin-top:20px;padding-top:20px;align-self:stretch}.vitrine .offer-tile .action{margin-top:0}.vitrine .offer-kicker{margin-bottom:18px}.vitrine .human-layout{grid-template-columns:1fr;gap:35px}.vitrine .human-card{padding:29px}.vitrine .monogram{font-size:4rem;margin-bottom:24px}.vitrine .steps{grid-template-columns:1fr;gap:28px}.vitrine .step-num{margin-bottom:14px}.vitrine .faq-header{padding:22px 0}.vitrine .faq-question{font-size:.88rem}.vitrine .faq-answer{font-size:.85rem;padding-right:0}.vitrine .final-cta{padding:58px 0}.vitrine .final-cta h2{font-size:2.6rem}.vitrine .final-side{width:100%}.vitrine .final-side .action{width:100%}.vitrine .inner-hero{padding:112px 0 38px}.vitrine .inner-hero .big-heading{font-size:2.8rem;max-width:100%}.vitrine .path-switch{gap:7px}.vitrine .path-switch a{padding:10px 12px;font-size:.76rem}.vitrine .section{padding-block:48px}.vitrine .pricing-card{padding:25px}.vitrine .section-title{font-size:1.95rem;line-height:1.2}.vitrine .contact-options{grid-template-columns:1fr;gap:12px;margin-top:25px}.vitrine .contact-choice{padding:20px}.vitrine .contact-form{padding:22px}.vitrine .form-row{grid-template-columns:1fr}.vitrine .privacy-notice{font-size:.77rem;line-height:1.8}.vitrine .presentation-section{padding:52px 0}.vitrine .presentation-copy{text-align:left}.vitrine .presentation-copy .section-tag{justify-content:flex-start}.vitrine .presentation-copy .section-title{font-size:2rem}.vitrine .presentation-video{aspect-ratio:9/16}.vitrine .presentation-media{max-width:330px}.vitrine .presentation-copy .section-subtitle{margin-left:0}.vitrine .presentation-layout{gap:25px}.vitrine .footer-grid{gap:30px}.vitrine .footer-col-title{margin-bottom:15px}.vitrine .footer-bottom{gap:20px}.vitrine .footer-bottom-links{flex-wrap:wrap;row-gap:12px}.vitrine .comparison-table{font-size:.8rem}}

@media(prefers-reduced-motion:reduce){.vitrine .action,.vitrine .case-media img,.vitrine .hero-shot{transition:none}.vitrine .action:hover,.vitrine .case-media:hover img,.vitrine .browser-frame:hover .hero-shot{transform:none}}



/* Keep section content and cards away from the viewport edges. */

.vitrine .section > .container{width:min(1200px,calc(100% - 64px));min-width:0}

@media(max-width:900px){.vitrine .section > .container{width:calc(100% - 48px)}}

@media(max-width:600px){.vitrine .section > .container{width:calc(100% - 40px)}}



/* Original chibi portrait: crop only its display frame; keep the source intact. */

.vitrine .human-portrait{display:block;width:min(220px,100%);height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;margin:0 auto 24px;border:1px solid var(--line);border-radius:12px}

@media(max-width:600px){.vitrine .human-portrait{width:min(180px,100%);margin-bottom:22px}}



/* Keep consecutive calls to action apart when they wrap to another row. */

.vitrine .button-group{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:20px}

.vitrine .button-group>.btn,.vitrine .button-group>.action{margin:0;max-width:100%;min-height:44px;white-space:normal;justify-content:center;text-align:center}


/* Bespoke work is a visible route alongside the standard website offers. */
.vitrine .custom-project-card{display:grid;grid-template-columns:1.35fr 1fr;gap:44px;align-items:start;background:linear-gradient(120deg,#122334,#14172b);border:1px solid #7195ae;border-radius:12px;padding:32px;margin-bottom:28px;min-width:0}
.vitrine .custom-project-card .eyebrow{margin-bottom:16px}.vitrine .custom-project-card h3{font-size:1.85rem;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin-bottom:17px}
.vitrine .custom-description{color:#c3cddc;font-size:.88rem;line-height:1.85}.vitrine .custom-project-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:21px 0 0}.vitrine .custom-project-tags li{border:1px solid #536a85;border-radius:5px;color:#d6e6f3;background:#152436;padding:6px 9px;font-size:.7rem;line-height:1.6}
.vitrine .custom-budget-title{font-size:1.1rem;color:#f5f6fa;font-weight:500;margin:0 0 12px}.vitrine .custom-project-side .button-group{align-items:flex-start;gap:16px;flex-direction:column}.vitrine .custom-project-side .text-link{white-space:normal;line-height:1.6}.vitrine .custom-note{color:#bdc9db;font-size:.73rem;line-height:1.7;margin-top:17px}
.vitrine .custom-budget-callout{padding:27px;border:1px solid #607c94;border-radius:10px;background:#122030;margin-top:25px}.vitrine .custom-budget-callout h3{font-size:1.3rem;font-weight:500;line-height:1.5;margin-bottom:13px}.vitrine .custom-budget-callout p{color:#c3cddc;line-height:1.85;font-size:.9rem;max-width:860px}.vitrine .form-help{color:#b2bed1;font-size:.79rem;line-height:1.8;margin-top:11px}
@media(max-width:900px){.vitrine .custom-project-card{grid-template-columns:1fr;gap:29px}.vitrine .custom-project-side .button-group{flex-direction:row;align-items:center}}
@media(max-width:600px){.vitrine .custom-project-card{padding:24px;gap:25px}.vitrine .custom-project-card h3{font-size:1.55rem}.vitrine .custom-description{font-size:.86rem}.vitrine .custom-project-side .button-group{flex-direction:column;align-items:flex-start}.vitrine .custom-project-side .action{width:100%}.vitrine .custom-budget-callout{padding:22px}.vitrine .custom-budget-callout h3{font-size:1.2rem}.vitrine .custom-budget-callout p{font-size:.86rem}}