/* Funky Seven — motion edition. Existing content and business logic preserved. */
:root{--bg:#0d0e12;--surface:#181a20;--line:#30323b;--muted:#aaaeba;--ink:#f4f5ee;--motion-ease:cubic-bezier(.22,1,.36,1)}
[data-theme=light]{--bg:#f3f4f0;--surface:#fcfdf9;--line:#d0d4cb;--muted:#555d62;--ink:#11151b}
body{overflow-x:clip;-webkit-font-smoothing:antialiased}h1,h2,h3{text-wrap:balance}p{ text-wrap:pretty }
.wrap{max-width:1480px;padding-inline:5.8%}main.wrap{position:relative}
.header{background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.header-inner{height:84px}.header .brand{font-size:1.4rem}.header nav{gap:23px;font-size:.875rem}.header nav a{position:relative;padding-block:11px;transition:color .18s ease}
.header nav a::after{content:"";position:absolute;bottom:3px;left:0;right:0;height:2px;transform:scaleX(0);transform-origin:left;background:var(--lime);transition:transform .35s var(--motion-ease)}
.header nav a:hover::after,.header nav a:focus-visible::after,.header nav a[aria-current=page]::after{transform:scaleX(1)}
.icon-button{width:44px;height:44px}.lang{min-height:44px}.button{min-height:54px;padding:15px 25px;letter-spacing:-.015em;transition:transform .3s var(--motion-ease),background .2s,border-color .2s,box-shadow .3s}
.button.primary{box-shadow:0 0 0 0 #c5ff3b00}.button.primary:hover,.button.primary:focus-visible{box-shadow:0 5px 30px #c5ff3b1f;transform:translateY(-3px);background:#d2ff70}
.button:active{transform:translateY(0) scale(.98)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:5px}
.kicker,.mini-label{font-size:.8125rem;letter-spacing:.11em}.kicker{display:flex;align-items:center;gap:12px}.kicker::before{content:"";width:22px;height:1px;background:currentColor}
.hero{padding-top:100px;padding-bottom:96px;gap:5%;grid-template-columns:1.05fr 1fr;min-height:730px}.hero h1{font-size:clamp(3.6rem,6.4vw,6.35rem);line-height:1.01;letter-spacing:-.065em}.hero h1 .last-line{font-size:.48em;letter-spacing:-.035em;line-height:1.15;margin-top:24px}.hero-copy>p{margin-top:28px;line-height:1.7;max-width:470px}.hero-copy .tags{margin-top:32px;gap:8px}.tag{font-size:.8125rem;padding:7px 12px;background:color-mix(in srgb,var(--surface) 50%,transparent)}
.hero-art{min-height:540px;border-radius:16px;transform:none;background:#171823;border-color:#47424f;box-shadow:0 32px 80px -45px #0009;isolation:isolate;transition:border-color .35s}.hero-art::before{background:radial-gradient(ellipse at 60% 44%,#6e41c83a,transparent 60%)}
.hero-art .art-label,.hero-art .art-bottom{z-index:2;position:relative;padding:25px 28px;font-size:.8125rem}.hero-art .art-bottom{background:#171823a8;backdrop-filter:blur(8px)}.hero-art img{width:94%;height:410px;margin:-5px auto;animation:none;mix-blend-mode:screen;position:relative;z-index:1;filter:drop-shadow(0 30px 35px #0004);transition:transform 1.2s var(--motion-ease)}
.home-orbits{position:absolute;inset:0;pointer-events:none}.home-orbits i{position:absolute;width:80%;aspect-ratio:1;border:1px solid #a689ed40;border-radius:50%;top:11%;left:10%;transform:rotateX(58deg) rotate(-20deg)}.home-orbits i:nth-child(2){width:112%;left:-6%;top:-4%;border-color:#c5ff3b25;transform:rotateX(47deg) rotate(28deg)}.home-orbits i:nth-child(3){width:145%;left:-22.5%;top:-20%;border-color:#fff1;transform:rotateX(30deg) rotate(-35deg)}
.proof{grid-template-columns:1fr 1fr;gap:8%;padding-block:37px;position:relative}.proof::before{content:"";position:absolute;top:-1px;left:0;width:24%;height:2px;background:var(--lime)}.proof .brands{gap:12px 23px;font-size:1.3rem;letter-spacing:-.035em;margin:13px 0}.proof p{font-size:1.05rem;line-height:1.8}
.page-section{padding-block:52px}.page-section>h2{max-width:950px;font-size:clamp(2.3rem,4.3vw,4.2rem);line-height:1.05;letter-spacing:-.055em}.page-section>p{max-width:780px;margin-top:23px;line-height:1.8}.page-section>.services{margin-top:36px}
.services{gap:18px}.service{border-radius:16px;padding:34px 34px 28px;background:linear-gradient(125deg,#ffffff03,transparent 60%),var(--surface);min-height:360px;transition:transform .5s var(--motion-ease),border-color .3s,box-shadow .4s;isolation:isolate}.service::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 100% 0%,#a987ff18,transparent 65%);opacity:0;transition:opacity .4s}.service-top{margin-bottom:38px}.service-top span{font-size:1rem;letter-spacing:.04em;font-variant-numeric:tabular-nums}.service-top b{font-size:.75rem;padding:5px 12px;letter-spacing:.1em}.service h3{font-size:1.9rem;letter-spacing:-.04em}.service p{max-width:450px;line-height:1.75}.service-price{font-weight:400;color:var(--muted);padding-top:19px}.detail-link{display:inline-flex;align-self:flex-start;margin-top:21px;padding-bottom:5px;font-size:.9375rem;border-bottom:1px solid var(--purple);transition:border-color .2s,color .2s}
.copy-card,.expertise,.plan,.portfolio-item,.market-program,.contact-form,.contact-aside,.detail-aside,.planner-block,.region-detail{border-radius:16px;box-shadow:0 16px 35px -35px #000a}.copy-card,.expertise,.portfolio-item,.market-program,.plan{transition:transform .5s var(--motion-ease),border-color .3s,box-shadow .4s}.copy-card{padding:34px}.copy-card h3{font-size:1.9rem;letter-spacing:-.04em}.copy-card p{line-height:1.8}
.plan{background:linear-gradient(155deg,#ffffff03,transparent 60%),var(--surface);padding:32px 27px}.plan.featured{border-width:1px;background:linear-gradient(155deg,#c5ff3b09,transparent 65%),var(--surface)}.plan-ribbon{font-size:.75rem;top:-13px}.plan-letter{font-size:4.5rem;font-weight:400;letter-spacing:-.07em}.plan-description{font-size:1rem;line-height:1.75}.plan .price{font-size:2.4rem}.plan .button{font-size:.9375rem}.plan ul{font-size:.9375rem}.plan li{margin-bottom:15px}
.portfolio-item{overflow:hidden;border-color:var(--line);background:var(--surface)}.portfolio-art{overflow:hidden;padding:0;height:340px;background:#1b1d23}.portfolio-photo{height:100%;width:100%;object-fit:cover;transition:transform 1.1s var(--motion-ease)}.portfolio-info{padding:29px 32px 33px}.portfolio-info h3{font-size:2rem;letter-spacing:-.05em}.portfolio-info p{line-height:1.75}.portfolio-info>a{display:inline-block;border-bottom:1px solid var(--purple);padding-bottom:5px}.portfolio-art .portfolio-logo{border-radius:8px;backdrop-filter:blur(6px);box-shadow:0 10px 35px #0004}
.process-grid{gap:35px}.step{padding-top:22px;position:relative}.step::before{content:"";position:absolute;top:-1px;left:0;width:32px;height:2px;background:var(--purple);transform-origin:left;transition:transform .6s var(--motion-ease)}.step h3{font-size:1.65rem;margin:18px 0 13px}.step p{line-height:1.75}.step:hover::before{transform:scaleX(2.5)}
.timeline-row{padding-block:33px}.timeline-row .year{letter-spacing:-.05em}.timeline-row p{line-height:1.8}.about-text{font-size:1.2rem;line-height:1.85}.text-highlight{border-radius:16px;padding:46px;background:linear-gradient(120deg,#9b6bff0c,transparent),var(--surface)}.experience-stat{letter-spacing:-.075em}.shopify-focus{border-radius:16px;padding:46px}.expertise-primary{padding:36px}.expertise p{line-height:1.8}.clean-list li{padding-block:15px;line-height:1.75}
.closing{position:relative;isolation:isolate;overflow:hidden;border-radius:18px;padding:64px;background:#a487f0;color:#15121c;margin:64px 0 66px;min-height:300px}.closing::before{content:"";position:absolute;right:-70px;top:-220px;width:560px;height:560px;border:1px solid #17121f2b;border-radius:50%;z-index:-1;box-shadow:0 0 0 65px #17121f06,0 0 0 130px #17121f04;transform:translate3d(0,0,0)}.closing h2{font-size:clamp(2.5rem,4.7vw,4.5rem);letter-spacing:-.055em;max-width:750px;line-height:1.03}.closing .button{min-width:160px}.closing p{max-width:620px;color:#30223f}
.site-footer{margin-top:55px;padding:50px 0 32px}.footer-columns{gap:42px}.footer-columns li{margin-bottom:13px}.footer-columns a{transition:color .2s}.footer-columns a:hover{color:var(--purple)}.footer-base{padding-top:24px;margin-top:42px}
/* Shared editorial hero + seven-plane kinetic graphic for every interior route. */
.page-hero{max-width:none;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);align-items:center;gap:5.5%;padding:68px 0 55px;min-height:520px;border-bottom:1px solid var(--line);margin-bottom:26px}.page-hero-copy{min-width:0;position:relative;z-index:1}.page-hero .breadcrumb{margin-bottom:40px;font-size:.8125rem;line-height:1.7}.page-hero .kicker{font-size:.75rem;margin-bottom:24px}.page-hero h1{font-size:clamp(2.75rem,4.75vw,5rem);line-height:1.04;letter-spacing:-.055em;white-space:pre-line}.page-hero .lead{font-size:1.1rem;line-height:1.8;max-width:680px;margin-top:28px}.page-hero .buttons{margin-top:29px}
.motion-graphic{position:relative;height:390px;min-width:0;overflow:hidden;isolation:isolate;border:1px solid #47424f;border-radius:18px;background:radial-gradient(ellipse at 60% 50%,#36264299,transparent 65%),#171820;--art-accent:#b394ff;box-shadow:0 25px 65px -45px #0009}.motion-graphic::after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,#ffffff05,transparent 45%);pointer-events:none}.motion-stack{position:absolute;inset:21% 19% 20% 17%;transform:rotate(-28deg);transition:transform 1s var(--motion-ease)}.motion-stack span{position:absolute;left:calc(var(--i)*7%);top:calc(var(--i)*4%);width:55%;height:79%;border:1px solid color-mix(in srgb,var(--art-accent) 75%,transparent);border-radius:14px;background:linear-gradient(155deg,color-mix(in srgb,var(--art-accent) 22%,#111217),#171823d9);transform:translate3d(0,0,0) skewY(-12deg);box-shadow:-8px 7px 22px #07070a25;transition:transform 1.3s var(--motion-ease),opacity .8s;transition-delay:calc(var(--i)*30ms)}
.motion-stack span:nth-child(7){background:linear-gradient(155deg,var(--art-accent),color-mix(in srgb,var(--art-accent) 15%,#171823));border-color:color-mix(in srgb,var(--art-accent) 80%,white)}.motion-symbol{position:absolute;inset:21% 16% 13% 23%;display:grid;place-items:center;pointer-events:none;transform:rotate(-12deg);transition:transform 1.3s var(--motion-ease)}.motion-symbol img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 12px 14px #0005)}.motion-orbits{position:absolute;inset:0;pointer-events:none}.motion-orbits i{position:absolute;left:-5%;top:6%;width:110%;aspect-ratio:1;border:1px solid #ffffff16;border-radius:50%;transform:rotateX(57deg) rotate(28deg)}.motion-orbits i:nth-child(2){top:-12%;left:-25%;width:150%;transform:rotateX(49deg) rotate(28deg);border-color:color-mix(in srgb,var(--art-accent) 26%,transparent)}.motion-orbits i:nth-child(3){top:-30%;left:-45%;width:190%;transform:rotateX(41deg) rotate(28deg)}.motion-corner{position:absolute;font-size:.75rem;letter-spacing:.1em;color:#cac5d4;z-index:2}.motion-corner-a{left:24px;top:21px;font-size:.95rem;font-weight:500;color:var(--art-accent)}.motion-corner-b{right:23px;bottom:20px;font-variant-numeric:tabular-nums}
[data-page=shopify] .motion-graphic,[data-page=experience] .motion-graphic{--art-accent:#c5ff3b}[data-page=migration] .motion-graphic,[data-page=markets] .motion-graphic{--art-accent:#a4b4ff}[data-page=automation] .motion-graphic,[data-page=integrations] .motion-graphic{--art-accent:#d0a1ff}[data-page=seo] .motion-graphic,[data-page=portfolio] .motion-graphic{--art-accent:#ff977d}[data-page=support] .motion-graphic,[data-page=contact] .motion-graphic{--art-accent:#a6e8ca}
[data-page=privacy] .page-hero{grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr)}[data-page=privacy] .motion-graphic{height:280px;--art-accent:#acb0bd}.privacy-copy{padding-top:10px}.privacy-copy h2{font-size:1.6rem;letter-spacing:-.025em;line-height:1.3}
/* Default content is visible: motion progressively enhances only supported browsers. */
.f7-reveal{opacity:1;transform:none}.f7-reveal[data-waiting]{opacity:0;transform:translate3d(0,24px,0)}.f7-reveal[data-arrived]{animation:f7-reveal .72s var(--motion-ease) both;animation-delay:var(--reveal-delay,0ms)}
@keyframes f7-reveal{from{opacity:0;transform:translate3d(0,24px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.motion-graphic[data-waiting] .motion-stack span{transform:translate3d(calc(var(--i)*-12px),25px,0) skewY(-12deg);opacity:.3}.motion-graphic[data-arrived] .motion-stack span{transform:translate3d(0,0,0) skewY(-12deg);opacity:1}
.motion-graphic.is-active .motion-stack{animation:f7-stack 12s ease-in-out infinite}.motion-graphic.is-active .motion-symbol{animation:f7-symbol 12s ease-in-out infinite}.home-orbits.is-active{animation:f7-orbit 18s ease-in-out infinite}.motion-home.is-active>img{animation:f7-home 10s ease-in-out infinite}
@keyframes f7-stack{0%,100%{transform:rotate(-28deg) translate3d(0,0,0)}50%{transform:rotate(-20deg) translate3d(0,-9px,0)}}@keyframes f7-symbol{0%,100%{transform:rotate(-12deg) translate3d(0,0,0)}50%{transform:rotate(-4deg) translate3d(0,-10px,0)}}@keyframes f7-orbit{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(9deg)}}@keyframes f7-home{0%,100%{transform:translate3d(0,0,0) rotate(-3deg)}50%{transform:translate3d(0,-10px,0) rotate(3deg)}}
.motion-graphic:not(.is-active) *, .motion-home:not(.is-active)>img, .home-orbits:not(.is-active){animation-play-state:paused!important}
.motion-toggle{position:fixed;right:19px;bottom:18px;z-index:30;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:50px;min-height:42px;padding:9px 14px;color:var(--muted);box-shadow:0 4px 18px #0002;font-size:.75rem}.motion-toggle svg{width:12px;height:12px;fill:currentColor}.motion-toggle:hover{color:var(--ink);border-color:var(--purple)}
[data-motion=paused] .motion-graphic *,[data-motion=paused] .motion-home>img,[data-motion=paused] .home-orbits{animation-play-state:paused!important}[data-motion=paused] .f7-reveal{animation:none;opacity:1;transform:none}[data-motion=paused] .motion-stack span{transform:skewY(-12deg);opacity:1}
@media(hover:hover) and (pointer:fine){.service:hover,.service:focus-within,.copy-card:hover,.expertise:hover,.market-program:hover,.portfolio-item:hover{transform:translate3d(0,-5px,0);border-color:#827197;box-shadow:0 18px 34px -24px #0008}.service:hover::before,.service:focus-within::before{opacity:1}.portfolio-item:hover .portfolio-photo{transform:scale(1.035)}.plan:hover{border-color:#8d819c;transform:translateY(-4px)}.plan.featured:hover{border-color:var(--lime)}.motion-graphic:hover .motion-stack span{transform:translate3d(calc(var(--i)*2px),calc(var(--i)*-2px),0) skewY(-12deg)}}
@media(min-width:1550px){.hero h1{font-size:6.4rem}}
@media(max-width:1250px){.header nav{gap:14px;font-size:.8125rem}.header .brand{font-size:1.2rem}.header-inner{gap:18px}.hero{gap:4%;min-height:650px;padding-block:76px}.hero-art{min-height:490px}.hero-art img{height:360px}.motion-graphic{height:360px}.page-hero{gap:4%;grid-template-columns:minmax(0,1.3fr) minmax(280px,.8fr)}.plan{padding:32px}.plans{gap:22px}}
@media(max-width:1050px){.header nav{top:84px;font-size:1rem;gap:10px}.header nav a{width:fit-content}.page-hero{grid-template-columns:minmax(0,1.4fr) minmax(230px,.8fr)}.motion-graphic{height:310px}.page-hero h1{font-size:clamp(2.8rem,5.2vw,4.5rem)}.hero-art{min-height:430px}.hero-art img{height:310px}}
@media(max-width:800px){.wrap{padding-inline:6%}.header-inner{height:76px}.header nav{top:76px}.hero{grid-template-columns:1fr;gap:38px;padding-top:57px;padding-bottom:52px}.hero h1{font-size:clamp(3.6rem,10vw,5.5rem)}.hero-copy>p{max-width:640px}.hero-art{min-height:440px;max-width:650px;width:100%}.hero-art img{height:335px;width:80%}.proof{grid-template-columns:1fr;gap:20px;padding-block:30px}.page-section{padding-block:35px}.page-section>h2{font-size:clamp(2.3rem,6vw,3.5rem)}.page-hero,[data-page=privacy] .page-hero{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:38px;min-height:0}.page-hero .breadcrumb{margin-bottom:26px}.page-hero h1{font-size:clamp(2.8rem,8vw,4.5rem)}.page-hero .lead{font-size:1.0625rem;margin-top:24px}.motion-graphic{height:270px}.motion-stack{inset:5% 34% 1% 24%}.motion-symbol{inset:5% 26% 0% 34%}.motion-orbits i{top:-90%;width:100%}.motion-orbits i:nth-child(2){top:-130%}.motion-orbits i:nth-child(3){top:-170%}.page-hero .buttons{margin-top:25px}.closing{padding:40px;min-height:0;margin-block:45px}.closing h2{font-size:2.8rem}.closing p{font-size:1rem}.portfolio-art{height:300px}.contact-grid{gap:22px}.contact-aside,.detail-aside{padding:30px}.footer-columns{gap:30px}.motion-toggle{right:12px;bottom:12px}}
@media(max-width:520px){.header .brand{font-size:1.07rem}.header .brand img{width:30px;height:30px}.header-inner{gap:8px}.tools{gap:4px}.icon-button{width:40px;height:44px}.lang{max-width:68px;padding-inline:8px}.hero h1{font-size:clamp(3.1rem,12vw,4.3rem)}.hero h1 .last-line{font-size:.52em}.hero-copy>p{font-size:1.0625rem}.hero-art{min-height:350px}.hero-art img{height:255px;width:90%}.hero-art .art-label,.hero-art .art-bottom{padding:20px;font-size:.75rem}.hero .buttons .button{width:100%}.hero .tags{gap:7px}.tag{font-size:.75rem}.proof .brands{font-size:1.2rem}.page-hero h1{font-size:2.9rem;overflow-wrap:break-word}.page-hero .kicker{font-size:.75rem}.page-hero .lead{font-size:1rem}.motion-graphic{height:260px}.motion-stack{inset:18% 22% 16% 18%}.motion-symbol{inset:14% 19% 6% 29%}.motion-orbits i{top:-20%}.motion-orbits i:nth-child(2){top:-50%}.motion-orbits i:nth-child(3){top:-80%}.service,.copy-card,.expertise,.plan{padding:28px}.service h3,.copy-card h3{font-size:1.75rem}.service-top{margin-bottom:28px}.service p{margin-bottom:20px}.portfolio-art{height:245px}.portfolio-info{padding:25px}.portfolio-info h3{font-size:1.8rem}.closing{padding:33px 27px}.closing h2{font-size:2.55rem}.closing .button{width:100%}.step h3{font-size:1.4rem}.process-grid{gap:28px 20px}.step p{font-size:.9375rem}.contact-form{padding:24px}.contact-aside h3{overflow-wrap:anywhere}.text-highlight,.shopify-focus{padding:29px}.about-text{font-size:1.1rem}.footer-base{padding-bottom:30px}.motion-toggle{font-size:.75rem;min-height:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.f7-reveal,.f7-reveal[data-waiting],.f7-reveal[data-arrived]{opacity:1!important;transform:none!important;animation:none!important}.motion-stack span{opacity:1!important;transform:skewY(-12deg)!important}.motion-graphic *,.motion-home>img,.home-orbits{animation:none!important;transition:none!important}.motion-toggle{display:none}.service,.copy-card,.expertise,.market-program,.portfolio-item,.plan,.portfolio-photo,.button{transform:none!important}}
@media print{.motion-toggle,.intro-playground,.motion-graphic,.hero-art{display:none}.f7-reveal{opacity:1!important;transform:none!important;animation:none!important}.page-hero{display:block}.header{position:static}}

#site-content{scroll-margin-top:0}

/* Kinetic editorial type: clear motion on arrival, ambient colour, and pointer response. */
.kinetic-heading{--heading-x:0px;--heading-y:0px;position:relative}
.kinetic-heading .kinetic-word{display:inline-block!important;position:relative;white-space:normal;max-width:100%;overflow-wrap:anywhere;vertical-align:baseline;transform:translate3d(var(--heading-x),var(--heading-y),0);transition:transform .65s var(--motion-ease),color .25s;transition-delay:calc(var(--word-index)*12ms)}
.kinetic-heading.is-active .kinetic-word{animation:f7-type-in .95s var(--motion-ease) both;animation-delay:calc(var(--word-index)*65ms)}
.kinetic-heading::after{content:"";display:block;width:76px;height:4px;border-radius:3px;margin-top:25px;background:linear-gradient(90deg,var(--lime),var(--purple),var(--lime));background-size:200% 100%;transform-origin:left;animation:f7-type-line 4s ease-in-out infinite}
.kinetic-heading:not(.is-active)::after{animation-play-state:paused}
.page-hero h1 .kinetic-word:nth-child(3n+2),.hero h1 .highlight .kinetic-word{color:var(--purple)}
@keyframes f7-type-in{0%{opacity:.25;transform:translate3d(-10px,30px,0) rotate(-3deg)}100%{opacity:1;transform:translate3d(var(--heading-x),var(--heading-y),0) rotate(0)}}
@keyframes f7-type-line{0%,100%{width:76px;background-position:0% 50%}50%{width:148px;background-position:100% 50%}}
@media(hover:hover) and (pointer:fine){.kinetic-heading .kinetic-word:hover{color:var(--lime);transform:translate3d(var(--heading-x),-8px,0) rotate(-2deg)!important}}
[data-motion=paused] .kinetic-heading .kinetic-word{animation:none!important;transform:none!important;transition:none!important}[data-motion=paused] .kinetic-heading::after{animation:none!important}
@media(prefers-reduced-motion:reduce){.kinetic-heading .kinetic-word,.kinetic-heading::after{animation:none!important;transform:none!important;transition:none!important}}
@media(max-width:520px){.kinetic-heading .kinetic-word{white-space:normal}.kinetic-heading::after{margin-top:20px;height:3px}}