/* NYRO 4: spacious typography, distinct compositions and native scroll. */
:root{--blue:#3c2eff;--blue-hover:#2b20d9;--ink:#232330;--muted:#636370;--night:#232330;--lavender:#eeecff;--soft:#f6f6f9;--content:1560px;--gutter:clamp(24px,4vw,80px);--section:clamp(88px,8vw,148px);--header-height:106px;--line:#dcdce6}
body{font-size:19px;line-height:1.65}
h1,h2,h3,h4{letter-spacing:-.055em}
h1{font-size:clamp(64px,6.8vw,112px);line-height:1.07}
h2{font-size:clamp(44px,4.8vw,76px);line-height:1.12}
h3{font-size:clamp(28px,2.8vw,42px)}
h1 .muted,h2 .muted,h3 .muted{color:var(--blue)}
.eyebrow{font-size:16px;letter-spacing:0;text-transform:none}
.section-intro{display:block;margin-bottom:64px;max-width:1120px}
.section-intro p{font-size:19px;max-width:56ch;margin-top:28px}
.section-intro>.eyebrow{padding:0}
.site-branding{flex-basis:148px}.site-branding img{width:148px;max-height:50px}
.header-inner{gap:28px}.nav-menu{gap:28px}.nav-menu a{font-size:15px;font-weight:500}
.header-cta{font-size:15px;padding:15px 24px;background:var(--blue);border-color:var(--blue);gap:20px}
.header-cta:hover{background:var(--ink);border-color:var(--ink)}
.button,.text-link{font-size:16px;min-height:56px}.button{padding:18px 28px;gap:28px}
.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #3c2eff22}.button:active{transform:translateY(0)}
.text-link{gap:20px}.text-link svg{width:24px;height:24px}.text-link:hover svg{transform:translateX(6px)}
.button--white{background:white;color:var(--blue);border-color:white}.button--white:hover{background:var(--ink);color:white;border-color:var(--ink);box-shadow:none}
.hero-stage{background:#fff;overflow:hidden;border-bottom:1px solid var(--line)}
.home-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:0;min-height:780px;padding-block:32px 50px;align-items:center}
.hero-copy{position:relative;z-index:2;padding-block:42px;min-width:0}
.hero-copy h1{font-size:clamp(65px,5.8vw,100px);line-height:1.07;max-width:9.3em;margin-bottom:34px;letter-spacing:-.06em}
.hero-copy>p{font-size:19px;line-height:1.7;max-width:41ch}
.hero-copy .button-row{flex-direction:row;align-items:center;gap:20px 28px;margin-top:34px}
.hero-copy .button,.hero-copy .text-link{font-size:16px}.hero-copy .button{padding:18px 26px}
.hero-film{height:720px;position:relative;min-width:0;width:100%;margin:0;z-index:1}
.hero-film-frame{height:100%;position:relative;overflow:hidden;background:#fff}
/* The source is half empty: enlarge the rendered object while retaining white safety margins. */
.hero-film-frame img,.hero-film-frame video{width:100%;height:100%;object-fit:cover;object-position:51% center;transform:scale(1.1)}
.hero-film .motion-toggle{position:absolute;right:0;bottom:0;z-index:3;min-height:44px;font-size:14px;padding:10px 17px;background:#fff;border:1px solid var(--line)}
.editorial-intro{display:block;max-width:var(--content)}
.editorial-intro h2{font-size:clamp(44px,4.6vw,76px);max-width:1180px;line-height:1.17}
.editorial-bottom{margin-top:42px;display:grid;grid-template-columns:1.5fr 1fr;gap:12%;align-items:end}
.editorial-bottom p{font-size:19px;max-width:57ch}.editorial-bottom .text-link{font-size:16px;justify-self:end;white-space:normal}
.solutions{padding-top:30px}
.solutions .section-intro{max-width:1100px}
.solution-row{position:relative;display:grid;grid-template-columns:1.05fr 240px 1fr 64px;gap:34px;padding-block:42px;min-height:190px;isolation:isolate}
.solution-row h3{font-size:clamp(43px,4.4vw,72px);font-weight:500;line-height:1.05;transition:color .3s,transform .5s var(--ease)}
.solution-row h4{font-size:19px;line-height:1.4;margin-bottom:12px;letter-spacing:-.025em;font-weight:500}
.solution-row p{font-size:18px;line-height:1.65;max-width:39ch}
.solution-row .circle-arrow{width:64px;height:64px}
.solution-row:hover h3,.solution-row:focus-visible h3{color:var(--blue);transform:translateX(12px)}
.solution-row:focus-visible .circle-arrow{background:var(--blue);color:white}
.solution-visual{display:flex;align-items:center;justify-content:center;width:220px;height:140px;background:var(--blue);color:#fff;border-radius:100px;overflow:hidden;opacity:0;transform:scale(.85) rotate(-6deg);transition:opacity .4s,transform .65s var(--ease);pointer-events:none}
.solution-row:hover .solution-visual,.solution-row:focus-visible .solution-visual{opacity:1;transform:scale(1.12) rotate(0)}
.solution-thumbnail{width:100%;height:100%;object-fit:cover;object-position:left top}
.solution-visual--mail{background:var(--blue);border-radius:16px;position:relative;box-shadow:inset 0 1px 0 #ffffff40}
.solution-visual--mail::before,.solution-visual--mail::after{content:"";position:absolute;width:75%;height:100%;top:-55%;border:1px solid #ffffff80;transform:rotate(38deg)}
.mail-glyph{font-size:72px;z-index:1}.answer-glyph,.media-glyph{font-size:23px;line-height:1.25;letter-spacing:-.035em;text-align:center}.answer-glyph b,.media-glyph b{font-weight:500}
.solution-visual--web{background:var(--ink);border-radius:20px}.solution-visual--media{border-radius:12px;background:var(--blue);height:160px;width:170px;margin-left:25px}
.integration-note{background:transparent;border-radius:0;border-bottom:1px solid var(--line);padding:34px 0;gap:30px;margin-top:0}
.integration-note p{font-size:18px;max-width:65ch}.integration-note .text-link{font-size:16px}.integration-symbol{font-size:48px}
.closing-cta{position:relative;background:var(--blue);color:white;border:0;overflow:hidden;padding-top:160px;isolation:isolate}
.cta-curve{position:absolute;top:-1px;left:-10%;width:120%;height:170px;background:#fff;border-radius:0 0 50% 50%;transform-origin:center top;transform:scaleY(var(--curve-scale,1));pointer-events:none}
.closing-inner{position:relative;padding-block:66px 108px;z-index:1}
.closing-inner h2{max-width:none;margin-bottom:54px;font-weight:500;line-height:1}
.closing-inner h2 span{display:block;color:#fff}
.closing-prelude{font-size:clamp(35px,3.4vw,54px);margin-bottom:25px;letter-spacing:-.045em}
.closing-statement{font-size:clamp(66px,9.5vw,156px);letter-spacing:-.07em}
.closing-action{display:flex;justify-content:space-between;align-items:end;gap:48px}
.closing-action p{color:#fff;max-width:44ch;font-size:20px}.closing-action .button{flex-shrink:0;min-width:240px}
.footer-top{gap:6%;padding-bottom:72px}.site-footer{padding-top:80px}.footer-logo{width:155px;max-height:52px}
.footer-brand p,.footer-contact p,.footer-top nav{font-size:16px}.footer-label{font-size:15px;text-transform:none;letter-spacing:0;color:#c1c1cb}
.footer-contact>a{font-size:21px}.footer-bottom{font-size:14px}
/* Wide photography: the crop opens with scroll; the photo moves independently. */
.collaboration{margin:0 0 var(--section);position:relative;background:var(--blue);overflow:hidden}
.collaboration-crop{height:clamp(440px,42vw,720px);overflow:hidden;clip-path:inset(0);background:var(--blue)}
.image-scroll-ready .collaboration-crop{clip-path:inset(0 var(--image-inset,18%) round var(--image-radius,180px))}
.collaboration-photo{height:calc(100% + 100px);margin-top:-50px}
.collaboration-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}
.collaboration figcaption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px var(--gutter);color:#fff;max-width:1720px;margin:auto}
.collaboration figcaption>span{font-size:clamp(25px,2.8vw,44px);letter-spacing:-.045em;font-weight:500}.collaboration figcaption small{font-size:16px}
/* Case presentation: generous image area, native slider, deliberate copy transitions. */
.showcase-section{background:#181820;color:#fff;padding-block:110px;overflow:hidden}
.showcase-heading{margin-bottom:52px}.showcase-heading h2{font-size:clamp(50px,5.8vw,90px)}.showcase-heading .accent{color:#fff}.showcase-heading .text-link{font-size:16px}
.showcase-track{border-radius:0;background:transparent}.showcase-slide{grid-template-columns:1.5fr 1fr;align-items:stretch}
.showcase-image{min-height:590px;background:#eeecff;border-radius:24px;overflow:hidden;align-items:center}
.showcase-copy{padding:40px 0 40px 64px;color:white}.showcase-kind{font-size:17px;color:#bcb8ff;display:block;margin-bottom:26px}
.showcase-copy h3{font-size:clamp(37px,3.1vw,51px);line-height:1.16;margin-bottom:30px}.showcase-copy p{font-size:18px;color:#c8c8d2;line-height:1.75}.showcase-copy .text-link{font-size:16px;margin-top:30px}
.slider-ready .showcase-copy>*{opacity:.35;transform:translateY(24px);transition:opacity .6s var(--ease),transform .7s var(--ease)}
.slider-ready .is-active .showcase-copy>*{opacity:1;transform:none}.slider-ready .is-active .showcase-copy p{transition-delay:.06s}.slider-ready .is-active .showcase-copy .text-link{transition-delay:.1s}
.browser-preview{width:88%;margin:45px auto;border-radius:12px}.browser-chrome{height:30px}.browser-chrome i{width:6px;height:6px}.browser-chrome span{display:none}
.showcase-image>.brand-decoration{--mark-size:300px}.site-preview{aspect-ratio:16/10}
.slider-toolbar{justify-content:flex-end;margin-top:28px;background:transparent;font-size:16px}.slider-count{font-size:16px;color:#c8c8d2;margin-right:16px}.slider-controls{gap:12px}.slider-controls button{width:56px;height:56px;color:#fff;border-color:#ffffff50}.slider-controls button:hover:enabled{background:var(--blue);border-color:var(--blue)}
.mini-ui-label{font-size:16px;letter-spacing:0;text-transform:none}
.mail-preview{max-width:530px;width:82%;margin:38px auto}.mail-example,.mail-result{padding:30px}.mail-example>span{font-size:16px;color:var(--blue)}.mail-example h4{font-size:27px;margin-block:18px 12px}.mail-example p,.mail-result p{font-size:17px;line-height:1.55}.mail-result h4{font-size:36px;margin-block:18px}.mail-result .mini-ui-label{color:#c3bfff}.approval-tag{font-size:16px;color:#c3bfff}.mail-connector{line-height:48px;font-size:32px}
.content-preview{width:84%;gap:28px}.content-source,.content-concept{padding:30px;min-height:360px}.content-source strong,.content-concept strong{font-size:clamp(35px,3.1vw,49px)}.content-source>span:last-child,.content-concept>span:last-child{font-size:16px}.content-concept{margin-top:65px;transform:rotate(5deg)}
.mail-example{color:var(--ink)}
.content-source,.content-concept{min-width:0}
/* The short sticky story keeps the text native and swaps only the illustrative diagram. */
.scroll-story{background:var(--ink);padding-block:116px;color:#fff}.story-layout{grid-template-columns:1.15fr 1fr;gap:10%;align-items:start}
.story-sticky{position:static}.story-sticky h2{font-size:clamp(43px,3.7vw,62px);line-height:1.13}.story-sticky h2 span{color:#c0bcff}
.story-demo{margin-top:40px;padding:28px;background:#f0eeff;color:var(--ink);border-radius:20px;overflow:hidden}.story-demo-label{font-size:16px;display:block;color:#57516a;margin-bottom:20px}
.story-scenes{position:relative;min-height:330px}.story-scene{position:absolute;inset:0;opacity:0;transform:translateY(24px) scale(.96);transition:opacity .5s var(--ease),transform .6s var(--ease);pointer-events:none;display:grid;align-items:center}.story-scene.is-active{opacity:1;transform:none}
.scene-mail,.scene-result{background:white;border-radius:12px;padding:26px;position:relative}.scene-mail>span,.scene-result>span{font-size:16px;color:var(--blue)}.scene-mail strong,.scene-result strong{display:block;font-weight:500;letter-spacing:-.05em;font-size:37px;line-height:1.13;margin-block:22px}.scene-mail p,.scene-result p{font-size:17px;line-height:1.55;max-width:37ch}.scene-mail i{position:absolute;right:24px;top:25px;font-style:normal;font-size:40px;color:var(--blue)}
.scene-flow{display:grid;justify-items:stretch;text-align:center;gap:10px}.scene-flow span{background:#fff;padding:21px 15px;border-radius:12px;font-size:21px;letter-spacing:-.02em}.scene-flow .scene-highlight{background:var(--blue);color:white}.scene-flow b{font-size:27px;line-height:1;color:var(--blue);font-weight:400}
.scene-result{background:var(--blue);color:white}.scene-result>span,.scene-result p{color:#fff}.scene-result em{display:block;font-style:normal;font-size:16px;margin-top:22px}.story-indicators{display:flex;gap:8px;margin-top:20px}.story-indicators i{height:4px;flex:1;background:#c9c4e1;border-radius:4px;transition:background .3s}.story-indicators i.is-active{background:var(--blue)}
.story-chapters article{min-height:410px;padding:34px 0 74px;border-top:1px solid #ffffff30;position:relative}.story-chapters article:last-child{min-height:370px;padding-bottom:20px}.story-chapters h3{font-size:clamp(30px,2.9vw,44px);line-height:1.2;margin-bottom:26px}.story-chapters p{font-size:19px;line-height:1.8;color:#c5c4d1}.story-chapters .text-link{font-size:16px;margin-top:25px}
.story-enhanced .story-chapters article::before{content:"";position:absolute;left:0;top:-1px;right:0;height:2px;background:#aaa1ff;transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.story-enhanced .chapter-active::before{transform:scaleX(1)!important}
@media(min-width:1001px) and (min-height:720px){.story-enhanced .story-sticky{position:sticky;top:calc(var(--header-height) + 30px)}}
/* Quiet, readable pricing and FAQ balance the visual sections. */
.pricing-section{background:var(--soft)}.pricing-grid{gap:28px}.price-card{padding:42px;border-radius:20px}.price-card h3{font-size:32px;min-height:78px;line-height:1.2;margin-bottom:24px}.price-card>p{font-size:18px;margin-bottom:34px}.package-price{font-size:38px;margin-bottom:28px}.package-scope{padding-top:22px;margin-bottom:30px}.package-scope p{font-size:16px;line-height:1.7;margin-top:0}.price-card .button{font-size:16px;padding:17px 20px;min-height:56px}.price-note{font-size:16px;line-height:1.75;margin-top:30px;max-width:85ch}
.price-card:nth-child(2){background:var(--blue);color:#fff;border-color:var(--blue)}.price-card:nth-child(2) p{color:#fff}.price-card:nth-child(2) .package-scope{border-color:#ffffff40}.price-card:nth-child(2) .button{background:#fff;color:var(--blue);border-color:#fff}.price-card:nth-child(2) .button:hover{background:var(--ink);color:white;border-color:var(--ink)}
.steps{gap:50px}.step-number{font-size:18px;margin-bottom:28px}.steps h3{font-size:31px;margin-bottom:20px}.steps p{font-size:18px;line-height:1.75}.process-section{border:0}
.faq-layout{grid-template-columns:1fr 1.05fr;gap:9%}.faq-layout h2{font-size:clamp(42px,3.8vw,60px);line-height:1.16;margin-bottom:30px}.faq-layout>div>p{font-size:18px}.faq-list summary{font-size:18px;padding-block:28px;line-height:1.55}.faq-list details>div{padding-bottom:30px}.faq-list p{font-size:17px;line-height:1.8}.faq-list summary span{font-size:28px}
/* Supporting pages share the scale, with their own images and functional labels. */
.page-hero{padding-block:94px 90px}.page-hero h1{font-size:clamp(60px,5.8vw,100px);max-width:1120px}.page-hero p,.page-hero-decoration .page-hero p{font-size:20px;line-height:1.7;max-width:54ch;margin-top:32px}.page-hero .eyebrow{font-size:17px;margin-bottom:22px}
.page-hero-decoration>.brand-decoration{--mark-size:clamp(250px,26vw,440px)}.page-jumps{padding-top:35px;gap:12px}.page-jumps a{font-size:16px;padding:12px 20px}
.page-hero--split{grid-template-columns:1.15fr 1fr;gap:10%;padding-block:70px 90px}.page-hero--split h1{font-size:clamp(70px,6.4vw,106px)}.page-hero--split p{font-size:19px;max-width:48ch}.page-hero--split .text-link{margin-top:22px}
.about-visual{background:white;padding:0;border-radius:0;overflow:visible;width:100%;max-width:none}.about-photo{overflow:visible;border-radius:0}.about-photo img{width:100%}.about-statement{font-size:clamp(36px,4.6vw,73px);line-height:1.23;max-width:1290px}.principles{gap:50px;margin-top:72px}.principles h3{font-size:30px;line-height:1.22}.principles p{font-size:18px;line-height:1.75}.about-band{background:var(--soft)}
.service-detail{gap:8%;padding-block:96px}.service-detail h2{font-size:clamp(40px,4vw,65px);margin-block:15px 30px}.service-detail p{font-size:19px;line-height:1.75}.service-detail .eyebrow{font-size:18px;letter-spacing:0}.check-list li{font-size:18px;padding-block:14px}
.service-art{min-height:440px;padding:40px;border-radius:22px}.service-art--website{background:var(--lavender);min-height:480px}.service-art--website .site-preview{aspect-ratio:16/10}.service-art--website .browser-preview{width:100%;margin:0}.service-art>.brand-decoration{--mark-size:200px}
.art-label{font-size:17px;text-transform:none;letter-spacing:0;margin-bottom:30px}.art-row{font-size:18px;padding:22px;gap:16px;margin-bottom:16px}.art-row small{font-size:15px;padding:6px 10px}.art-search{font-size:18px;padding:22px}.art-answer{font-size:24px;padding:30px}.art-answer small{font-size:16px;color:#fff;line-height:1.7}.media-tile{padding:26px;font-size:18px;min-height:280px}.media-tile strong{font-size:34px}.media-tile small{font-size:16px;line-height:1.4}
.integration-panel{background:var(--blue);gap:8%;padding:70px}.integration-panel h2{font-size:clamp(39px,4vw,64px)}.integration-panel p{font-size:19px;color:#fff;line-height:1.75}.integration-flow span{font-size:18px;padding:24px;background:#ffffff15}.integration-flow b{font-size:34px;color:white}
.engagements{gap:28px}.engagement{padding:38px;border-radius:18px}.engagement h3{font-size:35px;margin-bottom:28px}.engagement p{font-size:18px;line-height:1.75}.engagement:nth-child(2){background:var(--blue);color:#fff}.engagement:nth-child(2) p{color:white}
.example-section{background:var(--soft);padding-block:100px}.example-layout{grid-template-columns:1fr 1.05fr;gap:8%}.example-layout h2{font-size:clamp(43px,4vw,64px)}.example-layout p{font-size:19px}.example-note{font-size:16px;line-height:1.7}
.workbench{max-width:none;padding:30px;border-radius:20px;background:#fff}.workbench-top{font-size:16px}.demo-label{font-size:16px;background:none;color:var(--blue);padding:0;margin:0}.workflow-tabs{gap:7px;margin-block:24px}.workflow-tabs button{font-size:16px;padding:14px 10px}.workflow-input,.workflow-output{padding:24px}.ui-label{font-size:16px}.workflow-input h3{font-size:23px;line-height:1.4;margin-top:18px}.workflow-input p,.draft p{font-size:17px}.workflow-output>small{font-size:16px;line-height:1.6;margin:12px 0 20px}.draft{padding:20px}.draft h4{font-size:17px;margin-bottom:14px}.approval{font-size:16px;gap:16px;margin-top:20px}.workbench-note{font-size:16px;line-height:1.7;margin-top:24px}.workflow-connector{height:64px}.workflow-connector b{font-size:23px;font-weight:400}
.scenario-row{grid-template-columns:1fr 1fr;gap:10%;padding-block:60px}.scenario-row h3{font-size:36px}.scenario-row p{font-size:19px;line-height:1.75}.scenario-row .text-link{font-size:16px}.scenario-flow{font-size:16px;gap:12px;margin-top:26px}.scenario-flow span{padding:10px 14px}
.contact-layout{gap:10%;padding-bottom:116px}.contact-panel{padding:42px 42px 230px;border-radius:22px;background:#fff}.contact-panel h2,.contact-next h2{font-size:42px;line-height:1.2}.contact-panel>p,.contact-next p{font-size:18px;line-height:1.75}.contact-panel .contact-small{font-size:16px;line-height:1.7}.contact-email{font-size:25px;line-height:1.5}.contact-next h3{font-size:24px;line-height:1.3}.contact-next li{grid-template-columns:34px 1fr;gap:20px;margin-bottom:32px}.contact-next li::before{font-size:17px}.contact-form label{font-size:16px}.contact-form input,.contact-form textarea{font-size:17px;padding:14px}.form-help,.form-notice{font-size:16px}
[data-parallax]{transform:translate3d(0,var(--parallax-y,0px),0)}
@media(max-width:1200px){
 .showcase-copy{padding-left:40px}.showcase-copy h3{font-size:38px}.showcase-image{min-height:560px}.content-preview{gap:16px}.content-source,.content-concept{padding:22px;min-height:310px}.content-source strong,.content-concept strong{font-size:35px}.price-card{padding:30px}.price-card h3{font-size:29px}.price-card .button{gap:14px;padding-inline:16px}.story-layout{gap:7%}.story-sticky h2{font-size:44px}.scene-mail strong,.scene-result strong{font-size:32px}.story-chapters p{font-size:18px}
 .art-row{font-size:16px;padding:17px}.art-row small{font-size:14px}.integration-panel{padding:50px}.engagement{padding:28px}.engagement h3{font-size:31px}.media-tile{padding:20px}.media-tile strong{font-size:30px}.contact-panel{padding-inline:30px}.contact-email{font-size:22px}
 .nav-menu{gap:18px}.header-inner{gap:20px}.nav-menu a{font-size:14px}.header-cta{padding:14px 18px;font-size:14px}.site-branding{flex-basis:126px}.site-branding img{width:126px}
 .home-hero{min-height:680px;padding-block:25px 40px}.hero-copy h1{font-size:clamp(60px,6vw,76px)}.hero-film{height:640px}.hero-copy>p{font-size:18px}.hero-copy .button-row{gap:12px;flex-direction:column;align-items:start}
 .solution-row{grid-template-columns:1fr 160px 1.1fr 54px;gap:26px}.solution-visual{width:150px;height:120px}.solution-visual--media{margin-left:0}.solution-row h3{font-size:50px}.solution-row .circle-arrow{width:54px;height:54px}
}
@media(max-width:1000px){
 .showcase-slide{grid-template-columns:1.1fr 1fr}.showcase-copy{padding-left:30px}.showcase-copy h3{font-size:35px}.showcase-copy p{font-size:18px}.mail-preview{width:88%}.mail-example,.mail-result{padding:22px}.mail-result h4{font-size:30px}.content-preview{width:86%;gap:14px}.content-source,.content-concept{padding:18px}.content-source strong,.content-concept strong{font-size:30px}
 .story-layout{grid-template-columns:1fr;gap:50px}.story-sticky{max-width:760px;margin:auto;width:100%}.story-chapters{display:grid;grid-template-columns:1fr;gap:30px}.story-chapters article{min-height:0;padding-block:28px 30px}.story-chapters article:last-child{min-height:0}.story-demo{max-width:670px}.story-scenes{min-height:315px}.story-indicators{display:none}
 .pricing-grid{gap:18px}.price-card{padding:24px}.price-card h3{font-size:26px;min-height:68px}.price-card>p{font-size:17px}.package-price{font-size:31px}.price-card .button{font-size:15px}.price-card .button svg{display:none}.faq-layout{gap:6%}.faq-layout h2{font-size:43px}.principles{gap:30px}.principles h3{font-size:25px}.page-hero--split{gap:6%}.page-hero--split h1{font-size:62px}.page-hero--split p{font-size:18px}
 .example-layout{grid-template-columns:1fr;gap:55px}.workbench{max-width:740px;margin:auto;width:100%}.art-row{flex-wrap:wrap}.art-row small{margin-left:0}.integration-flow{justify-content:start}.integration-flow span{font-size:17px}.scenario-row h3{font-size:31px}.scenario-row{gap:6%}.contact-layout{gap:6%}.contact-panel h2,.contact-next h2{font-size:35px}.contact-email{font-size:19px}.contact-panel{padding-inline:25px}
 :root{--header-height:90px}.header-cta{display:none}.menu-toggle:not([hidden]){font-size:16px;min-height:48px}.site-branding img{width:138px}.site-branding{flex-basis:138px}
 .primary-navigation{width:100%}.js-nav .primary-navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:24px var(--gutter);background:#fff;border-bottom:1px solid var(--line);max-height:calc(100dvh - var(--header-height));overflow-y:auto}
 .menu-toggle:not([hidden]){display:flex}.js-nav.menu-is-open .primary-navigation{display:block}.js-nav .nav-menu{display:block}.js-nav .nav-menu a{font-size:24px;padding-block:16px}
 .home-hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(48px,6.3vw,64px)}.hero-film{height:560px}.hero-copy>p{font-size:18px}
 .solution-row{grid-template-columns:1fr 1fr 54px}.solution-visual{display:none}.solution-row h3{font-size:49px}
}
@media(max-width:767px){
 .collaboration{margin-bottom:76px}.collaboration-crop{height:370px;clip-path:none}.collaboration-photo{height:100%;margin:0}.collaboration figcaption{display:block;padding-block:24px}.collaboration figcaption>span{font-size:29px;display:block}.collaboration figcaption small{font-size:16px;display:block;margin-top:8px}
 .showcase-section{padding-block:70px}.showcase-heading{margin-bottom:25px;gap:18px;align-items:start}.showcase-heading h2{font-size:clamp(42px,9vw,62px)}.showcase-heading .text-link{font-size:16px}.showcase-slide{grid-template-columns:1fr;grid-template-rows:400px 1fr}.showcase-image{height:400px;min-height:0;border-radius:16px}.showcase-copy{padding:30px 0 15px}.showcase-kind{font-size:16px;margin-bottom:20px}.showcase-copy h3{font-size:34px;line-height:1.18;margin-bottom:22px}.showcase-copy p{font-size:17px}.showcase-copy .text-link{font-size:16px;margin-top:24px}
 .slider-toolbar{order:-1;position:sticky;top:var(--header-height);background:#181820;padding-block:14px;margin:0 0 20px;justify-content:flex-end}.slider-count{font-size:16px}.slider-controls button{width:48px;height:48px}.slider-ready .showcase-copy>*{transform:none;opacity:1}
 .browser-preview{width:88%;margin:30px auto}.site-preview{aspect-ratio:16/10}.showcase-image>.brand-decoration{--mark-size:220px}.mail-preview{display:block;max-width:400px;width:86%;margin:24px auto}.mail-example,.mail-result{padding:20px;min-height:0}.mail-example>span{font-size:16px}.mail-example h4{font-size:25px;line-height:1.2;margin:14px 0 0}.mail-example p,.mail-result p{display:none}.mail-result{margin:20px 0 0 22px}.mail-result h4{font-size:28px;margin-block:12px;line-height:1.2}.mail-result .mini-ui-label{font-size:16px}.approval-tag{font-size:16px;margin-top:14px}.mail-connector{display:none}
 .content-preview{width:84%;max-width:440px;gap:16px;margin:26px auto}.content-source,.content-concept{padding:18px;min-height:260px;aspect-ratio:auto}.content-source strong,.content-concept strong{font-size:28px}.content-preview .mini-ui-label{font-size:16px}.content-source>span:last-child,.content-concept>span:last-child{font-size:16px}.content-concept{margin-top:35px}
 .scroll-story{padding-block:76px}.story-layout{gap:44px}.story-sticky h2{font-size:40px}.story-demo{padding:22px;margin-top:30px}.story-scenes{min-height:300px}.scene-mail,.scene-result{padding:22px}.scene-mail strong,.scene-result strong{font-size:33px}.story-chapters h3{font-size:31px}.story-chapters p{font-size:17px}.story-chapters .text-link{font-size:16px}.story-chapters article{min-height:0;padding-block:28px}.story-chapters article:last-child{min-height:0}.story-chapters{gap:10px}
 .pricing-grid{grid-template-columns:1fr;gap:22px}.price-card{padding:30px}.price-card h3{font-size:31px;min-height:0;margin-bottom:22px}.price-card>p{font-size:17px;margin-bottom:30px}.package-price{font-size:35px}.price-card .button{font-size:16px}.price-card .button svg{display:block}.package-scope p,.price-note{font-size:16px}
 .steps{gap:35px}.steps h3{font-size:29px}.steps p{font-size:17px}.step-number{font-size:17px;margin-bottom:20px}.faq-layout{grid-template-columns:1fr;gap:36px}.faq-layout h2{font-size:39px}.faq-layout>div>p{font-size:17px}.faq-list summary{font-size:17px;padding-block:24px}.faq-list p{font-size:17px}
 .page-hero{padding-block:52px 62px}.page-hero h1{font-size:clamp(45px,10vw,68px)}.page-hero p,.page-hero-decoration .page-hero p{font-size:18px;line-height:1.7}.page-hero-decoration>.brand-decoration{display:none}.page-hero-decoration .page-hero{padding-bottom:65px}.page-jumps a{font-size:16px;padding:10px 17px}.page-jumps{gap:10px}
 .page-hero--split{grid-template-columns:1fr;gap:55px;padding-top:45px}.page-hero--split h1{font-size:clamp(53px,11vw,77px)}.page-hero--split p{font-size:18px}.about-visual{max-width:580px;padding:0}.about-statement{font-size:35px;line-height:1.28}.principles{grid-template-columns:1fr;gap:35px;margin-top:50px}.principles h3{font-size:29px}.principles p{font-size:17px}
 .service-detail{grid-template-columns:1fr;gap:38px;padding-block:70px}.service-detail h2{font-size:40px}.service-detail p{font-size:18px}.check-list li{font-size:17px}.service-art{min-height:360px;padding:28px}.service-art--website{min-height:350px;padding:28px}.art-label{font-size:17px}.art-row{font-size:17px;padding:18px}.art-row small{font-size:16px}.art-search{font-size:17px;padding:18px}.art-answer{font-size:23px;padding:24px;margin-left:12px}.art-answer small{font-size:16px}.media-art-grid{gap:15px}.media-tile{padding:18px;min-height:250px;font-size:16px}.media-tile strong{font-size:27px}.media-tile small{font-size:16px}
 .integration-panel{padding:36px 26px;gap:35px;border-radius:20px}.integration-panel h2{font-size:39px}.integration-panel p{font-size:18px}.integration-flow{gap:10px}.integration-flow span{font-size:16px;padding:15px}.integration-flow b{font-size:26px}
 .engagements{grid-template-columns:1fr;gap:22px}.engagement{padding:32px}.engagement h3{font-size:33px}.engagement p{font-size:17px}.example-section{padding-block:72px}.example-layout{gap:42px}.example-layout h2{font-size:40px}.example-layout p{font-size:18px}.example-note{font-size:16px}.workbench{padding:22px}.workflow-tabs button{font-size:16px;padding:13px 6px}.workflow-input,.workflow-output{padding:20px}.workflow-input h3{font-size:23px}.workflow-input p,.draft p{font-size:17px}.ui-label,.workflow-output>small,.approval,.workbench-note,.demo-label{font-size:16px}.draft{padding:16px}.draft h4{font-size:17px}.scenario-row{grid-template-columns:1fr;gap:28px;padding-block:45px}.scenario-row>div:last-child{grid-column:auto}.scenario-row h3{font-size:31px}.scenario-row p{font-size:18px}.scenario-flow{font-size:16px}
 .contact-layout{grid-template-columns:1fr;gap:55px;padding-bottom:76px}.contact-panel{padding:28px 28px 200px}.contact-panel>.brand-decoration{--mark-size:170px}.contact-panel h2,.contact-next h2{font-size:36px}.contact-panel>p,.contact-next p{font-size:18px}.contact-email{font-size:19px;gap:12px}.contact-next h3{font-size:24px}.contact-panel .contact-small{font-size:16px}.contact-next li::before{font-size:16px}
 :root{--header-height:82px;--section:76px;--gutter:24px}body{font-size:17px}h1{font-size:clamp(45px,10vw,70px)}h2{font-size:clamp(36px,7.8vw,54px);line-height:1.16}.section-intro{margin-bottom:36px}.section-intro p{font-size:17px}
 .button,.text-link,.hero-copy .button,.hero-copy .text-link{font-size:16px}.button{padding:16px 24px;gap:24px}.button-row{gap:16px}
 .home-hero{grid-template-columns:1fr;min-height:0;padding-block:38px 26px;gap:0}.hero-copy{padding:0;max-width:620px}.hero-copy h1{font-size:clamp(45px,10.6vw,69px);max-width:12em;line-height:1.1;margin-bottom:25px}.hero-copy>p{font-size:17px;max-width:45ch}
 .hero-copy .button-row{flex-direction:row;align-items:center;gap:10px 20px;margin-top:25px}.hero-copy .button{font-size:16px;padding:16px 22px}.hero-copy .text-link{min-height:44px}
 .hero-film{height:clamp(310px,85vw,580px);width:100%;max-width:650px;margin:8px auto 0}.hero-film-frame{height:100%}.hero-film-frame img,.hero-film-frame video{object-position:51% center;transform:scale(1.06)}
 .hero-film .motion-toggle{font-size:14px;bottom:0;padding:9px 14px;min-height:44px}
 .editorial-intro h2{font-size:clamp(36px,7.5vw,53px);line-height:1.2}.editorial-bottom{display:block;margin-top:30px}.editorial-bottom p{font-size:17px}.editorial-bottom .text-link{margin-top:20px;justify-self:start}
 .solutions{padding-top:0}.solution-row{grid-template-columns:1fr 48px;padding-block:30px;gap:20px;min-height:0}.solution-row h3{font-size:clamp(39px,9vw,54px)}.solution-row>.solution-description{grid-row:2;grid-column:1/-1}.solution-row p{font-size:17px;max-width:48ch}.solution-row h4{font-size:18px}.solution-row .circle-arrow{width:48px;height:48px;grid-column:2;grid-row:1}.solution-visual{display:none}
 .integration-note{display:block;padding-block:28px}.integration-symbol{display:none}.integration-note p{font-size:17px}.integration-note .text-link{margin:16px 0 0}
 .closing-cta{padding-top:75px}.cta-curve{height:76px}.closing-inner{padding-block:48px 70px}.closing-prelude{font-size:30px;margin-bottom:20px}.closing-statement{font-size:clamp(56px,13vw,95px);line-height:1.04}.closing-inner h2{margin-bottom:32px;max-width:620px}.closing-action{display:block}.closing-action p{font-size:18px;max-width:40ch}.closing-action .button{margin-top:28px;min-width:0}
 .footer-contact>a{font-size:19px}.footer-top{gap:40px}.footer-bottom{font-size:14px}.site-footer{padding-top:60px}
 [data-parallax]{transform:none}
}
@media(max-width:767px){.content-preview{grid-template-columns:1fr;width:86%;gap:16px;margin:18px auto}.content-source{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:8px;min-height:120px;padding:18px}.content-source strong{grid-column:2;grid-row:1;font-size:24px}.content-source>span:last-child{grid-column:1/-1;grid-row:2}.content-concept{margin-top:0;min-height:190px;padding:22px;transform:rotate(3deg)}.content-concept strong{font-size:28px}}
@media(max-width:380px){:root{--gutter:20px}.hero-copy h1{font-size:43px}.hero-copy .button-row{display:block}.hero-copy .text-link{margin-top:12px}.hero-film{height:300px}.closing-statement{font-size:55px}.footer-contact>a{font-size:17px}}
@media(max-width:1000px){html:not(.js-nav) .header-inner{flex-wrap:wrap;padding-block:20px}html:not(.js-nav) .primary-navigation{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){[data-parallax]{transform:none!important}.hero-film-frame video{display:none}.cta-curve{transform:none}.solution-row h3,.solution-visual{transform:none!important}}
/* NYRO 5: shared motion vocabulary and the supplied interface mockup. */
:root{--motion-enter:760ms;--motion-hover:380ms;--motion-ease:cubic-bezier(.22,1,.36,1)}
[data-reveal]{transition:opacity var(--motion-enter) var(--motion-ease),transform var(--motion-enter) var(--motion-ease),clip-path var(--motion-enter) var(--motion-ease);transition-delay:var(--reveal-delay,0ms);clip-path:inset(0);transform:none;opacity:1}
[data-reveal].reveal-pending{transition:none;opacity:0;transform:translate3d(0,18px,0)}
[data-reveal="text"].reveal-pending{opacity:1;clip-path:inset(0 0 100%);transform:translate3d(0,18px,0)}
[data-reveal="panel"].reveal-pending{transform:scale(.965);transform-origin:center}
[data-reveal="line"].reveal-pending{transform:translate3d(-14px,0,0)}
[data-reveal="quiet"].reveal-pending{transform:none;opacity:0}
[data-reveal]:focus-within{opacity:1!important;transform:none!important;clip-path:inset(0)!important}
.solution-row h3,.solution-visual,.circle-arrow,.button,.text-link svg,.footer-top a{transition-duration:var(--motion-hover);transition-timing-function:var(--motion-ease)}
.solution-row:focus-visible .circle-arrow{transform:rotate(-35deg);border-color:var(--blue)}
.solution-visual--webdesign{border-radius:18px}
.design-glyph{width:100%;height:100%;padding:18px 26px;display:grid;align-content:start;gap:16px}
.design-chrome{display:flex;gap:6px;border-bottom:1px solid #ffffff60;padding-bottom:12px}
.design-chrome i{width:5px;height:5px;border-radius:50%;background:white}
.design-glyph b{font-size:25px;line-height:1.1;letter-spacing:-.04em;font-weight:500}
.mail-glyph{font-size:44px;font-weight:500;letter-spacing:-.05em;background:var(--blue);padding:4px 16px;border-radius:8px}
.site-footer{background:#000000}
.contact-panel{padding:42px;align-self:start}
.collaboration{background:#fff;margin-inline:var(--gutter);border-radius:24px;margin-bottom:var(--section)}
.collaboration-crop{height:auto;aspect-ratio:16/9;background:#e7eff5;position:relative}
.image-scroll-ready .collaboration-crop{clip-path:inset(0 var(--image-inset,14%) round var(--image-radius,100px))}
.collaboration-photo{height:calc(100% + 48px);margin-top:-24px;position:absolute;inset-inline:0;top:0}
.collaboration-photo img{width:100%;height:100%;object-fit:cover;object-position:center}
.collaboration figcaption{color:var(--ink);padding:28px 0 0;max-width:none;align-items:baseline}
.collaboration figcaption small{color:var(--muted);font-size:16px;flex-shrink:0}
.collaboration figcaption>span{font-size:clamp(26px,2.6vw,42px)}
.about-band{position:relative;overflow:hidden;isolation:isolate}
.about-band>.brand-decoration{--mark-size:100px}
.about-band>.container{position:relative;z-index:1}
.closing-cta>.brand-decoration{--mark-size:90px;z-index:0}
@media(max-width:1200px){.design-glyph{padding:15px 18px;gap:12px}.design-glyph b{font-size:23px}.mail-glyph{font-size:36px}}
@media(max-width:767px){
 [data-reveal]{--motion-enter:620ms}
 [data-reveal].reveal-pending{transform:translate3d(0,12px,0)}
 [data-reveal="panel"].reveal-pending{transform:scale(.98)}
 [data-reveal="line"].reveal-pending{transform:translate3d(-8px,0,0)}
 [data-reveal="quiet"].reveal-pending{transform:none}
 .contact-panel{padding:28px}
 .collaboration{margin-inline:var(--gutter);border-radius:16px;margin-bottom:76px}
 .collaboration-crop{aspect-ratio:4/5;max-height:560px}
 .collaboration-photo{height:100%;margin:0}
 .collaboration-photo img{object-position:50% center}
 .collaboration figcaption{display:block;padding-top:22px}
 .collaboration figcaption>span{font-size:29px;line-height:1.2}
 .collaboration figcaption small{margin-top:12px}
 .closing-cta>.brand-decoration{--mark-size:54px}
 .about-band>.brand-decoration{--mark-size:70px}
}
@media(prefers-reduced-motion:reduce){[data-reveal],[data-reveal].reveal-pending{transition:none!important;opacity:1!important;transform:none!important;clip-path:inset(0)!important}.image-scroll-ready .collaboration-crop{clip-path:inset(0)}}
@media print{[data-reveal],[data-reveal].reveal-pending{opacity:1!important;transform:none!important;clip-path:inset(0)!important}}
/* Keep the two intended headline lines at common desktop widths. */
@media(min-width:1001px){.home-hero{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:clamp(55px,5.5vw,96px)}}
@media(min-width:1001px){.hero-film-frame img,.hero-film-frame video{object-position:56% center;transform:scale(1.06)}}
/* Preserve visible focus outlines on interactive rows and panels. */
[data-reveal]{clip-path:none}
[data-reveal="text"]{clip-path:inset(0)}
[data-reveal]:focus-within{clip-path:none!important}
@media(max-width:767px){.collaboration-crop{aspect-ratio:1/1}}
.button:focus-visible{transform:translateY(-3px);box-shadow:0 12px 30px #3c2eff22}
.button--white:focus-visible,.header-cta:focus-visible{background:var(--ink);color:white;border-color:var(--ink)}
.text-link:focus-visible svg{transform:translateX(6px)}
@media(max-width:767px){.contact-panel{padding:24px}.contact-email{font-size:clamp(16px,4.8vw,19px);white-space:nowrap;gap:8px}}
@media(max-width:380px){.contact-email svg{display:none}}
.page-hero--split>div{min-width:0}
@media(max-width:380px){.page-hero--split h1{font-size:45px}}