/* Paper surfaces and soft relief, inspired by the supplied ShowOff mediakit. */
:root{--black:#2a3a44;--paper:#f5f5f7;--white:#fff;--magenta:#ec10d5;--violet:#ad4fdd;--violet-2:#ad4fdd;--muted:#748089;--line:#2a3a4414;--focus-ring:0 0 0 3px #ec10d52b;--shadow-lift:0 20px 55px #2a3a4410}
body{background:#f8f8fa;color:#2a3a44;font-weight:400}body::before,body::after,.cursor-dot,.progress,.big-runner{display:none}#showoff-scene{visibility:hidden}
h1,h2,h3{font-weight:600;text-transform:none;letter-spacing:-.045em;text-shadow:none}h2{font-size:clamp(32px,4vw,52px);line-height:1.18}p{line-height:1.7}a,button{font-weight:500}.eyebrow{color:#9c4097;font-size:11px;letter-spacing:.15em}.dark .eyebrow{color:#a63aa0}
.topbar{width:min(1080px,calc(100% - 64px));min-height:76px;padding:16px 24px;gap:40px;border:1px solid #ffffffcc;border-radius:22px;background:#ffffff8a;color:#2a3a44;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);box-shadow:0 10px 35px #2a3a440b,inset 0 1px 0 #fff}.topbar:before{display:none}.brand img{width:165px}.nav{gap:30px;font-size:13px}.nav a{color:#61717a}.nav a:hover,.nav a.active,.nav a[aria-current=page]{color:#b400a1}.nav a:after{background:#ec10d5;height:1px;bottom:-6px}.nav .nav-cta{padding:12px 20px;color:#2a3a44;border:1px solid #2a3a4415;background:#f5f5f7;box-shadow:inset 0 1px 0 #fff,0 3px 9px #2a3a4407;border-radius:12px}
.button{min-height:50px;padding:15px 24px;border-radius:12px;text-transform:none;font-size:13px;font-weight:500;letter-spacing:0;transition:transform .2s,box-shadow .2s}.button.primary{background:#2a3a44;color:white;border:1px solid #2a3a44;box-shadow:0 8px 20px #2a3a441b}.button.primary:hover{box-shadow:0 12px 25px #2a3a4425;transform:translateY(-2px)}.button.quiet{border:1px solid #2a3a441a;background:#ffffff80;color:#2a3a44;box-shadow:inset 0 1px 0 #fff}.button:hover{transform:translateY(-2px)}
.dark,.acid,.light,.red-zone{background:#f7f7f9;color:#2a3a44}.section-frame{padding:100px max(32px,calc((100vw - 1160px)/2));min-height:auto}.hero{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 390px;align-items:center;gap:70px;min-height:100svh;padding-top:140px;padding-bottom:75px;background:linear-gradient(140deg,#fcfcfd 30%,#f2f2f5);overflow:hidden}
.hero:before,.hero:after,.inner-heading:before{content:'';position:absolute;pointer-events:none;z-index:0;background:linear-gradient(170deg,#fff,#f0f0f3);border:1px solid #fff;border-radius:50%;box-shadow:0 16px 35px #2a3a440b,inset 0 -1px 0 #fff}.hero:before{width:1300px;height:750px;right:-710px;top:-660px;transform:rotate(20deg)}.hero:after{width:1800px;height:550px;left:-710px;bottom:-520px;transform:rotate(24deg);box-shadow:0 -12px 24px #2a3a4406,inset 0 1px 0 #fff}.hero-inner{z-index:8;pointer-events:none;max-width:630px}.hero h1{color:#2a3a44;background:none;font-size:clamp(44px,5.7vw,74px);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:22px 0 28px;max-width:650px;text-shadow:none}.hero h1 span{color:#e012cc}.hero-copy{max-width:475px;color:#6c7982;font-size:17px;font-weight:400;line-height:1.8}.hero .eyebrow{color:#7b858d;font-size:10px;letter-spacing:.18em}.hero-actions{gap:12px;margin-top:32px}.hero-smoke{z-index:7}.hero-showcase{zoom:.83;width:330px;justify-self:center;perspective:1100px;z-index:8}.phone-halo{inset:auto -18% -8%;height:75px;background:radial-gradient(ellipse,#2a3a4422,transparent 66%);filter:blur(12px);transform:rotate(-8deg);pointer-events:none}
.showoff-phone{padding:11px;border:1px solid #c4c8cb;border-radius:47px;background:linear-gradient(125deg,#fff 5%,#e8e9ec 25%,#fff 55%,#d6d8db);box-shadow:inset 0 0 0 2px #ffffffa6,0 2px 3px #2a3a4410,16px 26px 45px #2a3a4418;transform:rotate(-7deg) rotateY(-9deg) rotateX(4deg);transition:transform .5s}.showoff-phone:before{position:absolute;content:'';top:130px;left:-3px;width:2px;height:46px;background:#bdc3c8;border-radius:4px}.phone-top{color:#2a3a44;background:#fff}.phone-island{background:#2a3a44;width:80px;height:20px}.phone-publication{background:#fafafa}.phone-publication span{color:#7a858e}.phone-demo{background:#f2f2f4}.phone-demo .demo-status{background:#f2f2f4;color:#65737c;font-size:13px}.phone-bottom{background:#fff}.hero-demo-caption{margin-top:28px;color:#2a3a44;gap:9px}.hero-demo-caption small{color:#9c4097;font-size:10px;letter-spacing:.13em}.hero-demo-caption b{font-size:14px;font-weight:500}.hero-demo-caption button{width:38px;height:38px;border:1px solid #ffffffc9;background:#ffffffc9;color:#2a3a44;box-shadow:0 4px 12px #2a3a440c}.hero-gallery-link{margin-top:16px;color:#77828a;font-size:12px}.scroll-label{color:#8b959c;font-size:9px;letter-spacing:.16em}
.proof-panel{background:#f7f7f9;margin:0;padding:24px max(32px,calc((100vw - 1160px)/2)) 75px;color:#2a3a44}.proof-panel__inner{padding:30px 0;background:none;border:0;border-top:1px solid #2a3a4410;border-bottom:1px solid #2a3a4410;border-radius:0;box-shadow:none;backdrop-filter:none}.proof-panel__inner:before,.proof-panel__inner:after,.proof-panel article:before,.proof-panel article:after{display:none}.proof-panel article{min-height:0;padding:8px 24px;background:none;border:0;border-right:1px solid #2a3a4410;border-radius:0;box-shadow:none;grid-template-columns:40px 1fr;gap:20px}.proof-panel article:last-child{border-right:0}.proof-panel article:hover{background:none;box-shadow:none;transform:none}.proof-panel .proof-icon{width:35px;height:35px;filter:saturate(.65)}.proof-panel strong{color:#2a3a44;font-size:15px;text-transform:none;font-weight:600;letter-spacing:0}.proof-panel span{color:#7b858d;font-size:13px;font-weight:400;line-height:1.65}
.statement{background:linear-gradient(#f7f7f9,#fff);padding-top:60px;padding-bottom:90px;min-height:auto}.statement-grid{grid-template-columns:1fr 1fr;gap:90px;min-height:0;width:100%}.statement-left h2{font-size:clamp(34px,3.7vw,50px);line-height:1.22;text-transform:none;letter-spacing:-.045em;color:#2a3a44;text-shadow:none;font-weight:600;max-width:540px}.statement-left h2 span{background:none;color:#d91bc4;font-family:Unbounded,sans-serif;font-weight:600}.statement-copy p{font-size:16px;line-height:1.8;color:#75818a;font-weight:400}.statement-copy strong{color:#2a3a44;font-weight:500}.statement-copy>.eyebrow:before,.statement-copy>.eyebrow:after{display:none}.statement-copy>.eyebrow{display:block}.statement-pills{gap:22px}.statement-pills article{padding:0;border:0;background:none;box-shadow:none;grid-template-columns:30px 1fr;gap:12px}.statement-icon{width:28px;height:28px;filter:saturate(.55)}.statement-pills strong{font-size:13px;color:#2a3a44}.statement-pills span{color:#859098;font-size:12px}.statement-quote{background:#fff;border:1px solid #fff;border-radius:18px;padding:26px;box-shadow:0 12px 30px #2a3a440c}.statement-quote>span{color:#df49cf}.statement-quote a{font-size:12px;color:#a4419d}
.solutions{background:#fff;padding:90px max(32px,calc((100vw - 1160px)/2))}.solutions-head{gap:70px;align-items:start;margin-bottom:40px}.solutions-head h2{font-size:clamp(32px,3.5vw,47px);line-height:1.2;letter-spacing:-.045em;max-width:560px;text-transform:none}.solutions-head>.eyebrow{color:#9c4097}.solutions-head>p{color:#7b858d;border:0;padding:0;font-size:16px;font-weight:400}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.service-row{min-height:260px;padding:30px 32px 36px;gap:18px;border:1px solid #f4f4f6;border-radius:22px;background:linear-gradient(145deg,#fff,#f8f8fa);box-shadow:0 12px 30px #2a3a4409,inset 0 1px 0 #fff;backdrop-filter:none;grid-template-rows:auto auto auto}.service-row:before,.service-row:after{display:none}.service-index span{font-size:11px;color:#b587b4;font-weight:500}.service-index:after{background:#2a3a4410}.service-icon{width:46px;height:46px;top:24px;right:24px;padding:9px;background:#fff;border:1px solid #fff;border-radius:12px;box-shadow:0 5px 15px #2a3a440a;filter:saturate(.6)}.service-row h3{font-size:23px;line-height:1.2;letter-spacing:-.035em;font-weight:600;max-width:400px;margin-top:12px;text-transform:none;color:#2a3a44}.service-row p{font-size:14px;line-height:1.75;font-weight:400;color:#7b858d;padding-right:30px}.service-row p strong{font-weight:500;color:#a864a3;font-size:10px}.service-row.active,.service-row:hover{transform:translateY(-3px);border-color:#ead9e8;background:linear-gradient(145deg,#fff,#f9f7fa);box-shadow:0 18px 38px #2a3a440f}.service-row:hover p,.service-row.active p{color:#6c7982}.service-arrow{width:35px;height:35px;bottom:22px;right:22px;border:1px solid #2a3a4410;background:white;color:#9c4097;box-shadow:0 3px 10px #2a3a4407;font-size:18px}.solutions-strip{border-top:1px solid #2a3a4410;background:none;box-shadow:none;padding-top:30px;margin-top:44px}.solutions-strip article{border-color:#2a3a4410}.solutions-strip strong{color:#2a3a44;font-size:12px}.solutions-strip span{color:#7b858d;font-size:12px;font-weight:400}.solutions-strip img{width:28px;filter:saturate(.5)}
/* Keep the format carousel structure and active-card sizing intact. */
.horizontal-section{background:#293942;color:white}.horizontal-section:after{display:none}.horizontal-section:before{opacity:.08}.format-intro h2{font-size:clamp(34px,3.5vw,52px);font-weight:600;text-transform:none;line-height:1.18;letter-spacing:-.04em}.format-intro .eyebrow{color:#f088e6}.format-intro p:not(.eyebrow){font-size:15px;line-height:1.8;font-weight:400;color:#c1c9cd}.format-card{box-shadow:0 14px 40px #0002}.format-count em{background:#ffffff18}
.cases{background:linear-gradient(#fff,#f6f6f8);color:#2a3a44;min-height:auto;padding-top:100px;padding-bottom:100px;gap:28px}.cases:before{display:none}.cases-hero{grid-template-columns:1fr}.cases-copy h2{color:#2a3a44;font-size:clamp(34px,4.2vw,54px);font-weight:600;line-height:1.2;text-transform:none;letter-spacing:-.045em;max-width:900px}.cases-copy h2 span{color:#d91bc4;background:none}.metric-strip{background:#fff;border:1px solid #fff;border-radius:20px;box-shadow:0 12px 35px #2a3a4409;padding:30px}.metric-strip article{border-color:#2a3a4410}.metric-strip strong{color:#2a3a44;background:none;font-size:clamp(22px,2.7vw,36px);font-weight:600;text-shadow:none}.metric-strip span{color:#7b858d;font-size:12px;font-weight:400}.gallery-invitation{margin-top:18px}.gallery-invitation p{font-size:17px;color:#7b858d;line-height:1.8}
.contact{background:#f3f3f6;border-top:1px solid #fff;min-height:auto;padding-top:90px;padding-bottom:90px}.contact h2{font-size:clamp(34px,4vw,50px);line-height:1.2;color:#2a3a44;font-weight:600}.contact-lines a{color:#2a3a44;font-size:19px}.contact-lines span{color:#7b858d;font-size:14px}.contact-form{padding:35px;border-radius:20px;background:#fff;box-shadow:0 12px 35px #2a3a440a;border:1px solid #fff}.contact-form p{color:#7b858d;font-size:17px}.contact-form .quiet{margin-top:12px}.footer{background:#f8f8fa;color:#7b858d;border-top:1px solid #2a3a4410;padding:36px max(32px,calc((100vw - 1160px)/2))}.footer a{color:#7b858d;font-size:12px}.footer img{width:125px}
.inner-heading{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,#fcfcfd,#f0f0f4);color:#2a3a44;padding:170px max(32px,calc((100vw - 1160px)/2)) 75px}.inner-heading:before{width:1200px;height:500px;right:-480px;top:-460px;transform:rotate(12deg)}.inner-heading h1{position:relative;font-size:clamp(40px,5vw,68px);color:#2a3a44;font-weight:600;text-transform:none;line-height:1.2;letter-spacing:-.05em}.inner-heading h1 span{color:#db16c7}.inner-heading>p:not(.eyebrow){color:#7b858d;font-size:17px}.inner-heading .text-link{color:#7b858d}.demo-library,.demo-viewer,.brief-section{background:#f8f8fa}.library-head h2,.viewer-heading h2{font-weight:600;text-transform:none;letter-spacing:-.035em}.demo-tile{border-radius:20px;box-shadow:0 8px 25px #2a3a440e}.demo-tile[aria-pressed=true]{border-color:#dc60cf;box-shadow:0 8px 25px #2a3a4415}.tile-info b{font-weight:600}.tile-info em{color:#fff}.demo-filters button,.viewer-toolbar button,.viewer-controls button{border-color:#2a3a440b;border-radius:12px;box-shadow:0 3px 10px #2a3a4405;font-size:12px}.preview-environment{background:#eeeef2;border-radius:22px;box-shadow:inset 0 3px 12px #2a3a4404}.preview-device{border-color:#fff;box-shadow:0 15px 40px #2a3a4410;border-radius:16px}.preview-environment[data-view=mobile] .preview-device,.preview-environment[data-view=tablet] .preview-device{border-color:#e1e3e7;box-shadow:0 20px 40px #2a3a4418}.gallery-cta{background:#f1f1f4;color:#2a3a44}.gallery-cta h2{font-weight:600;text-transform:none;line-height:1.2;font-size:clamp(34px,4vw,52px)}.brief-section h2{font-weight:600;text-transform:none}.brief-form{padding:32px;background:white;border:1px solid #fff;border-radius:22px;box-shadow:0 15px 40px #2a3a440c}.brief-form input,.brief-form textarea,.brief-form select{border:1px solid #2a3a4410;border-radius:10px;background:#fafafb}.brief-form label{color:#63727b;font-size:12px}
@media(min-width:761px) and (max-height:800px){.hero{min-height:100svh;padding-top:120px;padding-bottom:55px;grid-template-columns:minmax(0,1fr) 330px;gap:50px}.hero-showcase{zoom:.66}.hero h1{font-size:clamp(44px,5.4vw,68px)}}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) 300px;gap:40px}.hero-showcase{zoom:.75}.topbar{gap:25px;width:calc(100% - 40px)}.nav{gap:22px}.statement-grid{gap:45px}.hero h1{font-size:52px}}
@media(max-width:760px){.topbar,.inner-page .topbar{width:calc(100% - 28px);min-height:70px;padding:12px 16px;border-radius:18px;grid-template-columns:85px 1fr;gap:14px}.brand img,.inner-page .brand{width:85px}.nav,.inner-page .nav{gap:10px;font-size:10px;grid-column:auto;justify-content:flex-end;overflow:visible}.nav a,.inner-page .nav a{font-size:10px}.nav .nav-cta,.inner-page .nav .nav-cta{padding:6px 9px;border-radius:8px}.hero{display:flex;flex-direction:column;gap:48px;min-height:auto;padding:145px 26px 70px;align-items:stretch}.hero-inner{max-width:100%}.hero h1{font-size:clamp(38px,9vw,54px);line-height:1.15;margin:20px 0 24px}.hero-copy{font-size:15px;line-height:1.8}.hero-actions{gap:10px;margin-top:26px}.hero .button{padding:13px 18px;font-size:12px}.hero-showcase{zoom:.9;align-self:center;margin:0;transform:none}.hero:before{right:-900px;top:-660px}.hero:after{bottom:-610px}.proof-panel{padding:10px 26px 50px}.proof-panel__grid{grid-template-columns:1fr;gap:0}.proof-panel article{border-right:0;border-bottom:1px solid #2a3a440a;padding:22px 0;gap:18px}.proof-panel article:last-child{border-bottom:0}.proof-panel__inner{padding:0}.statement,.solutions,.cases,.contact{padding:60px 26px}.statement-grid{grid-template-columns:1fr;gap:40px;min-height:0}.statement-left h2{font-size:34px;line-height:1.25}.statement-copy{padding:0}.statement-copy p{font-size:15px}.statement-pills{grid-template-columns:1fr}.statement-quote{padding:24px}.solutions-head{grid-template-columns:1fr;gap:12px}.solutions-head h2{font-size:34px}.solutions-head>p{font-size:15px}.service-cards{grid-template-columns:1fr;gap:16px}.service-row{min-height:0;padding:28px}.service-row h3{font-size:22px;max-width:240px}.service-row p{font-size:14px}.solutions-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.format-intro h2{font-size:34px}.cases-copy h2{font-size:34px}.metric-strip{padding:24px;gap:22px}.metric-strip strong{font-size:23px}.metric-strip article{border:0}.contact h2{font-size:34px}.contact-form{padding:25px}.contact-lines a{font-size:17px}.gallery-invitation p{font-size:15px}.inner-heading{padding:145px 26px 60px}.inner-heading h1{font-size:42px}.inner-heading>p:not(.eyebrow){font-size:15px}.brief-section{padding:50px 26px}.brief-form{padding:23px}.gallery-cta{padding:60px 26px}.footer{padding:30px 26px}}
@media(max-width:370px){.hero-showcase{zoom:.78;margin:0;transform:none}.hero h1{font-size:37px}.hero-actions .button{font-size:11px;padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.showoff-phone{transform:rotate(-7deg);transition:none}.service-row,.button{transition:none}}
.hero h1 span,.inner-heading h1 span{font-family:inherit;font-weight:500;letter-spacing:inherit}.solutions-head h2{color:#2a3a44}.inner-heading>p:not(.eyebrow){font-weight:400}h1,h2,h3,.hero-copy,.service-row{filter:none!important}