/* FLOVARO / STUDIO EDITION — scoped enhancements, October 2026
   Existing page navigation, pricing, contact form and PHP submission untouched. */
.studio-v2{
 --s-ink:#091426;--s-navy:#071727;--s-blue:#195bf4;--s-ice:#e9f1ff;--s-paper:#f7f9fd;--s-border:#dfe6f2;
 --s-radius:22px;letter-spacing:-.008em;
}
.studio-v2 .container{width:min(1240px,calc(100% - 56px))}
.studio-v2 .site-header{background:rgba(252,253,255,.89);box-shadow:0 1px 0 rgba(15,25,43,.06)}
.studio-v2 .nav-cta{box-shadow:0 5px 14px rgba(3,13,34,.12)}
.studio-v2 .btn,.studio-v2 .nav-cta{transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease}
@media(hover:hover){.studio-v2 .btn:hover,.studio-v2 .nav-cta:hover{transform:translateY(-3px)}}
.studio-v2 a:focus-visible,.studio-v2 button:focus-visible{outline:3px solid #6da7ff!important;outline-offset:4px}
.studio-v2 h1,.studio-v2 h2,.studio-v2 h3{letter-spacing:-.066em}
.studio-v2 .btn span[aria-hidden]{font-size:1.1em;line-height:1}
.studio-overline{display:inline-flex;align-items:center;gap:12px;color:#2466f9;font-size:.7rem;letter-spacing:.17em;font-weight:850;text-transform:uppercase}
.studio-overline::before{content:"";display:inline-block;width:29px;height:2px;background:currentColor}
.studio-overline-light{color:#83aaff}
/* Home / cinematic hero */
.studio-home .studio-home-hero{min-height:790px;padding:92px 0 110px;background:radial-gradient(ellipse 55% 60% at 80% 30%,#dae7ff 0%,transparent 70%),radial-gradient(ellipse 50% 90% at 0% 75%,#f0f4fc 20%,transparent 80%),#fafcff;position:relative;isolation:isolate}
.studio-home .studio-home-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(#6b8db0 0.6px,transparent .6px);background-size:19px 19px;opacity:.065;z-index:-1}
.studio-home .studio-home-grid{grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);gap:clamp(18px,4vw,65px);align-items:center}
.studio-home .hero-copy{position:relative;z-index:2;padding:0}
.studio-home .hero-copy .eyebrow{font-size:.72rem;letter-spacing:.12em;border:1px solid #cbdcff;background:#eef4ff;color:#205deb;padding:11px 15px;font-weight:800}
.studio-home .hero-copy h1{font-size:clamp(3.9rem,5.3vw,6.25rem);font-weight:880;line-height:.98;letter-spacing:-.082em;margin:25px 0 24px;max-width:630px;text-wrap:balance;color:#0c1729}
.studio-home .hero-copy h1 em{font-style:normal;position:relative}
.studio-home .hero-copy h1 em::after{content:"";position:absolute;left:3px;right:0;bottom:0;height:5px;border-radius:99px;background:#2b63f5;opacity:.85;transform:rotate(-.9deg)}
.studio-home .hero-copy h1 span{color:#2563f4}
.studio-home .hero-copy .lead{max-width:520px;font-size:1.075rem;line-height:1.74;color:#556378}
.studio-home .studio-hero-actions{margin-top:33px;display:flex;gap:13px;flex-wrap:wrap}
.studio-home .studio-hero-actions .btn{min-height:54px;border-radius:12px;padding:15px 20px;font-size:.88rem}
.studio-home .studio-hero-actions .btn-primary{background:#245cf4;box-shadow:0 12px 28px rgba(36,91,244,.21)}
.studio-home .studio-hero-actions .btn-secondary{background:#fff;border:1px solid #d4deed}
.studio-home .studio-hero-art{position:relative;min-height:520px;display:block;isolation:isolate}
.studio-home .studio-orbit{position:absolute;z-index:-1;border:1px solid rgba(54,116,236,.16);border-radius:50%;aspect-ratio:1}
.studio-home .studio-orbit-one{width:87%;top:-6%;left:5%;transform:rotate(-18deg)}
.studio-home .studio-orbit-two{width:62%;bottom:-5%;right:-9%;transform:rotate(20deg)}
.studio-browser{display:block;position:absolute;overflow:hidden;border-radius:14px;background:#fff;text-decoration:none!important;color:inherit!important;border:1px solid rgba(184,196,216,.8);box-shadow:0 25px 65px rgba(10,25,55,.18)}
.studio-browser-main{width:91%;height:365px;left:1%;top:48px;transform:rotate(-2.6deg);z-index:2;transition:transform .45s ease,box-shadow .45s ease}
.studio-browser-main img{width:100%;height:calc(100% - 35px);object-fit:cover;object-position:center top;display:block}
.studio-browser-bar{display:flex;align-items:center;gap:9px;height:35px;padding:0 12px;background:#f4f6fa;color:#5f6c80;font-size:.66rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.studio-browser-bar>span:nth-child(2){overflow:hidden;text-overflow:ellipsis}
.studio-dots{display:inline-flex;gap:4px;flex-shrink:0}
.studio-dots i{width:6px;height:6px;background:#ffaaa8;border-radius:50%;display:block}
.studio-dots i:nth-child(2){background:#ffda7b}.studio-dots i:nth-child(3){background:#83d9b5}
.studio-mini-arrow{margin-left:auto;font-size:.95rem;color:#234cc6}
.studio-browser-alt{width:49%;height:183px;right:-2%;bottom:10px;transform:rotate(5deg);z-index:3;box-shadow:0 23px 48px rgba(10,28,62,.23)}
.studio-browser-alt img{width:100%;height:calc(100% - 35px);object-fit:cover;object-position:center top}
.studio-founder{position:absolute;bottom:18px;left:-3%;z-index:4;background:#fff;box-shadow:0 22px 45px rgba(15,37,71,.18);border:1px solid #e0e7f3;border-radius:14px;display:flex;align-items:center;gap:11px;padding:9px 14px 9px 9px;max-width:240px;transform:rotate(-3deg)}
.studio-founder img{width:55px;height:55px;object-fit:cover;object-position:center 35%;border-radius:9px}
.studio-founder strong{display:block;font-size:.8rem;line-height:1.15;color:#0b1930}.studio-founder span{display:block;font-size:.68rem;line-height:1.35;color:#67748d;margin-top:5px}
.studio-float-label{position:absolute;right:-2%;top:5px;font-size:.65rem;font-weight:850;letter-spacing:.17em;color:#5474b2;writing-mode:vertical-rl}
@media(hover:hover){.studio-browser-main:hover{transform:translateY(-8px) rotate(-1.3deg);box-shadow:0 32px 90px rgba(17,47,113,.24)}}
.studio-trust-band{background:#fff;border-top:1px solid #e6ecf7;border-bottom:1px solid #e6ecf7}
.studio-trust-inner{min-height:90px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.studio-trust-inner>span{color:#34425a;font-size:.78rem;font-weight:720;white-space:nowrap}
.studio-trust-inner b{color:#2260ef;font-size:.68rem;margin-right:8px}
.studio-trust-inner>a{text-decoration:none;color:#164ceb;font-size:.77rem;font-weight:800}
/* Home / huge manifesto */
.studio-manifesto{overflow:hidden;position:relative;isolation:isolate;background:radial-gradient(ellipse at 89% 15%,rgba(29,81,156,.26),transparent 42%),linear-gradient(135deg,#071320,#091c30 68%,#071422);color:#fff;padding:125px 0 109px;min-height:700px}
.studio-manifesto::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.27;background:linear-gradient(transparent 98%,rgba(92,152,217,.13) 99%),linear-gradient(90deg,transparent 98%,rgba(92,152,217,.13) 99%);background-size:84px 84px;mask-image:linear-gradient(90deg,transparent,#000)}
.studio-manifesto-decor{position:absolute;inset:36px 4% auto;display:flex;justify-content:space-between;color:#7390b4;font-size:.65rem;letter-spacing:.16em;font-weight:780}
.studio-manifesto-inner{position:relative;z-index:2}
.studio-manifesto h2{font-size:clamp(4rem,8vw,9rem);letter-spacing:-.085em;line-height:.93;color:#fff;max-width:1150px;margin:26px 0 32px;font-weight:880}
.studio-manifesto h2 em{font-style:normal;color:#4481ff}
.studio-manifesto p{font-size:1.06rem;line-height:1.8;max-width:540px;color:#b8cce0}
.studio-light-link{display:inline-flex;align-items:center;gap:22px;color:#fff;text-decoration:none;font-weight:780;margin-top:18px;border-bottom:1px solid #6a86b0;padding-bottom:13px}
.studio-marquee{white-space:nowrap;overflow:hidden;color:rgba(186,207,236,.07);font-weight:900;font-size:clamp(3rem,10vw,12rem);letter-spacing:-.065em;line-height:1;margin:70px 0 -140px;pointer-events:none}
.studio-marquee>div{width:max-content;animation:studioMove 45s linear infinite}
@keyframes studioMove{to{transform:translateX(-40%)}}
/* Home / two products */
.studio-services{background:#f8faff;padding:120px 0 125px}
.studio-split-heading{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:40px;margin-bottom:46px}
.studio-split-heading h2{font-size:clamp(3.2rem,5.4vw,6rem);line-height:.97;margin:18px 0 0;color:#101b2f}
.studio-split-heading h2 span{color:#265ff4}
.studio-split-heading p{max-width:430px;color:#59687c;line-height:1.8;font-size:1.05rem;justify-self:end}
.studio-service-list{border-top:1px solid #dbe4f2}
.studio-service-row{display:grid;grid-template-columns:1fr 1.15fr;gap:40px;align-items:center;padding:52px 0;border-bottom:1px solid #dbe4f2}
.studio-service-row:nth-child(2) .studio-service-content{order:2}
.studio-service-row:nth-child(2) .studio-service-visual{order:1}
.studio-service-num{font-size:.71rem;font-weight:850;letter-spacing:.15em;color:#3c6bf2}
.studio-service-content h3{font-size:clamp(2.45rem,4.25vw,4.75rem);line-height:1.01;margin:17px 0;color:#101b2f}
.studio-service-content p{max-width:455px;font-size:1.02rem;line-height:1.8;color:#586779}
.studio-service-content ul{display:flex;flex-wrap:wrap;gap:8px;margin:23px 0 26px;list-style:none;padding:0}
.studio-service-content ul li{font-size:.73rem;border:1px solid #d5e0f4;padding:8px 11px;border-radius:30px;color:#41536e;background:#fff;font-weight:660}
.studio-text-link{display:inline-flex;gap:25px;align-items:center;border-bottom:2px solid #2563eb;padding-bottom:10px;text-decoration:none;font-weight:820;color:#194edf}
.studio-service-visual{min-height:385px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:24px;isolation:isolate}
.studio-web-art{background:radial-gradient(ellipse at 75% 20%,#cce0ff,transparent 60%),linear-gradient(135deg,#e9f1ff,#c5d9fc)}
.studio-ads-art{background:radial-gradient(ellipse at 10% 0%,#233d72,transparent 60%),linear-gradient(135deg,#061626,#0c2d51)}
.studio-service-visual::before{content:"";inset:14px;position:absolute;border:1px solid rgba(255,255,255,.35);border-radius:16px}
.studio-window{position:relative;width:76%;height:270px;overflow:hidden;border:1px solid #d5e0ea;border-radius:11px;background:#fff;box-shadow:0 25px 50px rgba(4,20,51,.22);transform:rotate(-3deg)}
.studio-ads-art .studio-window{transform:rotate(3deg)}
.studio-window-nav{height:28px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 12px;font-size:.65rem;color:#53617c;letter-spacing:.03em}
.studio-window img{width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top}
.studio-art-stamp{position:absolute;bottom:24px;right:22px;font-weight:850;letter-spacing:.12em;font-size:.7rem;color:#3556a3}
.studio-ads-art .studio-art-stamp{color:#a9c6f7}
.studio-services-footnote{color:#697991;font-size:.83rem;margin:23px 0 0}
/* portfolio */
.studio-portfolio{background:#081726;color:#fff;position:relative;overflow:hidden;padding:120px 0}
.studio-portfolio::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 100% 50%,rgba(24,72,132,.30),transparent 55%);pointer-events:none}
.studio-portfolio>.container{position:relative}
.studio-portfolio-header{display:grid;grid-template-columns:1fr .8fr;gap:55px;align-items:end;margin-bottom:48px}
.studio-portfolio-header h2{font-size:clamp(3.6rem,6vw,6.8rem);line-height:.94;color:#fff;margin:15px 0 0}
.studio-portfolio-header h2 em{font-style:normal;color:#5b90ff}
.studio-portfolio-header p{line-height:1.8;font-size:1.04rem;color:#b9c9db;max-width:430px;justify-self:end}
.studio-project-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;min-height:590px}
.studio-project-switcher{display:flex;flex-direction:column;gap:8px}
.studio-project-tab{text-align:left;min-height:116px;display:grid;grid-template-columns:32px 1fr;column-gap:10px;align-content:center;padding:20px;background:#102334;border:1px solid rgba(155,196,240,.12);border-radius:13px;color:#c6d7ec;cursor:pointer;transition:background .25s ease,border-color .25s ease}
.studio-project-tab span{grid-row:span 2;color:#6387aa;font-size:.8rem;font-weight:800}
.studio-project-tab strong{font-size:1.05rem;letter-spacing:-.035em;color:inherit}
.studio-project-tab small{font-size:.73rem;color:#8fa6bf;margin-top:6px}
.studio-project-tab.is-active,.studio-project-tab:hover{background:#1e4eea;border-color:#7ba0ff;color:#fff}
.studio-project-tab.is-active small,.studio-project-tab.is-active span{color:#d1e3ff}
.studio-project-stage{min-width:0;background:#0d1b2a;border:1px solid rgba(174,202,240,.16);border-radius:18px;overflow:hidden}
.studio-project-browser{margin:23px 24px 0;height:380px;border:1px solid #435266;border-radius:13px 13px 6px 6px;background:#fff;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.18)}
.studio-project-browser .studio-browser-bar{background:#e9edf3;height:34px}
.studio-project-browser img{width:100%;height:calc(100% - 34px);object-fit:cover;object-position:top center;display:block;transition:opacity .18s ease}
.studio-project-browser img.is-changing{opacity:.25}
.studio-project-detail{display:flex;align-items:end;justify-content:space-between;gap:25px;padding:27px 29px 31px}
.studio-project-detail>div:first-child{max-width:540px}
#studio-project-kind{color:#7ca4e8;font-size:.67rem;letter-spacing:.12em;font-weight:850}
#studio-project-name{font-size:2rem;color:#fff;line-height:1.05;margin:10px 0 8px}
#studio-project-description{font-size:.86rem;line-height:1.65;color:#a9bcce;margin:0}
.studio-project-actions{display:flex;align-items:center;flex-direction:column;gap:21px;text-align:right}
.studio-project-actions>a{white-space:nowrap;text-decoration:none;color:#fff;border-bottom:1px solid #6a91d8;font-weight:760;font-size:.78rem;padding-bottom:10px}
#studio-project-counter{font-size:.75rem;font-weight:800;color:#7094bc;letter-spacing:.16em}
.studio-portfolio-foot{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:25px}
.studio-portfolio-foot>span{font-size:.63rem;letter-spacing:.15em;font-weight:790;color:#82a0be}
.studio-portfolio-foot>a{font-size:.82rem;font-weight:830;color:#fff;text-decoration:none}
/* Bridge CTA */
.studio-bridge{
  background:
    linear-gradient(100deg,rgba(5,17,31,.82) 0%,rgba(7,22,39,.81) 50%,rgba(6,17,29,.87) 100%),
    url("../images/flovaro-bg-statement.webp") center 48% / cover no-repeat,
    #071727;
  color:#fff;
  position:relative;
  overflow:hidden;
  padding:78px 0;
}
.studio-bridge::after{content:"F";position:absolute;right:3%;top:-130px;font-size:430px;line-height:1;font-weight:900;color:rgba(255,255,255,.035);pointer-events:none}
.studio-bridge-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;position:relative;z-index:1}
.studio-bridge .studio-overline{color:#d2e0ff}
.studio-bridge h2{font-size:clamp(2.5rem,4.7vw,5.3rem);line-height:1;letter-spacing:-.065em;color:#fff;margin:19px 0 0}
.studio-bridge h2 em{font-style:normal;color:#a3c5fb}
.studio-bridge-cta{display:inline-flex;white-space:nowrap;align-items:center;gap:16px;background:#fff;color:#1436ac;text-decoration:none;border-radius:12px;padding:19px 24px;font-size:.86rem;font-weight:840;box-shadow:0 15px 35px rgba(5,25,83,.2)}
/* preserve original lower content but refine spacing */
.studio-home #preise{padding-top:110px}
.studio-home #kontakt,.studio-offer #anfrage{scroll-margin-top:100px}
.studio-home #arbeiten,.studio-home #leistungen,.studio-offer #pakete{scroll-margin-top:88px}
/* Offer — interactive miniature funnel hero */
.studio-offer .studio-ad-hero{padding:112px 0 115px;min-height:670px;background:radial-gradient(ellipse at 77% 22%,#d9e7ff 0%,transparent 57%),linear-gradient(180deg,#fcfdff,#f0f5fc)}
.studio-offer .studio-ad-hero .ad-hero-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:70px}
.studio-offer .studio-ad-hero h1{font-size:clamp(3.8rem,5.7vw,6rem);letter-spacing:-.085em;line-height:.97;max-width:700px}
.studio-offer .studio-ad-hero h1 span{color:#245ef5}
.studio-offer .studio-ad-hero .lead{max-width:560px;line-height:1.72}
.studio-offer .ad-clarity{margin-top:25px}
.studio-offer .ad-hero .button-row .btn{min-height:53px}
.studio-flow-demo{position:relative;max-width:580px;margin-left:auto;background:#0d1d32;border:1px solid #2b4364;border-radius:22px;padding:16px;box-shadow:0 28px 72px rgba(15,39,84,.20);color:#102036}
.studio-flow-demo::before{content:"";position:absolute;inset:-15px;border:1px solid rgba(55,122,246,.14);border-radius:31px;pointer-events:none}
.studio-flow-head{display:flex;justify-content:space-between;gap:10px;color:#a5bbdd;font-size:.59rem;font-weight:800;letter-spacing:.1em;padding:7px 5px 18px}
.studio-flow-head span:first-child{display:flex;align-items:center;gap:7px}.studio-flow-head i{display:block;width:7px;height:7px;background:#64e4a2;border-radius:50%;box-shadow:0 0 0 4px rgba(100,228,162,.12)}
.studio-flow-card{background:#fff;border-radius:15px;padding:27px;box-shadow:0 15px 45px rgba(4,16,41,.12)}
.studio-flow-progress{display:flex;justify-content:space-between;gap:20px;font-size:.68rem;color:#8290a6;font-weight:800;letter-spacing:.07em}.studio-flow-progress strong{color:#255cf0;letter-spacing:0}
.studio-flow-steps{display:flex;gap:5px;margin:14px 0 30px}.studio-flow-steps i{flex:1;background:#e5ebf5;height:4px;border-radius:8px}.studio-flow-steps i.is-active{background:#2462f8}
.studio-flow-eyebrow{font-size:.68rem;font-weight:900;letter-spacing:.11em;color:#2863e8}
.studio-flow-screen{min-height:258px}
.studio-flow-screen h2{font-size:clamp(1.6rem,2.4vw,2.6rem);line-height:1.05;letter-spacing:-.055em;margin:9px 0 10px;color:#13243c}
.studio-flow-screen p{color:#748199;font-size:.83rem;line-height:1.55;margin-bottom:16px}
.studio-flow-options{display:grid;gap:9px}
.studio-flow-options button{min-height:49px;width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #dce5f2;background:#f9fbff;border-radius:11px;padding:11px 14px;font-weight:740;color:#273956;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.studio-flow-options button span{color:#2966f5}
.studio-flow-options button:hover,.studio-flow-options button:focus-visible{border-color:#4c83ed;background:#eef4ff}
.studio-flow-bottom{border-top:1px solid #e4ebf4;margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:.68rem;color:#8e9aae}
.studio-flow-bottom button{border:0;background:none;color:#2855c7;font-size:.77rem;font-weight:830;cursor:pointer}.studio-flow-bottom button:disabled{opacity:.35;cursor:default}
.studio-flow-open{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 5px 5px;text-decoration:none;color:#fff;font-weight:760;font-size:.85rem}
.studio-flow-restart{background:#255ef6!important;border-color:#255ef6!important;color:#fff!important}
/* Offer — visual demo spotlight */
.studio-demo-spotlight{background:#081827;position:relative;overflow:hidden;padding:105px 0;color:#fff}
.studio-demo-spotlight::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 81% 50%,rgba(23,77,159,.33),transparent 48%)}
.studio-demo-spotlight-grid{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:60px}
.studio-demo-info h2{font-size:clamp(3rem,5.2vw,6rem);color:#fff;line-height:.98;margin:19px 0 25px}
.studio-demo-info h2 em{font-style:normal;color:#7ca7ff}
.studio-demo-info p{font-size:1.05rem;max-width:520px;color:#b4c8dc;line-height:1.8}
.studio-demo-button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:17px 21px;border-radius:11px;background:#2460f2;color:#fff;font-weight:810;text-decoration:none;margin:20px 0 14px;box-shadow:0 15px 30px rgba(9,40,134,.25)}
.studio-demo-info small{display:block;color:#92abc3;font-size:.72rem}
.studio-demo-display{background:#fff;border-radius:14px;overflow:hidden;transform:rotate(2deg);box-shadow:0 32px 60px rgba(0,0,0,.33);border:1px solid rgba(255,255,255,.15)}
.studio-demo-preview-top{height:37px;display:flex;align-items:center;gap:6px;background:#eef2f7;padding:0 12px}
.studio-demo-preview-top i{width:6px;height:6px;border-radius:50%;background:#ff7f86}.studio-demo-preview-top i:nth-child(2){background:#fdc76d}.studio-demo-preview-top i:nth-child(3){background:#7dd7a8}
.studio-demo-preview-top span{margin-left:12px;color:#63708a;font-size:.68rem;letter-spacing:.05em}
.studio-demo-display img{width:100%;height:375px;object-fit:cover;object-position:top;display:block}
/* Shared nice pricing and existing components accent */
.studio-offer .setup-offer-card-premium{box-shadow:0 20px 60px rgba(38,85,175,.09)}
.studio-v2 .website-price-card,.studio-v2 .care-card{transition:transform .3s ease,box-shadow .3s ease}
@media(hover:hover){.studio-v2 .website-price-card:hover,.studio-v2 .care-card:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(24,61,127,.11)}}
/* Responsive */
@media(max-width:1120px){
.studio-home .hero-copy h1{font-size:clamp(3.25rem,5.8vw,5rem)}
.studio-home .studio-home-hero{min-height:700px}
.studio-home .studio-hero-art{min-height:455px}
.studio-browser-main{height:315px}
.studio-browser-alt{height:170px}
.studio-founder{bottom:10px}
.studio-project-shell{grid-template-columns:220px minmax(0,1fr)}
.studio-project-tab{padding:17px;min-height:112px}
.studio-project-browser{height:330px}
.studio-offer .studio-ad-hero .ad-hero-grid{gap:34px}
}
@media(max-width:900px){
.studio-v2 .container{width:min(720px,calc(100% - 38px))}
.studio-home .studio-home-hero{padding:65px 0 75px;min-height:0}
.studio-home .studio-home-grid,.studio-offer .studio-ad-hero .ad-hero-grid{grid-template-columns:1fr;gap:30px}
.studio-home .hero-copy h1{font-size:clamp(3.7rem,7.4vw,5.6rem);max-width:690px}
.studio-home .hero-copy .lead{max-width:660px}
.studio-home .studio-hero-art{width:100%;max-width:660px;margin:5px auto 0;min-height:490px}
.studio-browser-main{height:350px;width:87%;left:4%}
.studio-browser-alt{right:1%;width:43%}
.studio-founder{left:1%}
.studio-trust-inner{padding:20px 0;min-height:0;justify-content:flex-start;gap:16px 28px}
.studio-trust-inner>a{margin-left:auto}
.studio-manifesto{min-height:0;padding:110px 0 96px}
.studio-manifesto h2{font-size:clamp(3.9rem,8vw,6.4rem)}
.studio-split-heading,.studio-portfolio-header{grid-template-columns:1fr;gap:20px}
.studio-split-heading p,.studio-portfolio-header p{justify-self:start;max-width:630px}
.studio-service-row{grid-template-columns:1fr;gap:26px;padding:40px 0}
.studio-service-row:nth-child(2) .studio-service-content{order:1}
.studio-service-row:nth-child(2) .studio-service-visual{order:2}
.studio-service-visual{min-height:420px}
.studio-project-shell{grid-template-columns:1fr}
.studio-project-switcher{flex-direction:row;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;padding-bottom:3px}
.studio-project-tab{min-width:176px;min-height:90px;scroll-snap-align:start;flex:1}
.studio-project-stage{min-height:0}
.studio-project-browser{height:390px}
.studio-bridge-inner{align-items:flex-start;flex-direction:column;gap:28px}
.studio-offer .studio-ad-hero{min-height:0;padding:70px 0 90px}
.studio-offer .studio-ad-hero h1{font-size:clamp(3.5rem,7vw,5.8rem)}
.studio-flow-demo{margin:15px auto 0;max-width:610px;width:100%}
.studio-demo-spotlight-grid{grid-template-columns:1fr;gap:35px}
.studio-demo-display{max-width:700px}
}
@media(max-width:580px){
.studio-v2 .container{width:calc(100% - 36px)}
.studio-home .studio-home-hero{padding:48px 0 40px}
.studio-home .hero-copy .eyebrow{font-size:.62rem;padding:9px 11px}
.studio-home .hero-copy h1{font-size:clamp(3rem,12vw,4.5rem);line-height:.99;margin:23px 0 19px}
.studio-home .hero-copy h1 em::after{height:3px}
.studio-home .hero-copy .lead{font-size:.96rem;line-height:1.68}
.studio-home .studio-hero-actions{gap:10px;margin-top:23px}
.studio-home .studio-hero-actions .btn{width:auto;min-height:47px;padding:13px 15px;font-size:.75rem}
.studio-home .studio-hero-art{min-height:300px;margin-top:17px}
.studio-browser-main{height:220px;width:89%;top:14px;left:2%;border-radius:10px}
.studio-browser-alt{width:49%;height:115px;bottom:4px;right:1%;border-radius:8px}
.studio-browser-bar{height:25px;font-size:.52rem;padding:0 9px}
.studio-browser-main img,.studio-browser-alt img{height:calc(100% - 25px)}
.studio-founder{bottom:8px;left:0;max-width:190px;padding:6px 8px;gap:7px;border-radius:10px}
.studio-founder img{width:41px;height:41px}
.studio-founder strong{font-size:.64rem}.studio-founder span{font-size:.56rem}
.studio-float-label{display:none}
.studio-trust-inner{gap:13px;padding:17px 0}
.studio-trust-inner>span{font-size:.67rem}
.studio-trust-inner>a{width:100%;margin-left:0;padding-top:7px}
.studio-manifesto{padding:94px 0 75px}
.studio-manifesto-decor{top:22px;font-size:.48rem}
.studio-manifesto h2{font-size:clamp(3.2rem,12vw,5.3rem);line-height:.98}
.studio-manifesto p{font-size:.94rem;line-height:1.7}
.studio-marquee{margin:45px 0 -95px}
.studio-services,.studio-portfolio{padding:78px 0}
.studio-split-heading h2,.studio-portfolio-header h2{font-size:clamp(3rem,11vw,4.7rem)}
.studio-split-heading p,.studio-portfolio-header p{font-size:.94rem;line-height:1.65}
.studio-service-content h3{font-size:3.2rem}
.studio-service-content p{font-size:.93rem;line-height:1.7}
.studio-service-visual{min-height:270px;border-radius:16px}
.studio-window{width:79%;height:180px}
.studio-art-stamp{font-size:.57rem;bottom:14px;right:12px}
.studio-project-tab{min-width:157px;padding:13px;grid-template-columns:23px 1fr}
.studio-project-tab strong{font-size:.87rem}
.studio-project-tab small{font-size:.65rem}
.studio-project-browser{margin:10px 10px 0;height:235px}
.studio-project-browser .studio-browser-bar{height:28px}
.studio-project-browser img{height:calc(100% - 28px)}
.studio-project-detail{padding:19px 18px 25px;display:block}
#studio-project-name{font-size:1.65rem}
#studio-project-description{font-size:.83rem}
.studio-project-actions{flex-direction:row;justify-content:space-between;align-items:center;margin-top:22px}
.studio-portfolio-foot{display:block}
.studio-portfolio-foot>a{display:block;margin-top:15px}
.studio-bridge{padding:65px 0}
.studio-bridge h2{font-size:clamp(2.75rem,10.7vw,4rem)}
.studio-bridge-cta{white-space:normal;line-height:1.5}
.studio-offer .studio-ad-hero{padding:50px 0 75px}
.studio-offer .studio-ad-hero h1{font-size:clamp(3.05rem,11.3vw,4.8rem)}
.studio-offer .studio-ad-hero .lead{font-size:.94rem}
.studio-flow-demo{padding:10px;border-radius:16px}
.studio-flow-demo::before{display:none}
.studio-flow-head{font-size:.51rem;padding:9px 5px 13px}
.studio-flow-card{padding:20px}
.studio-flow-screen{min-height:245px}
.studio-flow-screen h2{font-size:2rem}
.studio-demo-spotlight{padding:80px 0}
.studio-demo-info h2{font-size:clamp(2.9rem,10vw,4.5rem)}
.studio-demo-info p{font-size:.93rem}
.studio-demo-display img{height:250px}
}
@media(max-width:360px){.studio-home .studio-hero-actions .btn{font-size:.7rem;padding:11px 12px}.studio-home .hero-copy h1{font-size:2.95rem}.studio-browser-main{height:190px}.studio-home .studio-hero-art{min-height:275px}.studio-founder{max-width:158px}.studio-founder span{display:none}.studio-service-content h3{font-size:2.8rem}.studio-project-browser{height:210px}}
@media(prefers-reduced-motion:reduce){.studio-marquee>div{animation:none}.studio-browser-main,.studio-v2 .btn,.studio-project-browser img{transition:none!important}}
.flovaro-arrow-svg{display:inline-block;vertical-align:-.17em;width:1em;height:1em;flex:none;color:inherit;fill:none}