:root{--ink:#092948;--blue:#0864df;--teal:#0b8577;--paper:#f7f9fc;--line:#dce5ee;--muted:#52677d;--display:'Manrope',Arial,sans-serif;--body:'DM Sans',Arial,sans-serif;--gutter:clamp(20px,5vw,90px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:white;font:16px/1.65 var(--body)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}h2{font-size:clamp(2rem,3.9vw,3.8rem);line-height:1.12;letter-spacing:-.045em}h2 em,h1 em{font-style:normal;color:var(--blue)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0f8eb0;outline-offset:5px}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;left:20px;top:-70px;padding:12px;background:white;z-index:100}.skip-link:focus{top:10px}
.site-header{height:88px;padding-inline:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;position:sticky;top:0;background:#fff;z-index:30;border-bottom:1px solid #ecf0f5;transition:box-shadow .2s}.site-header.scrolled{box-shadow:0 4px 24px #0929480a}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:62px;height:62px;object-fit:contain}.brand-name{font:800 1.35rem/1.1 var(--display);letter-spacing:.08em}.brand-name span{display:block;font:500 .65rem/1.5 var(--body);letter-spacing:.03em;margin-top:5px;color:var(--muted)}.nav{display:flex;align-items:center;gap:clamp(18px,2vw,32px);font-weight:600;font-size:.84rem}.nav a{padding-block:10px}.nav a:hover{color:var(--blue)}.nav .nav-cta{padding:12px 21px;border-radius:8px;background:var(--ink);color:white}.nav-cta span{margin-left:16px}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;padding:10px}.menu-button>span:not(.sr-only){display:block;height:2px;background:var(--ink);margin:4px 0}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:5%;padding:72px var(--gutter) 70px;align-items:center;max-width:1600px;margin:auto}.hero-copy{min-width:0}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.eyebrow span,.section-kicker:before{content:'';width:7px;height:7px;flex-shrink:0;background:#0e9b7b;border-radius:50%}.hero h1{font-size:clamp(2.75rem,4.8vw,5rem);line-height:1.06;letter-spacing:-.055em;font-weight:800}.hero-description{font-size:clamp(1rem,1.25vw,1.15rem);color:var(--muted);margin:25px 0 28px;max-width:510px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:15px 20px;border-radius:8px;border:1px solid transparent;font-weight:700;font-size:.85rem;min-height:48px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 8px 20px #0864df20}.button-primary:hover{background:#064eb3}.button-secondary{background:white;border-color:var(--line)}.hero-assurance{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:var(--muted);font-size:.72rem;margin-top:25px}.hero-assurance>span{color:var(--teal)}.hero-assurance i{height:3px;width:3px;background:#a0afbd;border-radius:50%;margin:0 4px}
.hero-studio{position:relative;isolation:isolate;aspect-ratio:1.03;background:#e8f5f4;border-radius:24px;min-width:0;overflow:hidden;background-image:radial-gradient(circle at 100% 0,#cfedff,transparent 60%)}.studio-topline{position:absolute;top:5%;left:6%;right:6%;display:flex;align-items:center;gap:6px;font-size:clamp(6px,.65vw,10px);letter-spacing:.08em;font-weight:700}.studio-topline>span:last-child{margin-left:auto;font-size:20px}.studio-dot{width:6px;height:6px;border-radius:50%;background:#159b78}.studio-orbit{position:absolute;border:1px solid #9ac8cb88;border-radius:50%;width:90%;height:90%;left:17%;top:14%;z-index:-1}.orbit-two{width:110%;height:110%;left:7%;top:4%}.browser-mockup{position:absolute;left:7%;top:20%;width:79%;background:white;border-radius:11px;box-shadow:0 20px 38px #174c6722;transform:rotate(-5deg);border:1px solid #c8dbe4}.mockup-toolbar{display:flex;justify-content:space-between;padding:3% 4%;font-size:clamp(7px,.6vw,10px);color:#7a8a9a;border-bottom:1px solid #edf1f5}.mockup-toolbar>span:first-child{color:#b7c7d7;font-size:7px}.mockup-body{padding:5% 6%;background:#fffef9;border-radius:0 0 11px 11px}.mockup-nav{display:flex;justify-content:space-between;align-items:center;font-size:clamp(6px,.65vw,10px)}.mockup-nav strong{letter-spacing:-.04em}.mockup-nav strong span{color:#0ba47b}.mockup-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:11%;align-items:center}.mockup-layout small{font-size:clamp(5px,.5vw,8px);letter-spacing:.08em;display:block;margin-bottom:8px}.mockup-layout strong{font:800 clamp(18px,2.9vw,43px)/1.05 var(--display);letter-spacing:-.05em;display:block}.mockup-layout strong span{color:#0ba47b}.mockup-cta{font-size:clamp(5px,.55vw,8px);background:#082d35;color:white;padding:8px 10px;border-radius:3px;display:inline-block;margin-top:15px}.mockup-art{aspect-ratio:1;background:#bde9d6;border-radius:50% 50% 10px 10px;position:relative;overflow:hidden}.mockup-art>div{position:absolute;width:80%;height:80%;border:15px solid #068781;border-radius:50%;right:-10%;bottom:-10%;transform:rotate(-25deg)}.mockup-art>span{position:absolute;font-size:clamp(35px,7vw,95px);color:#f9bc68;left:8%;top:-10%}.mockup-bottom{display:flex;justify-content:space-between;font-size:clamp(5px,.48vw,8px);margin-top:10%;letter-spacing:.06em;border-top:1px solid #dae6dd;padding-top:5%}.studio-card{position:absolute;box-shadow:0 12px 28px #174c671a;border:1px solid #e3edf1;background:white;border-radius:10px}.studio-message{top:13%;right:5%;display:flex;align-items:center;gap:8px;padding:3%;transform:rotate(5deg)}.studio-message strong{display:block;font-size:clamp(9px,1vw,14px)}.studio-message small{display:block;font-size:clamp(6px,.65vw,10px);color:var(--muted)}.message-icon{display:grid;place-items:center;background:#ddf6e8;color:#0b9253;border-radius:50%;width:27px;height:27px}.studio-phone{position:absolute;right:5%;top:41%;width:25%;background:#072747;border:4px solid #092948;border-radius:17px;padding:6% 3% 4%;color:white;transform:rotate(7deg);box-shadow:0 15px 28px #082a4b30}.phone-camera{position:absolute;top:7px;left:38%;width:25%;height:4px;background:#274663;border-radius:4px}.studio-phone>small{font-size:clamp(5px,.45vw,8px);display:block;color:#a1b6cb}.studio-phone>strong{font-size:clamp(11px,1.2vw,17px);letter-spacing:-.04em}.phone-art{aspect-ratio:1;background:#c2e9f3;color:#0864df;border-radius:8px;margin:12% 0;display:grid;place-items:center;font-size:clamp(25px,4vw,55px)}.phone-line{height:3px;background:#486581;margin:7px 0;border-radius:5px}.phone-line.short{width:70%}.phone-button{font-size:clamp(6px,.55vw,9px);text-align:center;background:#1c9d91;border-radius:4px;padding:5px;margin-top:10px}.studio-flow{bottom:12%;left:8%;padding:3% 4%;transform:rotate(-3deg)}.studio-flow>span{font-size:clamp(6px,.6vw,9px);letter-spacing:.07em;color:var(--muted)}.studio-flow>div{display:flex;align-items:center;gap:9px;margin:8px 0}.studio-flow i{font-style:normal;font-size:10px;border-radius:7px;background:#eaf2fc;color:var(--blue);padding:7px 9px}.studio-flow i:last-child{background:#e0f4e9;color:#178154}.studio-flow b{font-weight:400;color:#9cb0bc}.studio-flow small{font-size:clamp(6px,.6vw,9px);color:var(--muted)}.studio-caption{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:clamp(6px,.65vw,10px);color:#50777e}
.brand-ribbon{display:flex;justify-content:space-between;gap:20px;padding:25px var(--gutter);border-block:1px solid var(--line);background:#fcfdfd}.brand-ribbon>span{font:800 clamp(1.15rem,2.3vw,2.3rem)/1.2 var(--display);letter-spacing:-.04em;display:flex;gap:clamp(20px,6vw,100px);align-items:center}.brand-ribbon>span>span{color:#b9d6d9;font-size:1.25rem}.ribbon-create{color:#18833e}.ribbon-publish{color:#7c32b2}.ribbon-develop{color:var(--blue)}.ribbon-automate{color:#c9500d}.promise-strip{display:flex;justify-content:space-between;gap:16px;padding:22px var(--gutter);font-size:.76rem;color:var(--muted)}.promise-strip>span:first-child{font-weight:700;color:var(--ink)}
.section{padding:90px var(--gutter)}.section-heading{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:8%;align-items:end}.section-heading>p{color:var(--muted);max-width:480px;margin-bottom:5px}.services{background:var(--paper)}.service-filters{display:flex;flex-wrap:wrap;gap:8px;margin:34px 0 26px}.service-filters button{background:white;border:1px solid var(--line);padding:10px 17px;border-radius:30px;font-size:.79rem;color:var(--muted);min-height:44px}.service-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.service-filters button span{margin-left:10px;font-size:.7rem;opacity:.75}.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.service-card{background:white;border:1px solid var(--line);padding:22px;border-radius:16px;min-width:0;transition:border-color .2s,box-shadow .2s}.service-card:hover{border-color:#a7c7ed;box-shadow:0 15px 35px #09294808}.service-art{width:100%;aspect-ratio:420/230;object-fit:cover;border-radius:10px;margin-bottom:22px}.service-number{font-size:.63rem;letter-spacing:.12em;font-weight:700;color:#658099;margin-bottom:10px}.service-card h3{font-size:clamp(1.2rem,1.7vw,1.65rem);line-height:1.3;letter-spacing:-.025em;margin-bottom:12px}.service-card>p{color:var(--muted);font-size:.91rem;min-height:3.2em}.service-details{margin-top:18px;border-top:1px solid var(--line)}.service-details summary,.faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 0;font-size:.85rem;font-weight:700}.service-details summary::-webkit-details-marker,.faq summary::-webkit-details-marker{display:none}.service-details summary{color:var(--blue)}summary>span{font-size:1.25rem;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}.scope-note{font-size:.76rem;color:var(--muted);padding:12px;background:#f2f7fd;border-radius:6px}.service-details ul{list-style:none;padding:0;margin:5px 0}.service-details li{padding:13px 0;border-bottom:1px solid #edf1f5}.service-details li strong,.service-details li span{display:block;font-size:.85rem}.service-details li span{color:var(--muted);margin-top:3px}.service-enquiry{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;border-top:1px solid var(--line);font-size:.83rem;font-weight:700;min-height:44px}.service-enquiry:hover{color:var(--blue)}
.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:40px;border-top:1px solid var(--line)}.audience-card{padding:28px 26px 28px 0;border-bottom:1px solid var(--line);position:relative}.audience-card>span{font-size:.65rem;color:#8496a6;position:absolute;right:24px;top:30px}.audience-symbol{font-size:1.5rem;color:var(--blue);margin-bottom:20px}.audience-card h3{font-size:1.1rem;margin-bottom:10px}.audience-card p{font-size:.86rem;color:var(--muted);max-width:300px}.approach{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;background:#082c43;color:white}.approach h2 em{color:#73e0c7}.section-kicker.light{color:#b7d1df}.section-kicker.light:before{background:#73e0c7}.approach-copy>p{color:#bbcedb;margin-top:25px;max-width:430px}.steps{border-top:1px solid #ffffff30}.step{display:grid;grid-template-columns:42px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid #ffffff30}.step>span{color:#73e0c7;font-size:.8rem}.step h3{font-size:1.2rem;margin-bottom:9px}.step p{font-size:.9rem;color:#bbcedb}
.team-panel{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:7%;align-items:center}.team-mark{background:#e9f3f8;border-radius:22px;padding:35px;aspect-ratio:1;display:grid;place-items:center}.team-mark img{max-width:260px;width:100%}.team-copy>p{margin-top:24px;color:var(--muted)}.text-link{display:inline-flex;gap:20px;margin-top:25px;border-bottom:1px solid var(--ink);padding-block:7px;font-size:.88rem;font-weight:700}.leadership-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.leader-card{border:1px solid var(--line);border-radius:12px;padding:28px;background:#fcfdff}.leader-monogram{display:grid;place-items:center;width:64px;height:64px;background:#e7f0ff;color:var(--blue);border-radius:18px;font:800 1.3rem var(--display);margin-bottom:24px}.leader-card:nth-child(2) .leader-monogram{background:#e1f4eb;color:#14874a}.leader-card:nth-child(3) .leader-monogram{background:#f0e8f9;color:#7940a6}.leader-discipline{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:10px}.leader-card h3{font-size:1.18rem;line-height:1.4}.leader-qualification{font-size:.82rem;color:var(--blue);margin-top:4px}.leader-role{font-size:.84rem;margin-top:22px;border-top:1px solid var(--line);padding-top:17px;color:var(--muted)}
.faq{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:8%;background:var(--paper)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{font-size:.96rem;min-height:74px}.faq summary span{color:var(--blue);flex-shrink:0}.faq details p{padding:0 30px 22px 0;color:var(--muted);font-size:.9rem}.why-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;align-items:center}.why-pills{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.why-pills span{padding:7px 12px;border:1px solid var(--line);border-radius:25px;font-size:.7rem;color:var(--muted)}.large-copy{font:700 1.5rem/1.4 var(--display);margin-bottom:17px}.why-copy>p:not(.large-copy){color:var(--muted)}
.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8%;background:#083b68;color:white;align-items:center}.contact h2 em{color:#7cdeeb}.contact-copy>p{margin-top:24px;color:#c6dcea;max-width:430px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:30px;font-size:.9rem}.contact-links a{overflow-wrap:anywhere;border-bottom:1px solid #ffffff40}.contact-form{background:white;color:var(--ink);border-radius:18px;padding:32px;min-width:0}.contact-form h3{font-size:1.4rem;letter-spacing:-.035em}.form-intro{font-size:.82rem;color:var(--muted);margin:8px 0 25px}.contact-form label{display:block;font-size:.75rem;font-weight:700;margin:0 0 17px}.contact-form input,.contact-form select,.contact-form textarea{display:block;width:100%;min-width:0;max-width:100%;padding:12px;background:#f8fafc;border:1px solid #dbe5ed;border-radius:6px;margin-top:6px;font-size:16px;color:var(--ink)}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:2px solid #5f9bea;outline-offset:2px}.contact-form textarea{resize:vertical;min-height:100px}.button-light{width:100%;background:var(--blue);color:white}.form-note{font-size:.72rem;color:var(--muted);text-align:center;margin-top:13px}
footer{background:#051e36;color:white;padding:48px var(--gutter) 28px;display:grid;grid-template-columns:.6fr 1fr 1.2fr;gap:35px;align-items:center}.brand-footer img{width:85px;height:85px}footer>p{font-size:.88rem;color:#bacbd9;max-width:300px}.footer-links{display:flex;flex-wrap:wrap;gap:12px 22px;justify-content:flex-end;font-size:.8rem}.footer-links a:hover{color:#73e0c7}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:25px;color:#9db4c7;font-size:.74rem}.whatsapp-float{position:fixed;bottom:max(20px,env(safe-area-inset-bottom));right:20px;z-index:35;display:flex;align-items:center;gap:9px;background:#137d48;color:white;padding:12px 17px;border-radius:30px;box-shadow:0 8px 25px #002c3633;font-size:.79rem}.whatsapp-float svg{width:25px;height:25px}.whatsapp-float:hover{background:#096333}.reveal{opacity:1;transform:none}
@media(min-width:1600px){.section,.brand-ribbon,.promise-strip,footer,.site-header{padding-inline:max(var(--gutter),calc((100vw - 1420px)/2))}}
@media(max-width:1050px){.nav{gap:16px;font-size:.76rem}.brand-name{font-size:1.1rem}.hero{gap:4%;padding-top:50px}.hero-actions .button{font-size:.78rem;padding:12px 15px}.hero h1{font-size:4.8vw}.leader-card{padding:22px}.contact{gap:5%}.contact-form{padding:25px}}
@media(max-width:800px){.site-header{height:76px}.brand img{width:54px;height:54px}.menu-button{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;padding:18px var(--gutter) 24px;background:white;box-shadow:0 20px 25px #09294815;border-bottom:1px solid var(--line);max-height:calc(100dvh - 76px);overflow-y:auto}.nav.open{display:flex;flex-direction:column;align-items:stretch;gap:4px}.nav a{padding:12px;font-size:.95rem}.nav .nav-cta{text-align:center;margin-top:10px}.hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-top:40px;padding-bottom:42px}.hero h1{font-size:clamp(2.7rem,7.6vw,4.5rem)}.hero-description{max-width:590px}.hero-studio{width:min(100%,560px);justify-self:center;aspect-ratio:1.12}.studio-topline{font-size:9px}.mockup-layout strong{font-size:clamp(28px,6vw,43px)}.mockup-layout small{font-size:7px}.mockup-nav{font-size:9px}.mockup-toolbar{font-size:9px}.mockup-art>span{font-size:80px}.mockup-cta{font-size:8px}.mockup-bottom{font-size:7px}.studio-message strong{font-size:12px}.studio-message small{font-size:8px}.studio-phone>small{font-size:7px}.studio-phone>strong{font-size:14px}.phone-art{font-size:45px}.phone-button{font-size:8px}.studio-flow>span,.studio-flow small,.studio-caption{font-size:8px}.section{padding-block:64px}.section-heading{gap:25px;grid-template-columns:1fr}.section-heading>p{max-width:620px}.audience-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.approach,.faq,.contact,.why-grid{grid-template-columns:1fr;gap:35px}.approach-copy>p{max-width:600px}.team-panel{grid-template-columns:1fr}.team-mark{display:none}.leadership-grid{gap:12px}.leader-card{padding:18px}.leader-card h3{font-size:1rem}.promise-strip{flex-wrap:wrap;justify-content:center;font-size:.7rem}.promise-strip>span:first-child{width:100%;text-align:center}.brand-ribbon{gap:12px}.brand-ribbon>span{gap:12px}.contact-form{max-width:650px;width:100%}.footer-links{justify-content:flex-start}footer{grid-template-columns:100px 1fr}.footer-links{grid-column:1/-1}.whatsapp-float b{display:none}.whatsapp-float{padding:13px}}
@media(max-width:560px){.hero{padding-top:32px}.hero h1{font-size:clamp(2.3rem,9vw,3.2rem)}.eyebrow{font-size:.59rem;letter-spacing:.09em}.hero-actions{display:grid;grid-template-columns:1fr}.hero-actions .button{font-size:.85rem}.hero-assurance{font-size:.68rem}.hero-studio{border-radius:16px}.studio-message{right:3%;padding:2%}.message-icon{width:21px;height:21px;font-size:12px}.studio-message strong{font-size:9px}.studio-message small{font-size:6px}.studio-phone{border-width:3px;border-radius:12px}.studio-phone>strong{font-size:11px}.studio-phone>small{font-size:5px}.phone-art{margin:8% 0;font-size:30px}.phone-line{height:2px;margin:5px 0}.phone-button{padding:3px;margin-top:6px}.studio-flow{bottom:10%;left:6%}.studio-flow>div{gap:6px;margin:5px 0}.studio-flow i{padding:4px 7px;font-size:8px}.studio-flow small,.studio-flow>span{font-size:6px}.studio-caption{font-size:6px;bottom:3%}.studio-topline{font-size:6px}.mockup-layout strong{font-size:25px}.mockup-layout small{font-size:5px}.mockup-nav{font-size:6px}.mockup-toolbar{font-size:6px}.mockup-cta{font-size:6px;padding:5px 7px;margin-top:9px}.mockup-art>span{font-size:60px}.mockup-art>div{border-width:11px}.mockup-bottom{font-size:5px}.brand-ribbon{display:grid;grid-template-columns:1fr 1fr;row-gap:18px;padding-block:22px}.brand-ribbon>span{justify-content:space-between;font-size:1.2rem}.promise-strip{gap:9px 16px}.section{padding-block:50px}.service-list{grid-template-columns:1fr;gap:18px}.service-card{padding:18px}.service-card>p{min-height:0}.service-filters{gap:7px;margin-top:25px}.service-filters button{padding:9px 12px;font-size:.72rem}.audience-card{padding:22px 15px 22px 0}.audience-card h3{font-size:.96rem}.audience-card p{font-size:.8rem}.audience-card>span{right:12px}.leadership-grid{grid-template-columns:1fr}.leader-card{padding:24px}.leader-card h3{font-size:1.2rem}.leader-monogram{float:right;margin:0 0 12px 12px;width:54px;height:54px}.leader-role{clear:both}.contact-form{padding:22px}.contact-form h3{font-size:1.2rem}.footer-bottom{flex-direction:column;gap:8px;padding-bottom:45px}.footer-links{gap:15px 22px}.step{grid-template-columns:28px 1fr;gap:12px}.whatsapp-float{right:14px;bottom:16px}.hero-assurance i{margin:0}.contact-links{font-size:.82rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.mockup-layout{grid-template-columns:1.15fr .85fr}.mockup-layout strong{font-size:clamp(18px,2.4vw,34px)}
@media(max-width:800px){.mockup-layout strong{font-size:clamp(20px,5.1vw,34px)}}