/* Finderativ: one layered scene, with independently animated service objects. */
.hero-header-dark{width:100%;max-width:none;margin:0;min-height:94px;padding-inline:max(6%,calc((100% - 1280px)/2));background:#000;color:#fff;position:relative;z-index:30;font-family:Lufga,sans-serif}
.hero-header-dark nav>a{color:#e4e4ea}.hero-header-dark nav>a:hover{color:#ff5f82}
.hero-header-dark .small{background:#ff1f4e;color:#000;font-weight:700;border:1px solid #ff1f4e}
.hero-header-dark .small>span{background:#000;color:#fff}
.hero-header-dark .menu-toggle{background:#ffffff08;border-color:#ffffff30}.hero-header-dark .menu-toggle span{background:#fff}
.hero.hero-cinematic{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0;background:#000;color:#fff;overflow:hidden;isolation:isolate;font-family:Lufga,sans-serif}
.hero-cinematic:before{display:none}
.cinematic-inner{width:min(1280px,88%);margin-inline:auto;position:relative;display:grid;grid-template-columns:minmax(0,.94fr) minmax(0,1.18fr);align-items:center;min-height:620px;gap:0}
.hero-cinematic .hero-copy{position:relative;z-index:15;width:100%;padding:35px 0 45px;margin:0}
.hero-cinematic .hero-intro{display:flex;gap:13px;align-items:center;margin:0 0 24px;color:#d4d4de;font-size:11px;font-weight:500;line-height:1.5;letter-spacing:.2em;text-transform:uppercase}
.hero-cinematic .hero-intro:before{content:'';width:30px;height:3px;border-radius:4px;background:#ff1f4e;flex:none;box-shadow:0 0 15px #ff1f4e50}
.hero-cinematic h1{margin:0;max-width:100%;color:#fafafd;font-size:clamp(46px,4.8vw,70px);font-weight:800;line-height:1.02;letter-spacing:-.065em;text-transform:uppercase}
.hero-cinematic .cine-line{display:block;overflow:clip;padding:0 .1em .08em 0;margin-right:-.1em}
.hero-cinematic .cine-line>span{display:block;transform-origin:left bottom}
.hero-cinematic .cine-strong{font-size:1.6em;line-height:.96;color:#ff1f4e;letter-spacing:-.075em;margin-top:-.02em;padding-bottom:.08em}
.hero-cinematic .cine-strong em{font-style:normal;color:inherit;font-weight:inherit}
.hero-cinematic .cine-tail{font-size:.43em;line-height:1.35;font-weight:600;letter-spacing:-.035em;padding-top:8px;color:#f3f3f7}
.hero-cinematic .lead{max-width:400px;font-size:17px;line-height:1.65;color:#bdbdc8;margin:24px 0 0}
.hero-cinematic .actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin-top:28px}
.hero-cinematic .actions .button{background:#ff1f4e;color:#000;font-size:15px;line-height:1.3;font-weight:700;min-height:56px;padding:15px 15px 15px 23px;gap:22px;border:1px solid #ff1f4e;box-shadow:0 8px 35px #ff1f4e17;transition:background .2s ease,transform .2s ease,box-shadow .2s ease}
.hero-cinematic .actions .button>span{display:grid;place-items:center;width:28px;height:28px;background:#000;color:#fff;border-radius:50%;font-size:17px;transition:transform .2s ease}
.hero-cinematic .actions .underlink{color:#e6e6ed;font-size:13px;font-weight:500;line-height:1.45;border:0;min-height:44px;padding:5px 0;display:inline-flex;align-items:center;gap:8px}
.hero-cinematic .actions .underlink:after{content:'↗';color:#ff718f;font-size:19px}
.hero-pillars{display:flex;list-style:none;padding:0;margin:38px 0 0;gap:0;color:#e4e4ec;max-width:430px}
.hero-pillars li{display:flex;flex-direction:column;gap:9px;padding:0 20px;min-width:0;border-left:1px solid #ffffff24;flex:1;font-size:12px;font-weight:500;line-height:1.35}
.hero-pillars li:first-child{padding-left:0;border-left:0}.hero-pillars li:last-child{padding-right:0;flex:1.25}
.hero-pillars svg{width:23px;height:23px;stroke:#e7e7ef;stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.hero-scene{--scene-height:620px;position:relative;width:calc(100% + 86px);height:var(--scene-height);margin:0 -46px 0 0;align-self:end;justify-self:end;isolation:isolate;pointer-events:none}
.scene-halo{position:absolute;inset:12% -7% -9% 7%;z-index:0;background:radial-gradient(ellipse at 61% 60%,#ff1f4e42 0,#ff1f4e19 31%,transparent 64%);pointer-events:none}
.scene-halo:after{content:'';position:absolute;inset:4% 4% 32% 23%;background:radial-gradient(ellipse at 80% 50%,#9564bc18,transparent 62%)}
.hero-cinematic .scene-portrait{position:absolute;z-index:4;left:8%;bottom:0;width:82%;height:auto;max-width:none;max-height:100%;display:block;object-fit:contain;object-position:center bottom;filter:brightness(.96) contrast(1.025)}
.scene-base-shade{position:absolute;inset:auto -6% 0 0;height:25px;z-index:5;background:linear-gradient(transparent,#000);pointer-events:none}
.float-object{position:absolute;will-change:transform;z-index:3}
.float-laptop{width:45%;left:-8%;top:19%;z-index:1}
.laptop{position:relative;transform:perspective(850px) rotateY(15deg) rotateZ(-7deg);transform-origin:center bottom;filter:drop-shadow(0 12px 24px #0009)}
.laptop-screen{position:relative;width:100%;aspect-ratio:1.48;border:2px solid #a2a2a8;border-bottom-color:#4b4b52;border-radius:12px 12px 5px 5px;background:linear-gradient(155deg,#44444b,#18181d);padding:7px 7px 10px;box-shadow:inset 0 1px 0 #ffffff70,0 0 0 1px #050507}
.laptop-browser{height:13px;display:flex;align-items:center;gap:4px;padding:0 2px 6px}.laptop-browser i{width:4px;height:4px;border-radius:50%;background:#ff5f57}.laptop-browser i:nth-child(2){background:#ffbd2e}.laptop-browser i:nth-child(3){background:#28c840}
.mini-site{position:relative;height:calc(100% - 13px);overflow:hidden;border-radius:2px;background:radial-gradient(ellipse at 87% 80%,#ff1f4e39,transparent 62%),#0b0b10;color:white;padding:13px}
.mini-site-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;font-weight:600}.mini-site-top b{font-weight:700;font-size:9px}.mini-site-top b span{color:#ff1f4e}.mini-site-top>span{color:#9e9ea9;font-size:5px;letter-spacing:.1em}
.mini-site-copy{position:absolute;left:13px;top:34%;z-index:2}.mini-site-copy strong{display:block;font-size:clamp(10px,1.2vw,17px);font-weight:600;line-height:1.15;letter-spacing:-.04em}.mini-site-copy strong span{color:#ff466c}.mini-site-copy p{font-size:5px;line-height:1.5;max-width:95px;color:#a6a6b4;margin:7px 0}.mini-site-button{display:inline-block;background:#ff1f4e;border-radius:3px;width:40px;height:8px}
.mini-site-art{position:absolute;right:-4%;bottom:-4%;width:51%;height:75%;border:1px solid #ff1f4e99;border-radius:45% 18% 35% 18%;transform:rotate(-14deg);background:radial-gradient(ellipse at 68% 25%,#ff688866,transparent 66%),linear-gradient(150deg,#ff1f4e44,#39061520);box-shadow:0 0 25px #ff1f4e18,inset 0 1px 0 #ff93ad55}
.mini-site-art:after{content:'';position:absolute;inset:16%;border:1px solid #ff93ad50;border-radius:inherit}
.laptop-base{position:relative;left:-5%;width:110%;height:28px;background:linear-gradient(#77777f,#33333b 38%,#75757e 75%,#232329);clip-path:polygon(4.6% 0,95.4% 0,100% 77%,98% 100%,2% 100%,0 77%);border-radius:0 0 13px 13px;box-shadow:0 3px 1px #000}
.laptop-base:before{content:'';position:absolute;inset:3px 11% 11px;background:repeating-linear-gradient(90deg,transparent 0 8px,#7772 8px 10px),repeating-linear-gradient(0deg,#141419 0 3px,#38383e 3px 5px);transform:perspective(200px) rotateX(35deg);border-radius:2px}
.laptop-base:after{content:'';position:absolute;left:43%;bottom:2px;width:17%;height:6px;border-radius:1px 1px 5px 5px;background:#a4a4ab66}
.float-google{width:30%;right:0;top:8%;z-index:3}
.service-glass{border:1px solid #ffffff36;border-top-color:#ffffff55;background:linear-gradient(145deg,#2b2b31d9,#111116eb);box-shadow:0 17px 34px #0005,inset 0 1px 0 #ffffff0b;backdrop-filter:blur(10px)}
.google-panel{padding:17px 17px 15px;border-radius:21px;transform:perspective(700px) rotateY(-11deg) rotateZ(-5deg)}
.google-word{display:flex;letter-spacing:-.06em;font-size:26px;font-weight:600;line-height:1.1;margin-bottom:12px}.g-blue{color:#4285f4}.g-red{color:#ea4335}.g-yellow{color:#fbbc05}.g-green{color:#34a853}
.google-panel-body{display:flex;align-items:center;justify-content:space-between;gap:8px}.google-panel strong{display:block;font-size:15px;line-height:1.25;font-weight:600;letter-spacing:-.03em;color:#f7f7fa}.google-panel small{display:block;font-size:9px;color:#b4b4c1;margin-top:10px}.google-store{width:43px;height:43px;flex:none}
.float-instagram{width:23%;right:-1%;top:34%;z-index:3}
.phone{position:relative;padding:5px;border-radius:27px;background:linear-gradient(130deg,#bbb7be,#49454f 20%,#9a969e 55%,#27252b);box-shadow:0 14px 30px #0008;transform:perspective(700px) rotateY(-9deg) rotateZ(12deg)}
.phone-screen{position:relative;aspect-ratio:.6;background:linear-gradient(150deg,#16141b,#09090c);border:1px solid #000;border-radius:22px;padding:28px 12px 18px;overflow:hidden;text-align:center}
.phone-camera{position:absolute;top:5px;left:33%;height:8px;width:34%;border-radius:20px;background:#030305}
.instagram-symbol{width:43px;height:43px;margin:0 auto 12px;display:block}.phone strong{font-size:13px;line-height:1.3;font-weight:600;display:block;color:#f8f8fb;letter-spacing:-.02em}
.profile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:15px}.profile-grid i{aspect-ratio:1;background:linear-gradient(140deg,#ff1f4e2b,#ffffff14);border:1px solid #ffffff0c;border-radius:4px}.profile-grid i:nth-child(2n){background:linear-gradient(130deg,#ffffff20,#ffffff07)}.profile-grid i:nth-child(3n){background:linear-gradient(130deg,#9359cd2b,#ffffff0b)}
.phone-screen:after{content:'';position:absolute;bottom:6px;left:34%;width:32%;height:3px;background:#d7d2df77;border-radius:10px}
.float-identity{width:33%;right:0;bottom:21%;z-index:9}
.identity-panel{display:flex;align-items:center;gap:13px;padding:17px 17px 16px;border-radius:17px;transform:perspective(700px) rotateY(-6deg) rotateZ(7deg)}
.identity-icon{width:34px;height:48px;flex:none;color:#eeeef3}.identity-body{flex:1;min-width:0}.identity-panel .identity-logo{display:block;width:110px;height:auto;max-width:100%;margin-bottom:8px}.identity-panel strong{font-size:13px;line-height:1.3;color:#f3f3f7;font-weight:500;display:block;letter-spacing:-.025em}
.identity-palette{display:flex;margin-top:12px;height:10px;border-radius:3px;overflow:hidden;width:92px;max-width:100%}.identity-palette i{flex:1;background:#ff1f4e}.identity-palette i:nth-child(2){background:#ff597b}.identity-palette i:nth-child(3){background:#f2f2f5}.identity-palette i:nth-child(4){background:#34343a}
.scene-description{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.hero-cinematic.motion-enabled .float-laptop{animation:cinema-float 10.5s ease-in-out -2s infinite}.hero-cinematic.motion-enabled .float-google{animation:cinema-float 8.5s ease-in-out -.8s infinite}.hero-cinematic.motion-enabled .float-instagram{animation:cinema-float-reverse 9.5s ease-in-out -3.5s infinite}.hero-cinematic.motion-enabled .float-identity{animation:cinema-float-small 7.8s ease-in-out -1.6s infinite}
.hero-cinematic.motion-suspended .float-object{animation-play-state:paused!important}
.hero-cinematic.is-entering .cine-line>span{animation:cinema-text-in .8s cubic-bezier(.2,.8,.2,1) both}.hero-cinematic.is-entering .cine-strong>span{animation-delay:.09s}.hero-cinematic.is-entering .cine-tail>span{animation-delay:.18s}
.hero-cinematic.is-entering .lead,.hero-cinematic.is-entering .actions,.hero-cinematic.is-entering .hero-pillars{animation:cinema-copy-in .7s ease .25s both}
.hero-cinematic.is-entering.portrait-visible .scene-portrait{animation:cinema-photo-in 1s cubic-bezier(.2,.7,.2,1) both}.hero-cinematic.is-entering:not(.portrait-visible) .scene-portrait{opacity:0}
@keyframes cinema-float{0%,100%{transform:translate3d(0,3px,0)}50%{transform:translate3d(0,-4px,0)}}
@keyframes cinema-float-reverse{0%,100%{transform:translate3d(0,-3px,0)}50%{transform:translate3d(0,4px,0)}}
@keyframes cinema-float-small{0%,100%{transform:translate3d(0,2px,0)}50%{transform:translate3d(0,-3px,0)}}
@keyframes cinema-text-in{from{transform:translateY(110%)}to{transform:translateY(0)}}
@keyframes cinema-copy-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes cinema-photo-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.hero-cinematic .actions .button:hover,.hero-header-dark .small:hover{background:#ff597b;color:#000;transform:translateY(-2px);box-shadow:0 10px 35px #ff1f4e2a}.hero-cinematic .actions .button:hover>span{transform:rotate(45deg)}.hero-cinematic .actions .underlink:hover{color:#ff87a1}}
@media(min-width:1500px){.cinematic-inner{min-height:680px}.hero-scene{--scene-height:680px;width:calc(100% + 110px);margin-right:-60px}.hero-cinematic h1{font-size:74px}.hero-cinematic .lead{font-size:18px;max-width:430px}.hero-cinematic .actions{gap:26px}.hero-cinematic .hero-copy{padding-bottom:55px}}
@media(min-width:701px) and (max-width:1000px){.hero-header-dark{min-height:85px}.cinematic-inner{width:88%;min-height:560px;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr)}.hero-cinematic .hero-copy{padding:30px 0 38px}.hero-cinematic h1{font-size:clamp(39px,5.1vw,51px)}.hero-cinematic .cine-tail{font-size:.46em}.hero-cinematic .hero-intro{font-size:9px;letter-spacing:.13em;gap:10px;margin-bottom:20px}.hero-cinematic .hero-intro:before{width:22px}.hero-cinematic .lead{font-size:16px;max-width:330px;margin-top:20px}.hero-cinematic .actions{gap:9px 16px;margin-top:23px}.hero-cinematic .actions .button{font-size:13px;padding:12px 12px 12px 18px;min-height:50px;gap:14px}.hero-cinematic .actions .underlink{font-size:12px}.hero-pillars{margin-top:27px}.hero-pillars li{padding-inline:12px;font-size:11px}.hero-scene{--scene-height:550px;width:calc(100% + 70px);margin-right:-38px}.float-laptop{top:25%;width:47%;left:-4%}.float-google{top:15%;width:32%}.google-panel{padding:12px;border-radius:16px}.google-word{font-size:22px;margin-bottom:8px}.google-panel strong{font-size:12px}.google-panel small{font-size:8px}.google-store{width:31px;height:31px}.float-instagram{width:25%;top:39%;right:-2%}.phone-screen{padding:24px 8px 16px}.instagram-symbol{width:30px;height:30px;margin-bottom:9px}.phone strong{font-size:10px}.profile-grid{gap:3px;margin-top:10px}.float-identity{width:35%;bottom:19%;right:-2%}.identity-panel{gap:8px;padding:12px}.identity-icon{width:24px;height:36px}.identity-panel strong{font-size:10px}.identity-palette{height:7px;margin-top:9px}.identity-panel .identity-logo{margin-bottom:6px}.hero-header-dark nav{left:6%;right:6%;top:77px;border-color:#ffffff24;background:#16161af5}.hero-header-dark nav>a{color:#f0f0f5}}
@media(max-width:700px){.hero-header-dark{min-height:80px;padding-inline:6%}.hero-header-dark .logo{width:142px}.hero-header-dark nav{left:6%;right:6%;top:74px;background:#151519f5;border:1px solid #ffffff24}.hero-header-dark nav>a{color:#f0f0f5}.hero.hero-cinematic{padding:0}.cinematic-inner{width:88%;display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-cinematic .hero-copy{padding:30px 0 0;width:100%}.hero-cinematic .hero-intro{font-size:10px;letter-spacing:.15em;gap:12px;margin-bottom:25px}.hero-cinematic h1{font-size:clamp(42px,12vw,75px);font-weight:800;line-height:1.02}.hero-cinematic .cine-strong{font-size:1.6em}.hero-cinematic .cine-tail{font-size:.46em;line-height:1.3;padding-top:10px}.hero-cinematic .lead{font-size:17px;line-height:1.65;max-width:440px;margin-top:23px}.hero-cinematic .actions{gap:10px 22px;margin-top:26px}.hero-cinematic .actions .button{font-size:14px;min-height:54px;padding:13px 13px 13px 21px;gap:23px}.hero-cinematic .actions .underlink{font-size:13px}.hero-pillars{margin-top:30px;max-width:400px}.hero-pillars li{font-size:11px;padding-inline:14px;gap:8px}.hero-pillars svg{width:21px;height:21px}.hero-scene{width:114%;height:auto;aspect-ratio:1.12;align-self:center;margin:28px -7% 0;min-height:0;max-width:610px;justify-self:auto}.hero-cinematic .scene-portrait{left:8%;width:82%;max-height:100%}.float-laptop{left:-2%;top:20%;width:40%}.laptop-screen{padding:4px 4px 6px;border-width:1px;border-radius:7px 7px 3px 3px}.laptop-browser{height:9px;gap:3px;padding-bottom:4px}.laptop-browser i{width:3px;height:3px}.mini-site{height:calc(100% - 9px);padding:7px}.mini-site-top b{font-size:6px}.mini-site-top>span{display:none}.mini-site-copy{left:7px;top:35%}.mini-site-copy strong{font-size:8px}.mini-site-copy p{font-size:3px;margin:4px 0;max-width:65px}.mini-site-button{width:25px;height:5px}.laptop-base{height:17px}.laptop-base:before{inset:2px 11% 7px}.laptop-base:after{height:4px}.float-google{width:30%;right:1%;top:2%}.google-panel{padding:10px 11px;border-radius:14px}.google-word{font-size:20px;margin-bottom:7px}.google-panel strong{font-size:10px;line-height:1.25}.google-panel small{font-size:7px;margin-top:7px}.google-store{width:27px;height:27px}.google-panel-body{gap:4px}.float-instagram{top:32%;right:-1%;width:23%}.phone{border-radius:19px;padding:3px}.phone-screen{border-radius:16px;padding:20px 7px 13px}.phone-camera{top:4px;height:6px}.instagram-symbol{width:27px;height:27px;margin-bottom:8px}.phone strong{font-size:9px}.profile-grid{gap:3px;margin-top:10px}.profile-grid i{border-radius:2px}.phone-screen:after{height:2px;bottom:5px}.float-identity{width:34%;right:-1%;bottom:19%}.identity-panel{border-radius:12px;padding:10px;gap:8px}.identity-icon{width:23px;height:30px}.identity-panel .identity-logo{width:78px;margin-bottom:6px}.identity-panel strong{font-size:9px}.identity-palette{height:7px;margin-top:8px;width:68px}.scene-base-shade{height:15px}.hero-cinematic:before{display:none}}
@media(max-width:360px){.hero-cinematic .actions{gap:8px}.hero-pillars li{font-size:10px;padding-inline:10px}.hero-cinematic .hero-intro{letter-spacing:.1em;font-size:9px}.hero-cinematic h1{font-size:40px}.google-panel{padding:8px}.google-word{font-size:17px}.google-store{width:21px;height:21px}.google-panel strong{font-size:8px}.google-panel small{font-size:6px}.identity-panel{padding:8px;gap:5px}.identity-icon{width:18px}.identity-panel strong{font-size:8px}.phone strong{font-size:8px}.instagram-symbol{width:23px;height:23px}}
@media(max-width:700px){.float-laptop{left:4%}.float-google{right:3%;width:29%}.float-instagram{right:5%;width:22%}.float-identity{right:4%;width:33%}}
@media(min-width:701px) and (max-width:1000px){.cinematic-inner{display:flex;flex-direction:column;align-items:stretch;min-height:0}.hero-cinematic .hero-copy{padding:35px 0 0}.hero-cinematic h1{font-size:62px;max-width:650px}.hero-cinematic .lead{max-width:520px;font-size:17px}.hero-cinematic .hero-intro{font-size:11px}.hero-cinematic .actions .button{font-size:15px;min-height:56px}.hero-cinematic .actions .underlink{font-size:14px}.hero-pillars{max-width:430px;margin-top:30px}.hero-pillars li{font-size:12px}.hero-scene{width:100%;height:auto;aspect-ratio:1.13;max-width:720px;margin:22px 0 0;align-self:center}.hero-cinematic .scene-portrait{left:8%;width:82%}.float-laptop{left:2%;top:20%;width:43%}.float-google{right:2%;top:5%;width:30%}.float-instagram{right:3%;top:35%;width:23%}.float-identity{right:3%;bottom:21%;width:33%}}
@media(prefers-reduced-motion:reduce){.hero-cinematic .float-object,.hero-cinematic .cine-line>span,.hero-cinematic .lead,.hero-cinematic .actions,.hero-cinematic .hero-pillars,.hero-cinematic .scene-portrait{animation:none!important;transition:none!important}.hero-cinematic.is-entering:not(.portrait-visible) .scene-portrait{opacity:1}.hero-cinematic .float-object{will-change:auto}.hero-cinematic .actions .button,.hero-cinematic .actions .button>span{transition:none;transform:none!important}}

/* Pure black scene, portrait fade and a continuous brand-color ribbon. */
.hero-header-dark,.hero.hero-cinematic{background:#000}

.hero-cinematic .scene-base-shade{height:14%;background:linear-gradient(to bottom,transparent,#000)}
.scene-halo,.scene-halo:after{display:none}
.hero-pillars{width:max-content;max-width:100%;gap:23px;margin-top:32px;align-items:flex-start}
.hero-pillars li,.hero-pillars li:last-child{flex:0 0 auto;padding:0;border:0;gap:8px;font-size:11px;font-weight:400;line-height:1.35;color:#aeaec0}
.hero-pillars svg{width:19px;height:19px;stroke:#aeaec0;stroke-width:1.2}
.ribbon{background:#ff1f4e;color:#fff;border:0}
.ribbon-group span{color:#fff;font-weight:600}.ribbon-group i{background:#fff}
.ribbon:hover .ribbon-track,.ribbon:focus-within .ribbon-track{animation-play-state:running}
@media(max-width:360px){.hero-pillars{gap:19px}.hero-pillars li,.hero-pillars li:last-child{font-size:10px}}

.hero-cinematic .actions a:focus-visible,.hero-header-dark a:focus-visible,.hero-header-dark button:focus-visible{outline:2px solid #fff;outline-offset:5px}

/* The scene supports the message; both columns respect the same outer margins. */

.hero-cinematic .scene-base-shade{height:20%}
@media(min-width:1001px){
 .cinematic-inner{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:32px}
 .hero-scene{width:100%;margin:0}
 .hero-cinematic .scene-portrait{left:7%;width:86%;bottom:6%}
 .float-laptop{width:36%;left:0;top:23%}
 .float-google{width:27%;right:2%;top:9%}
 .google-panel{padding:13px;border-radius:18px}.google-word{font-size:23px;margin-bottom:10px}
 .google-panel strong{font-size:13px}.google-store{width:34px;height:34px}.google-panel small{font-size:8px}
 .float-instagram{width:20%;right:4%;top:35%}
 .phone-screen{padding:24px 9px 15px}.instagram-symbol{width:34px;height:34px;margin-bottom:10px}.phone strong{font-size:11px}
 .float-identity{width:29%;right:4%;bottom:25%}
 .identity-panel{padding:12px;gap:10px;border-radius:15px}.identity-icon{width:26px;height:38px}
 .identity-panel .identity-logo{width:94px}.identity-panel strong{font-size:11px}.identity-palette{height:8px;width:78px}
}
@media(min-width:701px) and (max-width:1000px){
 .hero-scene{width:92%;max-width:650px;aspect-ratio:1.04}
 .hero-cinematic .scene-portrait{width:86%;left:7%;bottom:5%}
 .float-laptop{width:35%;left:4%}.float-google{width:28%;right:3%}
 .float-instagram{width:22%;right:4%}.float-identity{width:30%;right:4%}
}
@media(max-width:700px){
 .hero-scene{width:100%;max-width:520px;aspect-ratio:1.04;margin:26px 0 0}
 .hero-cinematic .scene-portrait{width:86%;left:7%;bottom:4%}
 .float-laptop{width:36%;left:5%;top:20%}
 .float-google{width:29%;right:3%}.google-panel{padding:8px}.google-word{font-size:18px}
 .google-panel strong{font-size:9px}.google-store{width:23px;height:23px}
 .float-instagram{width:22%;right:5%}.float-identity{width:33%;right:4%}
 .identity-panel{padding:8px;gap:7px}.identity-icon{width:20px}.identity-panel .identity-logo{width:70px}
}
/* Slimmer ribbon, with a larger and more readable type scale. */
.ribbon{padding:14px 0}
.ribbon-group span{font-size:15px;line-height:1.2;letter-spacing:.12em}
@media(max-width:700px){.ribbon{padding:12px 0}.ribbon-group span{font-size:14px;line-height:1.2;letter-spacing:.1em}}

/* Broad, eased fade matching the supplied reference: clear faces, softly dissolved arms and waist. */
.hero-cinematic .scene-portrait{mask-image:linear-gradient(to bottom,#000 0%,#000 47%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.78) 63%,rgba(0,0,0,.50) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.08) 84%,rgba(0,0,0,.015) 91%,transparent 97%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 47%,rgba(0,0,0,.95) 55%,rgba(0,0,0,.78) 63%,rgba(0,0,0,.50) 70%,rgba(0,0,0,.24) 77%,rgba(0,0,0,.08) 84%,rgba(0,0,0,.015) 91%,transparent 97%,transparent 100%)}
.hero-cinematic .scene-base-shade{display:none}
/* The supplied WhatsApp mark replaces arrows only on WhatsApp actions. */
a[data-wa] .wa-icon{display:inline-block;width:22px;height:22px;max-width:none;object-fit:contain;flex:none;vertical-align:middle;filter:brightness(0) invert(1)}
.hero-header-dark a[data-wa] .wa-icon,.hero-cinematic .actions a[data-wa] .wa-icon,.contact-panel .light[data-wa] .wa-icon{filter:brightness(0)}
.hero-cinematic .actions a[data-wa] .wa-icon{width:24px;height:24px}
.service a[data-wa] .wa-icon{width:20px;height:20px}
.package-button[data-wa] .wa-icon{filter:brightness(0)}