:root{--ink:#092f49;--blue:#0b5278;--teal:#087d87;--muted:#526879;--line:#dbe5eb;--wash:#f4f9fb}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;font:1.125rem/1.8 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);background:#fff}a{color:inherit}img{display:block;max-width:100%;height:auto}.wrap{width:min(1200px,90%);margin:auto}header{text-align:center;padding-top:30px}.logo-stage{background:#fff;border-radius:15px;width:650px;max-width:100%;margin:auto;padding:0 25px;box-shadow:none}.brand{display:block;width:600px;max-width:100%;margin:auto}header nav{display:flex;justify-content:center;gap:50px;padding:28px 0}nav a{font-size:1rem;text-decoration:none;font-weight:600;color:var(--ink)}.nav-download{color:var(--teal)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:inherit}h1{font-size:clamp(3.5rem,6.4vw,6.4rem);line-height:1.04;letter-spacing:-4px;font-weight:650;margin-bottom:28px}h2{font-size:clamp(2.5rem,4.4vw,4rem);line-height:1.12;letter-spacing:-2px;font-weight:620;margin-bottom:25px}h3{font-size:1.9rem;line-height:1.3;letter-spacing:-.7px;font-weight:600;margin-bottom:20px}em{font-style:normal;color:var(--teal)}.eyebrow{font-size:.875rem;letter-spacing:2px;color:var(--teal);font-weight:650;margin-bottom:25px}.hero{position:relative;text-align:center;padding:60px 0 0;background:radial-gradient(ellipse at 50% 15%,#e6f8f5,transparent 65%)}.hero .intro{font-size:1.2rem;color:var(--muted);max-width:740px;margin:0 auto 30px}.actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:7px;padding:14px 25px;font-size:1rem;font-weight:650;text-decoration:none}.primary{background:var(--ink);color:#fff;box-shadow:0 6px 20px #092f4912}.primary:hover{background:#0b5278}.secondary{border:1px solid #c6d8e2;color:var(--ink);background:#fff}.secondary:hover{background:#f1f8fa}.hero-visual{margin:60px 0 0;text-align:left;padding:8px 8px 0;background:#f4f9fb;border:1px solid #dbe5eb;border-radius:20px;box-shadow:0 20px 60px #092f4910}.hero-visual img{border-radius:13px;width:100%}.hero-visual figcaption{display:flex;justify-content:space-between;gap:20px;padding:18px 17px;color:var(--muted);font-size:.9375rem}.section{padding:110px 0}.section-heading{display:flex;gap:70px;justify-content:space-between;align-items:end;margin-bottom:60px}.section-heading>div{max-width:760px}.section-heading>p{color:var(--muted);max-width:330px;margin:0 0 6px}.section-heading h2{margin:0}.feature-story{display:grid;grid-template-columns:1.15fr .85fr;gap:65px;align-items:center;margin-top:85px}.feature-story figure{margin:0;border:1px solid #dbe5eb;border-radius:14px;background:#f7fafb;padding:7px 7px 0;box-shadow:0 10px 35px #092f490a}.feature-story img{border-radius:8px;width:100%}.feature-story figcaption{font-size:.875rem;color:var(--muted);padding:13px 8px;line-height:1.6}.feature-story>div>p:not(.eyebrow){font-size:1.125rem;color:var(--muted);line-height:1.85}.feature-story.reverse{grid-template-columns:.85fr 1.15fr}.feature-story.reverse figure{order:2}.feature-story .eyebrow{margin-bottom:16px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:85px}.features article{padding:30px;background:#f7fafb;border:1px solid #dbe5eb;border-radius:12px}.features h3{font-size:1.45rem}.features p{color:var(--muted);font-size:1.0625rem;margin:0}.feature-icon{font-size:.875rem;letter-spacing:1px;color:var(--teal);display:block;margin-bottom:20px}.mobile-story{display:block!important;margin-top:85px;padding-top:55px;border-top:1px solid var(--line)}.mobile-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:12px!important}.mobile-photo-pair figcaption{grid-column:1/-1;padding:0 5px 5px}.mobile-story>div{max-width:850px;margin:30px auto 0;text-align:center}.custom-section{background:#f3faf9;padding:100px 0;border-block:1px solid #d9eae7}.custom-heading{max-width:880px;text-align:center;margin:0 auto 50px}.custom-heading h2{font-size:clamp(3rem,5vw,4.8rem);letter-spacing:-2.5px}.custom-heading>p:last-child{font-size:1.2rem;color:var(--muted)}.personalization-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.personalization-grid article{padding:33px;border-radius:13px;border:1px solid #d7e7e5;background:#fff}.personalization-grid h3{font-size:1.65rem;color:var(--ink)}.personalization-grid p{color:var(--muted);font-size:1.125rem;margin:0}.custom-bottom{margin:45px auto 0;text-align:center;max-width:900px}.custom-bottom p{color:var(--muted);margin-bottom:25px}.text-link{display:inline-block;padding:13px 25px;font-weight:650;font-size:1rem;color:var(--teal);text-underline-offset:6px}.download-section{background:#092f49;color:white;padding:85px 0}.download-section .eyebrow,.download-section em{color:#75e0d0}.download-section h2{font-size:clamp(34px,3.6vw,50px)}.download-intro{color:#c3d6df;font-size:18px}.downloads{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px}.downloads article{display:grid;grid-template-columns:48px 1fr;align-items:center;gap:20px;padding:30px;border:1px solid #47677c;border-radius:10px;background:#ffffff05}.downloads h3{margin-bottom:4px;font-size:23px}.downloads p{margin:0;color:#c3d6df;font-size:15px}.downloads small{grid-column:1/-1;color:#c3d6df;font-size:14px}.download-button{grid-column:1/-1;background:#d5f5ee;color:#092f49;justify-content:space-between}.download-button:hover{background:#a9eadc}.os-icon{font-size:45px;line-height:1}.windows-icon{display:grid;grid-template-columns:16px 16px;gap:4px}.windows-icon i{height:16px;background:#d5f5ee}.apple-icon img{width:38px;height:42px;filter:invert(94%) sepia(18%) saturate(330%) hue-rotate(95deg)}.download-note{font-size:15px;color:#c3d6df;margin:27px 0 0}.download-note a{color:white;text-underline-offset:4px}.contact{text-align:center;max-width:900px}.contact p:not(.eyebrow){font-size:1.2rem;color:var(--muted)}.contact .button{margin-top:15px}footer{padding:35px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:35px;flex-wrap:wrap}footer img{width:240px;background:white;border-radius:6px;padding:5px 10px}footer p{margin:0;color:var(--muted)}footer small{font-size:.875rem;color:var(--muted);width:100%}a:focus-visible{outline:3px solid var(--teal);outline-offset:5px}@media(max-width:900px){.feature-story,.feature-story.reverse{grid-template-columns:1fr;gap:30px}.feature-story.reverse figure{order:0}.section-heading{display:block}.section-heading>p{max-width:none;margin-top:25px}.features{grid-template-columns:1fr}.personalization-grid{gap:20px}}@media(max-width:600px){body{font-size:1.0625rem}.wrap{width:90%}header{padding-top:15px}.logo-stage{padding:0 10px;border-radius:10px}header nav{gap:20px;padding:23px 0}nav a{font-size:.9375rem}.hero{padding-top:25px}h1{font-size:3.4rem;letter-spacing:-2px}.hero .intro{font-size:1.125rem}.hero .eyebrow{font-size:.8125rem;letter-spacing:1.3px}.actions{gap:12px}.actions .button{width:100%}.hero-visual{margin-top:35px;padding:5px 5px 0;border-radius:12px}.hero-visual img{border-radius:8px}.hero-visual figcaption{display:block;padding:12px;font-size:.875rem}.hero-visual figcaption span{display:block;margin-bottom:4px}.section{padding-block:60px}h2{font-size:2.5rem;letter-spacing:-1px}.section-heading{margin-bottom:30px}.feature-story,.feature-story.reverse{margin-top:50px}.feature-story h3{font-size:1.65rem}.feature-story>div>p:not(.eyebrow){font-size:1.0625rem}.features{margin-top:55px}.features article{padding:25px}.mobile-photo-pair{grid-template-columns:1fr}.custom-section{padding-block:60px}.custom-heading h2{font-size:3rem;letter-spacing:-1.5px}.custom-heading>p:last-child{font-size:1.125rem}.personalization-grid{grid-template-columns:1fr}.personalization-grid article{padding:25px}.personalization-grid p{font-size:1.0625rem}.download-section{padding-block:55px}.downloads{grid-template-columns:1fr}.downloads article{padding:25px}.contact h2{font-size:2.4rem}.contact p:not(.eyebrow){font-size:1.125rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* A white, editorial presentation with one contact form. */
body{background:#fff;color:#12384b}.wrap{width:min(1160px,90%)}header{padding:30px 0 26px;border-bottom:1px solid #e7eeee}.brand{width:500px}.header-note{font-size:1rem;color:#6a7e86;margin:7px 0 0}.hero{text-align:left;display:grid;grid-template-columns:1fr 1fr;gap:24px 55px;padding:80px 0;background:none;align-items:center}.hero .eyebrow{grid-column:1;align-self:end;margin:0;font-size:.75rem;letter-spacing:1.7px}.hero h1{grid-column:1;font-size:clamp(3rem,4.7vw,4.7rem);line-height:1.08;letter-spacing:-2.5px;margin:0}.hero .intro{grid-column:1;margin:0;font-size:1.15rem;line-height:1.8}.platforms{grid-column:1;display:flex;flex-wrap:wrap;gap:8px;font-size:.8rem;color:#466b72}.platforms span{padding:6px 12px;border:1px solid #dce9e8;border-radius:30px}.hero-visual{grid-column:2;grid-row:1/5;margin:0;padding:0;border:none;box-shadow:none;background:none}.hero-visual img{aspect-ratio:4/5;object-fit:cover;border-radius:100px 16px 16px 16px}.hero-visual figcaption{font-size:.8rem;padding:18px 0;display:block}.hero-visual figcaption span{display:block}.section{padding:85px 0}.section-heading{display:block;max-width:800px;margin-bottom:65px}.section-heading h2{font-size:clamp(2.2rem,3.5vw,3.2rem)}.section-heading>p{max-width:650px;margin:20px 0 0}.feature-story{gap:60px;margin:75px 0;padding-bottom:55px;border-bottom:1px solid #e4ecee}.feature-story figure{padding:0;background:#fff;border:0;box-shadow:none}.feature-story img{border-radius:18px}.feature-story figcaption{padding:12px 0}.feature-story h3{font-size:2rem}.feature-story .eyebrow{font-size:.75rem}.features{gap:40px;margin-top:50px}.features article{padding:15px 0;background:none;border:0;border-radius:0}.feature-icon{border-top:3px solid #0e9399;padding-top:20px}.mobile-story{border-top:0;padding-top:0}.mobile-photo-pair{gap:30px;padding:0!important}.mobile-story>div{max-width:700px}.custom-section{background:#f1f7f6;border:0;padding:85px 0}.custom-heading{text-align:left;margin:0 0 50px;max-width:850px}.custom-heading h2{font-size:clamp(2.7rem,4.3vw,4rem)}.personalization-grid{gap:0 60px}.personalization-grid article{padding:30px 0;border:0;border-top:1px solid #cddedb;background:none;border-radius:0}.custom-bottom{text-align:left;max-width:none;margin-top:30px}.download-section{padding:75px 0;background:#092f49}.downloads article{background:#ffffff08}.contact{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;text-align:left;max-width:1160px}.contact h2{font-size:clamp(2.3rem,3.5vw,3rem)}.contact p:not(.eyebrow){font-size:1.0625rem}form{background:#f7fafb;border:1px solid #e2ecef;padding:32px;border-radius:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:.9rem;font-weight:600;margin-bottom:22px}input,textarea{display:block;width:100%;padding:13px 14px;margin-top:8px;border:1px solid #c9dbe1;border-radius:8px;background:white;font:inherit;font-weight:400;color:#12384b}textarea{resize:vertical;min-height:170px}input:focus,textarea:focus{outline:2px solid #0e9399;outline-offset:2px}.contact .privacy{font-size:.8rem!important;line-height:1.6;color:#657b85}.contact button{border:0;cursor:pointer;margin-top:0;width:100%;font-family:inherit}.contact button:disabled{opacity:.65;cursor:wait}#form-status{font-size:.9rem;margin:18px 0 0}.honeypot{display:none}footer{padding:30px 0}footer img{width:180px;padding:0}footer p{font-size:.95rem}footer small{font-size:.75rem}
@media(max-width:800px){.hero{display:block;padding:45px 0}.hero .eyebrow{margin-bottom:22px}.hero h1{font-size:3.5rem;margin-bottom:25px}.hero .intro{margin-bottom:25px}.hero-visual{margin-top:35px}.hero-visual img{aspect-ratio:4/3;border-radius:45px 12px 12px 12px}.contact{grid-template-columns:1fr;gap:25px}.feature-story,.feature-story.reverse{gap:25px;margin-top:45px;padding-bottom:35px}.personalization-grid{gap:0 30px}.section{padding:55px 0}}@media(max-width:500px){header{padding-top:15px}.header-note{font-size:.8rem}.hero h1{font-size:3rem;letter-spacing:-1.5px}.hero .intro{font-size:1.0625rem}.platforms{font-size:.7rem}.section-heading{margin-bottom:35px}.feature-story h3{font-size:1.7rem}.custom-heading h2{font-size:2.7rem;letter-spacing:-1px}.custom-section{padding:55px 0}.contact form{padding:23px}.form-row{grid-template-columns:1fr;gap:0}}

@media(min-width:801px){.hero{grid-template-rows:auto auto auto auto;align-content:center;row-gap:25px}.hero-visual{align-self:center}.hero .eyebrow{align-self:center}}
.header-note{font-size:1.5rem;line-height:1.5;font-weight:500;color:var(--ink);margin:12px 0 0}
@media(min-width:801px){.hero .eyebrow,.hero h1,.hero .intro,.hero .platforms{grid-column:2}.hero-visual{grid-column:1;grid-row:1/5}}
@media(max-width:500px){.header-note{font-size:1.2rem}}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:65px 0 80px}.hero-visual{grid-column:1;grid-row:auto;align-self:center}.hero-visual img{aspect-ratio:1/1;object-fit:cover;border-radius:24px}.hero-copy{grid-column:2}.hero-copy .eyebrow{margin-bottom:22px}.hero-copy h1{font-size:clamp(2.8rem,4.2vw,4rem);margin-bottom:25px}.hero-copy .intro{margin-bottom:20px}.hero-detail{font-size:1rem;color:var(--muted);margin-bottom:25px}.hero-visual figcaption{font-size:.85rem}.contact h2{text-wrap:balance}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:30px;padding:40px 0 55px}.hero-copy{grid-column:1}.hero-visual{grid-column:1;grid-row:auto;margin:0}.hero-visual img{aspect-ratio:4/3}.hero-copy h1{font-size:3rem}.hero-copy .intro{margin-bottom:18px}}

