:root{--ink:#141518;--paper:#f4f1eb;--orange:#41a6d8;--orange2:#7cc5e8;--lime:#bfe8f7;--blue:#708c9a;--muted:#686b70;--line:rgba(20,21,24,.14);--radius:28px;--font-display:'Space Grotesk',sans-serif;--font-body:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(65,166,216,.14),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;z-index:0}.section-pad{padding:120px clamp(24px,6vw,96px)}.site-header{height:88px;padding:0 clamp(24px,6vw,96px);display:flex;align-items:center;justify-content:space-between;position:absolute;left:0;right:0;top:0;z-index:20}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.brand-mark{width:44px;height:44px;border-radius:14px;background:var(--ink);color:white;display:grid;place-items:center;font-family:var(--font-display);font-weight:700}.brand-copy{display:flex;flex-direction:column;line-height:1.05}.brand-copy strong{font-family:var(--font-display);font-size:15px}.brand-copy small{margin-top:5px;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.12em}.site-nav{display:flex;align-items:center;gap:32px}.site-nav a{color:inherit;text-decoration:none;font-size:14px;font-weight:600}.site-nav a:not(.nav-cta):after{content:"";display:block;height:1px;width:0;background:var(--ink);transition:.25s}.site-nav a:hover:after{width:100%}.nav-cta{padding:13px 18px;background:var(--ink);color:white!important;border-radius:999px}.menu-toggle{display:none;background:none;border:0}.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}
.hero{position:relative;min-height:780px;padding-top:170px;overflow:hidden}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);gap:7vw;align-items:center;max-width:1500px;margin:auto}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.eyebrow i{width:28px;height:1px;background:var(--orange)}.eyebrow.light{color:white}.eyebrow.light i{background:var(--lime)}h1,h2,h3{font-family:var(--font-display);margin:0}h1{font-size:clamp(58px,7.2vw,112px);line-height:.91;letter-spacing:-.065em;max-width:820px;margin:28px 0}.gradient-text{background:linear-gradient(100deg,var(--orange),#77c4e8 48%,var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-intro{font-size:clamp(18px,1.6vw,23px);line-height:1.55;color:#505259;max-width:680px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:38px}.button{border:0;text-decoration:none;display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:18px 22px;border-radius:999px;font-weight:700;cursor:pointer;font:inherit}.button.primary{background:var(--ink);color:white;min-width:220px}.button b{font-size:20px}.text-link{color:var(--ink);text-decoration:none;font-weight:700}.text-link span{display:inline-block;transition:.25s}.text-link:hover span{transform:translateX(5px)}.hero-stats{display:flex;gap:42px;margin-top:58px;padding-top:24px;border-top:1px solid var(--line);max-width:620px}.hero-stats div{display:flex;flex-direction:column}.hero-stats strong{font:700 28px var(--font-display)}.hero-stats span{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-top:4px}.hero-stage{position:relative;perspective:1100px}.browser-card{background:#fdfcf8;border:1px solid rgba(20,21,24,.12);border-radius:22px;box-shadow:0 42px 80px rgba(28,27,24,.16);overflow:hidden;transform:rotate(1.5deg);transition:transform .15s ease}.browser-top{height:42px;background:#e9e6df;display:flex;align-items:center;gap:6px;padding:0 14px}.browser-top span{width:8px;height:8px;border-radius:50%;background:#aaa}.browser-top em{font-size:9px;font-style:normal;color:#777;margin-left:auto;margin-right:auto;background:white;padding:5px 45px;border-radius:20px}.browser-body{padding:22px}.mini-nav{display:flex;justify-content:space-between;font-size:8px}.mini-nav b{font-family:var(--font-display)}.mini-hero{min-height:330px;margin-top:18px;border-radius:15px;padding:35px;background:linear-gradient(135deg,#24252a,#111217);color:white;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;overflow:hidden}.mini-hero small{letter-spacing:.15em;color:var(--lime)}.mini-hero h2{font-size:clamp(26px,3vw,47px);line-height:.95;margin:18px 0 26px}.mini-hero button{border:0;background:var(--orange);padding:10px 15px;border-radius:20px;color:white}.mini-art{position:relative;height:230px}.mini-ring{position:absolute;width:185px;height:185px;border:27px solid var(--blue);border-radius:50%;right:-25px;top:10px;animation:float 5s ease-in-out infinite}.mini-square{position:absolute;width:100px;height:100px;background:var(--orange);left:2px;bottom:2px;transform:rotate(18deg);animation:spinSlow 12s linear infinite}.mini-pill{position:absolute;background:var(--lime);color:var(--ink);border-radius:40px;padding:10px 20px;right:0;bottom:28px;font:700 10px var(--font-display);transform:rotate(-12deg)}.mini-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.mini-cards span{height:58px;border-radius:10px;background:#e8e6df}.mini-cards span:nth-child(2){background:#c7e9f7}.mini-cards span:nth-child(3){background:#d5e0e5}.floating-tag{position:absolute;padding:11px 15px;border-radius:999px;background:white;box-shadow:0 16px 40px rgba(0,0,0,.12);font-size:12px;font-weight:700;animation:float 4s ease-in-out infinite}.tag-one{left:-40px;top:16%}.tag-two{right:-32px;top:48%;animation-delay:1s}.tag-three{left:10%;bottom:-18px;animation-delay:2s}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:500px;height:500px;background:rgba(112,140,154,.10);right:-140px;top:-160px}.orb-two{width:360px;height:360px;background:rgba(65,166,216,.10);left:28%;bottom:-220px}.scroll-cue{position:absolute;left:50%;bottom:25px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;color:var(--muted);text-decoration:none;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.scroll-cue i{height:38px;width:1px;background:var(--ink);margin-top:9px;animation:scrollLine 1.8s infinite}
.marquee{background:var(--ink);color:white;overflow:hidden;padding:18px 0;transform:rotate(-1deg) scale(1.02)}.marquee-track{width:max-content;display:flex;align-items:center;gap:28px;animation:marquee 30s linear infinite}.marquee span{font:600 16px var(--font-display);text-transform:uppercase;letter-spacing:.06em}.marquee i{color:var(--lime);font-style:normal}.section-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:end;margin-bottom:62px}.section-heading h2{font-size:clamp(43px,5vw,78px);line-height:.98;letter-spacing:-.045em;margin-top:20px}.section-heading p{font-size:18px;line-height:1.65;color:var(--muted);max-width:550px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.clip-card{position:relative;min-height:510px;border-radius:var(--radius);overflow:hidden;background:var(--ink);color:white;padding:32px;isolation:isolate;cursor:pointer}.clip-bg{position:absolute;inset:0;z-index:-2;transition:clip-path .7s cubic-bezier(.2,.8,.2,1),transform .7s;clip-path:polygon(0 0,100% 0,100% 65%,0 92%)}.clip-one{background:radial-gradient(circle at 20% 20%,#8bd0ee,transparent 40%),linear-gradient(135deg,#41a6d8,#315e72)}.clip-two{background:radial-gradient(circle at 70% 20%,#d7eef7,transparent 35%),linear-gradient(135deg,#708c9a,#394f5a)}.clip-three{background:radial-gradient(circle at 20% 10%,#efffb0,transparent 35%),linear-gradient(135deg,#b6df38,#35480a)}.clip-card:hover .clip-bg,.clip-card:focus .clip-bg{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);transform:scale(1.06)}.card-number{font:600 13px var(--font-display);opacity:.7}.clip-content{position:absolute;left:32px;right:32px;bottom:30px;transition:.55s}.clip-content span{font-size:11px;text-transform:uppercase;letter-spacing:.15em}.clip-content h3{font-size:34px;line-height:1.02;margin:12px 0}.clip-content p{line-height:1.55;color:rgba(255,255,255,.75)}.clip-content b{font-size:12px}.clip-card:hover .clip-content,.clip-card:focus .clip-content{transform:translateY(-145px)}.clip-reveal{position:absolute;left:32px;right:32px;bottom:35px;opacity:0;transform:translateY(25px);transition:.45s .1s}.clip-card:hover .clip-reveal,.clip-card:focus .clip-reveal{opacity:1;transform:none}.clip-reveal strong{font:600 18px var(--font-display)}.clip-reveal p{font-size:14px;color:rgba(255,255,255,.75)}
.interaction-section{background:var(--ink);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:9vw;align-items:center}.interaction-copy h2{font-size:clamp(45px,5vw,80px);line-height:.98;letter-spacing:-.045em;margin:24px 0}.interaction-copy>p{font-size:18px;line-height:1.65;color:#bfc0c5}.objective-buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.objective{border:1px solid rgba(255,255,255,.2);background:transparent;color:white;border-radius:999px;padding:12px 16px;cursor:pointer}.objective.active{background:var(--lime);color:var(--ink);border-color:var(--lime)}.dynamic-panel{background:#f7f3eb;color:var(--ink);padding:45px;border-radius:34px;min-height:420px;display:flex;flex-direction:column;justify-content:center}.panel-top{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:.14em;font-weight:700}.panel-top i{height:1px;flex:1;background:var(--line)}.dynamic-panel h3{font-size:clamp(34px,4vw,58px);line-height:1.02;letter-spacing:-.04em;margin:24px 0 18px}.dynamic-panel>p{line-height:1.6;color:var(--muted)}.panel-demo{margin-top:30px;display:flex;gap:10px;background:white;border-radius:18px;padding:12px}.demo-field{flex:1;padding:8px 12px;display:flex;flex-direction:column}.demo-field small{font-size:9px;color:var(--muted);letter-spacing:.12em}.demo-field strong{margin-top:5px;font-size:14px}.demo-button{background:var(--orange);color:white;padding:17px 20px;border-radius:13px;font-size:13px;font-weight:700;white-space:nowrap}.demo-button span{margin-left:18px}
.process-list{border-top:1px solid var(--line)}.process-item{display:grid;grid-template-columns:70px 1fr auto;gap:30px;align-items:center;padding:36px 0;border-bottom:1px solid var(--line);transition:.3s}.process-item:hover{padding-left:18px}.process-item>span{font:600 13px var(--font-display);color:var(--orange)}.process-item h3{font-size:27px;margin-bottom:8px}.process-item p{color:var(--muted);margin:0;max-width:680px}.process-item b{font-size:11px;letter-spacing:.13em;text-transform:uppercase;background:#e5e0d7;padding:10px 13px;border-radius:999px}.showcase-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(20,21,24,.15);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.showcase-card{min-height:250px;background:var(--paper);padding:38px;display:flex;flex-direction:column;justify-content:space-between}.showcase-card>span{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.toggle-demo{width:150px;height:62px;border-radius:40px;background:var(--ink);position:relative;padding:8px;display:flex;align-items:center;cursor:pointer}.toggle-demo i{width:46px;height:46px;border-radius:50%;background:var(--orange);transition:.4s}.toggle-demo b{position:absolute;left:65px;color:white;font-size:12px;white-space:nowrap;transition:.4s}.toggle-demo:hover i{transform:translateX(88px);background:var(--lime)}.toggle-demo:hover b{left:18px}.pulse-demo{display:flex;align-items:center;gap:13px;font-size:14px}.pulse-demo i{width:14px;height:14px;border-radius:50%;background:#49bc67;box-shadow:0 0 0 0 rgba(73,188,103,.45);animation:pulse 2s infinite}.type-demo{font:600 clamp(34px,4vw,56px) var(--font-display);display:flex;align-items:center}.type-demo i{height:55px;width:2px;background:var(--orange);margin-left:5px;animation:blink 1s infinite}
.contact{background:linear-gradient(140deg,#41a6d8,#456775);color:white;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:start}.contact-copy{position:sticky;top:40px}.contact h2{font-size:clamp(48px,6vw,90px);line-height:.94;letter-spacing:-.055em;margin:25px 0}.contact-copy>p{font-size:18px;line-height:1.65;color:rgba(255,255,255,.75)}.contact-note{border-top:1px solid rgba(255,255,255,.2);padding-top:22px;margin-top:35px;display:flex;flex-direction:column}.contact-note span{font-size:13px;color:rgba(255,255,255,.65);margin-top:6px}.smart-form{background:#f7f3eb;color:var(--ink);padding:40px;border-radius:32px}.smart-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:700;margin-bottom:20px}.smart-form input,.smart-form select,.smart-form textarea{font:500 16px var(--font-body);width:100%;border:0;border-bottom:1px solid #bab6ae;background:transparent;padding:13px 2px;outline:none;border-radius:0}.smart-form input:focus,.smart-form select:focus,.smart-form textarea:focus{border-color:var(--orange)}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.conditional-fields{display:grid;grid-template-columns:1fr 1fr;gap:24px}.conditional-fields:empty{display:none}.submit-button{width:100%;border-radius:14px;margin-top:8px}.form-status{margin:14px 0 0;min-height:20px;font-size:13px;color:#257143}.site-footer{background:#111216;color:white;padding:38px clamp(24px,6vw,96px);display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.footer-brand .brand-mark{background:white;color:var(--ink)}.footer-brand .brand-copy small{color:#888}.footer-center{text-align:center;display:flex;flex-direction:column;font-size:11px;color:#8c8e94}.footer-center b{color:white;margin-top:7px;font-size:12px}.back-top{color:white;text-decoration:none;text-align:right;font-size:12px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}
@keyframes float{50%{transform:translateY(-13px)}}@keyframes spinSlow{to{transform:rotate(378deg)}}@keyframes scrollLine{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes pulse{70%{box-shadow:0 0 0 14px rgba(73,188,103,0)}}@keyframes blink{50%{opacity:0}}
@media(max-width:980px){.site-nav{display:none;position:absolute;top:74px;left:24px;right:24px;background:var(--ink);color:white;padding:25px;border-radius:20px;flex-direction:column;align-items:flex-start}.site-nav.open{display:flex}.menu-toggle{display:flex;flex-direction:column;gap:7px;padding:10px}.menu-toggle span:not(.sr-only){display:block;width:25px;height:2px;background:var(--ink)}.hero-grid,.interaction-section,.contact{grid-template-columns:1fr}.hero-stage{max-width:700px;margin:auto}.section-heading{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr}.clip-card{min-height:440px}.contact-copy{position:static}.showcase-strip{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center}.back-top{text-align:center}.footer-brand{justify-content:center}}
@media(max-width:640px){.section-pad{padding:85px 22px}.hero{padding-top:135px}.hero-grid{display:block}.hero-stage{margin-top:65px}.browser-body{padding:12px}.mini-hero{min-height:260px;padding:23px}.mini-art{display:none}.mini-hero{grid-template-columns:1fr}.floating-tag{font-size:10px}.tag-one{left:-5px}.tag-two{right:-4px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{gap:22px}.hero-stats strong{font-size:23px}.section-heading{gap:15px}.dynamic-panel{padding:28px}.panel-demo{flex-direction:column}.process-item{grid-template-columns:45px 1fr}.process-item b{display:none}.form-row.two,.conditional-fields{grid-template-columns:1fr}.smart-form{padding:25px}.site-header{padding:0 22px}.brand-copy small{display:none}.clip-content h3{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cursor-glow{display:none}}
.scroll-progress{position:fixed;z-index:120;left:0;right:0;top:0;height:4px;background:rgba(20,21,24,.08)}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--orange),var(--blue));transform-origin:left}.mixed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.effect-label{position:absolute;right:24px;top:24px;z-index:5;border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:.13em;font-weight:700;color:white}.dark-label{color:var(--ink);border-color:rgba(20,21,24,.18)}
.flip-card{position:relative;min-height:510px;perspective:1300px;cursor:pointer}.flip-card-inner{position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.75,.2,1);transform-style:preserve-3d}.flip-card:hover .flip-card-inner,.flip-card:focus .flip-card-inner,.flip-card.is-flipped .flip-card-inner{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;border-radius:var(--radius);padding:32px;backface-visibility:hidden;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.flip-front{color:var(--ink)}.flip-blue{background:linear-gradient(145deg,#d8f1fb,#62b8df)}.flip-lime{background:linear-gradient(145deg,#edf7fa,#9fb9c5)}.flip-front:after{content:"";position:absolute;width:260px;height:260px;border:44px solid rgba(255,255,255,.3);border-radius:50%;right:-90px;top:-70px}.flip-front div{position:relative;z-index:2}.flip-face small{font-size:10px;letter-spacing:.15em;text-transform:uppercase;font-weight:700}.flip-face h3{font-size:clamp(36px,4vw,58px);line-height:.96;margin:15px 0}.flip-face p{max-width:430px;line-height:1.55}.flip-face b{font-size:12px}.flip-back{transform:rotateY(180deg);background:var(--ink);color:white}.flip-back h3{font-size:38px}.flip-back ul{padding:0;margin:10px 0 25px;list-style:none}.flip-back li{border-bottom:1px solid rgba(255,255,255,.15);padding:13px 0}.flip-back li:before{content:"✦";color:var(--lime);margin-right:10px}.flip-back a{color:var(--lime);font-weight:700;text-decoration:none}
.effects-lab{background:#eae6de}.effects-layout{display:grid;grid-template-columns:1.18fr .82fr;gap:22px}.comparison-demo,.spotlight-card,.accordion-demo,.ripple-demo{border-radius:28px;background:var(--paper);overflow:hidden}.comparison-demo{padding:28px}.demo-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:20px}.demo-heading span,.spotlight-card small,.accordion-trigger small,.ripple-demo small{font-size:9px;letter-spacing:.15em;font-weight:700;color:var(--muted)}.demo-heading strong{font:600 20px var(--font-display)}.comparison{position:relative;min-height:520px;border-radius:20px;overflow:hidden;background:#25262b}.compare-layer{position:absolute;inset:0;display:flex;align-items:flex-end;padding:38px;color:white}.compare-layer div{max-width:360px}.compare-layer small{letter-spacing:.14em}.compare-layer b{display:block;font:600 clamp(34px,4vw,58px)/.96 var(--font-display);margin:10px 0}.compare-layer p{line-height:1.5;color:rgba(255,255,255,.78)}.compare-before{background:linear-gradient(135deg,#55585f,#24252a)}.compare-after{background:radial-gradient(circle at 80% 15%,rgba(191,232,247,.65),transparent 30%),linear-gradient(135deg,#41a6d8,#456775);clip-path:inset(0 0 0 50%)}.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:3px;background:white;transform:translateX(-50%);pointer-events:none}.compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:white;color:var(--ink);font-weight:700}.comparison input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize}.effects-stack{display:grid;gap:22px}.spotlight-card{position:relative;min-height:245px;padding:34px;isolation:isolate;background:#15161a;color:white}.spotlight-card h3{font-size:34px;line-height:1.02;margin:16px 0}.spotlight-card p{color:rgba(255,255,255,.7);line-height:1.55}.spotlight-orb{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(65,166,216,.30),transparent 66%);left:var(--spot-x,50%);top:var(--spot-y,50%);transform:translate(-50%,-50%);z-index:-1;transition:opacity .2s}.accordion-demo{padding:8px 28px}.accordion-trigger{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;text-align:left;padding:22px 0;cursor:pointer}.accordion-trigger span{display:flex;flex-direction:column;gap:7px}.accordion-trigger b{font:600 22px var(--font-display)}.accordion-trigger i{font:400 34px var(--font-display);font-style:normal;transition:.35s}.accordion-content{display:grid;grid-template-rows:0fr;transition:.45s}.accordion-content p{overflow:hidden;margin:0;line-height:1.6;color:var(--muted)}.accordion-demo.open .accordion-content{grid-template-rows:1fr}.accordion-demo.open .accordion-content p{margin:0 0 24px}.accordion-demo.open .accordion-trigger i{transform:rotate(45deg)}.ripple-demo{padding:28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.ripple-demo h3{font-size:26px;margin-top:8px}.ripple-button{position:relative;overflow:hidden;border:0;border-radius:999px;background:var(--orange);color:white;padding:17px 20px;display:flex;gap:28px;font-weight:700;cursor:pointer;white-space:nowrap}.ripple-circle{position:absolute;border-radius:50%;background:rgba(255,255,255,.55);transform:scale(0);animation:ripple .7s ease-out;pointer-events:none}@keyframes ripple{to{transform:scale(4);opacity:0}}
@media(max-width:980px){.mixed-grid,.effects-layout{grid-template-columns:1fr}.flip-card{min-height:440px}.comparison{min-height:430px}}
@media(max-width:640px){.ripple-demo,.demo-heading{align-items:flex-start;flex-direction:column}.comparison{min-height:390px}.compare-layer{padding:25px}.effect-label{right:18px;top:18px}}

/* DV Freelance Marketing brand integration */
.brand-logo{display:block;width:118px;height:auto;object-fit:contain}.site-header .brand{gap:16px}.site-header .brand-copy{padding-left:15px;border-left:1px solid rgba(20,21,24,.16)}.mini-nav img{width:72px;height:28px;object-fit:contain;object-position:left center}.mini-nav{align-items:center}.footer-logo-wrap{display:flex;align-items:center;background:white;border-radius:12px;padding:8px 10px}.footer-logo-wrap .brand-logo{width:105px}.footer-brand{gap:14px}.footer-brand .brand-copy strong{color:white}.hero:before{content:"DV";position:absolute;right:-.04em;bottom:-.22em;font:700 clamp(240px,33vw,600px)/1 var(--font-display);letter-spacing:-.12em;color:rgba(65,166,216,.045);pointer-events:none}.nav-cta,.button.primary{background:linear-gradient(135deg,#315e72,#141518)}.ripple-button{background:linear-gradient(135deg,var(--orange),var(--blue))}.flip-back li:before,.flip-back a,.mini-hero small,.marquee i{color:#8ed1ee}.objective.active{background:var(--orange);border-color:var(--orange);color:white}.scroll-progress span{background:linear-gradient(90deg,#41a6d8,#708c9a)}
@media(max-width:640px){.brand-logo{width:92px}.site-header .brand-copy{display:none}.footer-brand .brand-copy{display:flex}.footer-logo-wrap .brand-logo{width:95px}}

/* Web Lab navigation and pricing links */
.button.secondary{background:transparent;color:var(--ink);border:1px solid rgba(20,21,24,.28);min-width:250px}.button.secondary:hover{background:white;border-color:var(--ink)}
@media(max-width:1180px){.hero-actions{flex-wrap:wrap;gap:16px}.hero-actions .text-link{width:100%}}
@media(max-width:640px){.button.secondary,.button.primary{width:100%;min-width:0}.hero-actions{width:100%}}