.footer-phone{margin-left:auto;font-size:1.2rem;font-weight:650;text-decoration:none;white-space:nowrap;color:var(--ink)}@media(max-width:600px){.footer-phone{margin-left:0;width:100%}}
.hero{padding-bottom:40px;border-bottom:1px solid #ccdce1}
.hero + .section{padding-top:40px}
@media(max-width:800px){.hero{padding-bottom:30px}.hero + .section{padding-top:30px}}

/* Clear hierarchy: introduction, bespoke project, examples, downloads, enquiry. */
.hero{margin-bottom:0}.custom-section{margin-top:35px;padding:65px 0;background:#f3f8f7}.custom-heading{max-width:820px;margin-bottom:30px}.custom-heading h2{font-size:clamp(2.1rem,3.4vw,3rem);letter-spacing:-1px;line-height:1.2}.custom-heading>p:last-child{font-size:1.1rem}.personalization-grid h3{font-size:1.35rem}.personalization-grid article{padding:24px 0}.section-heading{margin-bottom:35px}.section-heading h2{font-size:clamp(2.1rem,3.4vw,3rem);line-height:1.2}.feature-story{margin:45px 0;padding-bottom:40px}.feature-story h3{font-size:1.7rem;margin-bottom:18px}.feature-story .eyebrow{display:none}.mobile-story{margin-top:45px}.features h3{font-size:1.35rem}.feature-icon{display:none}.features article{border-top:2px solid #087d87;padding-top:22px}.contact h2{font-size:clamp(2.1rem,3.4vw,3rem)}@media(max-width:800px){.custom-section{margin-top:25px;padding:45px 0}.custom-heading h2,.section-heading h2,.contact h2{font-size:2.1rem}.feature-story h3{font-size:1.6rem}}

.hero{padding-bottom:25px}.custom-section{margin-top:15px;padding-top:35px}.personalization-grid article{position:relative;padding-left:76px;min-height:170px}.custom-icon{position:absolute;left:0;top:25px;display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;background:#dcefeb;color:#087d87}.custom-icon svg{width:30px;height:30px}@media(max-width:800px){.hero{padding-bottom:20px}.custom-section{margin-top:12px;padding-top:28px}}@media(max-width:500px){.personalization-grid article{padding-left:64px}.custom-icon{width:46px;height:46px;border-radius:12px}.custom-icon svg{width:26px;height:26px}}
.custom-section{background:linear-gradient(120deg,#eef9f7,#f1f7fc)}
.personalization-grid{gap:22px}
.personalization-grid article{--accent:#087d87;--tint:#e1f5f0;background:var(--tint);border:1px solid color-mix(in srgb,var(--accent) 22%,white);border-top:4px solid var(--accent);border-radius:16px;padding:26px 26px 26px 98px}
.personalization-grid article:nth-child(2){--accent:#236baf;--tint:#e8f2fc}
.personalization-grid article:nth-child(3){--accent:#8060b4;--tint:#f1ebfa}
.personalization-grid article:nth-child(4){--accent:#ad701b;--tint:#fff4df}
.custom-icon{left:24px;top:26px;background:var(--accent);color:#fff;box-shadow:0 5px 14px #12384b12}
.personalization-grid h3{color:var(--accent)}
@media(max-width:500px){.personalization-grid article{padding:22px 20px 22px 80px}.custom-icon{left:18px;top:22px}}

.mobile-section{padding:65px 0;background:#f1f8fc;border-block:1px solid #dce9f0}.mobile-section figure{margin:0}.mobile-section .mobile-photo-pair{padding:0!important}.mobile-section img{border-radius:18px;width:100%}.mobile-section figcaption{color:var(--muted);font-size:.9rem}.mobile-section .wrap>div:last-child{max-width:850px;margin:30px auto 0;color:var(--muted)}@media(max-width:700px){.mobile-section{padding:45px 0}}
.hero{padding-bottom:12px}.custom-section{margin-top:0;padding-top:22px}@media(max-width:800px){.hero{padding-bottom:12px}.custom-section{margin-top:0;padding-top:22px}}

@media(max-width:600px){.slogan-ending{display:block}}
/* Full-width introduction, image first and centred copy below. */
.hero{display:block;width:100%;max-width:none;padding:30px 0 0;border-bottom:0}
.hero-visual{margin:0;width:100%}
.hero-visual img{width:100%;height:auto;aspect-ratio:16/7;object-fit:cover;object-position:center;border-radius:0}
.hero-copy{padding:55px 5% 60px;text-align:center;background:linear-gradient(180deg,#edf8f7,#fff);border-bottom:1px solid #d8e8e7}
.hero-copy .eyebrow{margin-bottom:20px}
.hero-copy h1{font-size:clamp(3rem,5.4vw,5.4rem);line-height:1.08;margin-bottom:28px;letter-spacing:-2px}
.hero-copy .intro{max-width:850px;margin:0 auto 18px;font-size:1.25rem}
.hero-detail{max-width:760px;margin:0 auto 28px;font-size:1.1rem}
.hero-copy .platforms{justify-content:center}
@media(max-width:800px){.hero{padding-top:20px}.hero-visual img{aspect-ratio:4/3}.hero-copy{padding:35px 5% 40px}.hero-copy h1{font-size:3rem;letter-spacing:-1.5px}.hero-copy .intro{font-size:1.125rem}.hero-detail{font-size:1rem}}

.custom-section{padding-block:50px;background:#f6faf9}.custom-intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:40px}.custom-intro figure,.custom-design figure{margin:0}.custom-intro img,.custom-design img{width:100%;border-radius:18px}.custom-intro .custom-heading{margin:0}.custom-intro h2{font-size:clamp(2rem,3vw,2.8rem)}.custom-design{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:40px}.custom-design figure{order:2}.custom-design h3{font-size:1.8rem}.custom-design p:not(.eyebrow){color:var(--muted);font-size:1.1rem}@media(max-width:800px){.custom-intro,.custom-design{grid-template-columns:1fr;gap:25px}.custom-design figure{order:0}.custom-intro h2{font-size:2.1rem}.custom-section{padding-block:30px}}

.mobile-section{background:#fff;border:0;padding:70px 0}.mobile-section .feature-story>div{margin:0;max-width:none}.mobile-section .feature-story img{border-radius:18px}.mobile-section .feature-story:last-child{margin-bottom:0}@media(max-width:800px){.mobile-section{padding:45px 0}}

.custom-section{background:#fff;border:0;margin-top:0;padding:45px 0}.custom-section .feature-story:last-child{margin-bottom:0}.custom-section .section-heading>p{max-width:650px}@media(max-width:800px){.custom-section{padding:35px 0}}

.site-footer{display:block;width:100%;background:#f0f6f8;border-top:3px solid #138d98;padding:50px 0 22px;margin-top:15px}.footer-main{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:45px;align-items:center}.site-footer .footer-brand img{width:230px;background:none;padding:0;border-radius:0}.site-footer .footer-brand p{font-size:.95rem;margin-top:12px}.footer-description strong{font-size:1.1rem}.site-footer .footer-description p{font-size:.95rem;line-height:1.7;margin-top:10px}.footer-contact{padding-left:30px;border-left:1px solid #cbdde3}.footer-contact>span{display:block;font-size:.85rem;color:var(--muted);margin-bottom:7px}.footer-contact a{display:flex;gap:18px;align-items:center;font-size:1.6rem;white-space:nowrap;font-weight:650;color:var(--ink);text-decoration:none}.footer-contact a span{font-size:1.3rem;color:var(--teal)}.site-footer .footer-contact small{display:block;font-size:.85rem;margin-top:5px;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:18px;border-top:1px solid #d3e1e6}.site-footer .footer-bottom small{width:auto;font-size:.75rem;color:#5b7481}@media(max-width:800px){.footer-main{grid-template-columns:1fr 1fr;gap:30px}.footer-description{display:none}.footer-contact{padding-left:20px}.footer-contact a{font-size:1.3rem}}@media(max-width:500px){.site-footer{padding-top:32px}.footer-main{grid-template-columns:1fr;text-align:center;gap:25px}.footer-brand img{margin:auto}.footer-contact{padding:22px 0 0;border-left:0;border-top:1px solid #cbdde3}.footer-contact a{justify-content:center;font-size:1.5rem}.footer-bottom{flex-direction:column;align-items:center;text-align:center;gap:6px;margin-top:25px}}
.hero-copy{padding:45px 5% 48px;background:#f2faf9;position:relative}
.hero-copy::before{content:"";display:block;width:64px;height:4px;border-radius:4px;background:#0b929b;margin:0 auto 22px}
.hero-copy .eyebrow{margin-bottom:16px;font-size:.8rem;letter-spacing:1.8px}
.hero-copy h1{font-size:clamp(2.8rem,4.8vw,4.7rem);margin:0 auto 26px;max-width:950px;line-height:1.12}
.hero-copy .intro,.hero-copy .hero-detail{font-family:inherit;font-size:1.2rem;font-weight:400;line-height:1.8;color:var(--muted);max-width:820px;margin:0 auto 16px}
.hero-copy .hero-detail{margin-bottom:27px}
.hero-copy .platforms{gap:12px}.hero-copy .platforms span{background:white;padding:7px 16px;border-color:#cfe2df}
@media(max-width:800px){.hero-copy{padding:32px 6% 35px}.hero-copy h1{font-size:2.8rem;letter-spacing:-1px;margin-bottom:23px}.hero-copy .intro,.hero-copy .hero-detail{font-size:1.0625rem;line-height:1.8}.hero-copy .eyebrow{font-size:.75rem}}

/* Alternance des fonds des trois premières sections. */
#personnalisation,.mobile-section{background:#fff}
#fonctionnalites{width:100%;background:#f2faf9;padding-inline:max(5%,calc((100% - 1200px)/2))}

/* Format commun pour les photos des sections, hors bandeau. */
.feature-story,.feature-story.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.feature-story figure{width:100%;overflow:hidden}
.feature-story figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center}
@media(max-width:800px){.feature-story,.feature-story.reverse{grid-template-columns:minmax(0,1fr)}.feature-story.reverse figure{order:0}}

/* Desktop header: logo and slogan side by side. */
@media(min-width:801px){header.wrap{display:flex;align-items:center;gap:40px;text-align:left}header .brand{width:340px;flex:0 0 340px;margin:0}header .header-note{margin:0;flex:1;font-size:clamp(1.2rem,2vw,1.5rem);line-height:1.5}}

@media(min-width:801px){header.wrap{gap:clamp(20px,3vw,40px)}header .header-note{font-size:clamp(.9rem,1.65vw,1.5rem);white-space:nowrap;transform:translateY(-8px)}header .slogan-ending{display:inline}}

.back-to-top{position:fixed;right:24px;bottom:24px;z-index:1000;width:48px;height:48px;display:grid;place-items:center;border:1px solid #ffffff55;border-radius:50%;background:var(--teal);color:#fff;box-shadow:0 4px 16px #092f4929;cursor:pointer}.back-to-top[hidden]{display:none}.back-to-top:hover{background:var(--ink)}.back-to-top:focus-visible{outline:3px solid var(--ink);outline-offset:4px}@media(max-width:600px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.android-icon img{display:block;width:40px;height:40px}

.hero-copy h1 .hero-brand-line{display:flex;align-items:center;justify-content:center;gap:.15em}.hero-wordmark{position:relative;display:inline-block;width:4.7em;height:.8em;overflow:hidden;flex:none}.hero-wordmark img{position:absolute;display:block;width:100%;height:auto;max-width:none;top:50%;left:0;transform:translateY(-50%)}@media(max-width:600px){.hero-copy h1 .hero-brand-line{font-size:clamp(24px,6.5vw,40px);gap:.1em}}

.hero-copy h1 .hero-wordmark{width:6em;height:1em}.hero-copy h1 .hero-wordmark img{top:calc(50% + .18em)}@media(max-width:600px){.hero-copy h1 .hero-brand-line{font-size:clamp(22px,6vw,36px)}}

@media(max-width:600px){.hero-copy h1 .hero-brand-line{font-size:inherit;flex-wrap:wrap;column-gap:.15em;row-gap:0}.hero-copy h1 .hero-wordmark{max-width:100%}}

@media(max-width:600px){.hero-copy h1 .hero-brand-line{font-size:clamp(28px,9.5vw,52px);flex-wrap:nowrap;white-space:nowrap;column-gap:.12em}.hero-copy h1 .hero-wordmark{width:6em;max-width:none}}

.hero-copy h1{text-align:center}.hero-copy h1 .hero-brand-line{width:max-content;max-width:100%;margin-inline:auto;justify-content:center}.hero-copy h1 .hero-wordmark{width:5.46em}.hero-copy h1 .hero-wordmark img{width:6em;left:-.166em}@media(max-width:600px){.hero-copy h1 .hero-brand-line{font-size:clamp(26px,9.2vw,52px)}}

.hero-copy h1 .hero-wordmark{overflow:visible}

.mobile-section .mobile-logo-title{display:flex;align-items:center;gap:.2em;white-space:nowrap}.section-wordmark{position:relative;display:inline-block;flex:none;width:5.46em;height:1em;overflow:visible}.section-wordmark img{position:absolute;width:6em;max-width:none;height:auto;left:-.166em;top:calc(50% + .18em);transform:translateY(-50%)}@media(max-width:600px){.mobile-section .mobile-logo-title{font-size:clamp(23px,7vw,40px)}}

.mobile-logo-title .section-wordmark img{top:calc(50% + .21em)}

@media(max-width:600px){.mobile-logo-title .section-wordmark img{top:calc(50% + .14em)}.mobile-section .mobile-logo-title{gap:.3em}}