:root{
  --bg:#050e11;--glass:#102126;--glass-2:#172d2c;--ink:#f8fcfa;--muted:#a7bab9;--turq:#65ece3;
  --turq-dark:#168c88;--line:rgba(149,231,225,.22);--ease:cubic-bezier(.2,.8,.2,1);
  --font:'Manrope',Arial,Helvetica,sans-serif;--display:'Montserrat','Manrope',sans-serif
}
*,*::before,*::after{box-sizing:border-box}
html,body{height:100%;margin:0;overflow:hidden;overscroll-behavior:none}
body{background:#03080a;color:var(--ink);font:400 15px/1.45 var(--font);-webkit-font-smoothing:antialiased}
button,input{font:inherit}button{color:inherit;-webkit-tap-highlight-color:transparent}
button:focus-visible,input:focus-visible{outline:2px solid #7bf4ec;outline-offset:3px}
button{cursor:pointer}img{display:block;max-width:100%}[hidden]{display:none!important}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:21px;height:21px;flex:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round;fill:none}
.desktop-surround{display:none}
.mobile-shell{position:relative;width:100%;height:100svh;height:100dvh;max-width:430px;margin:0 auto;overflow:hidden;isolation:isolate;background:
 radial-gradient(ellipse 100% 54% at 87% 40%,rgba(8,57,56,.47),transparent 67%),
 radial-gradient(ellipse 120% 50% at 40% 104%,rgba(3,32,36,.6),transparent 72%),#040b0e;
 box-shadow:0 0 90px rgba(0,0,0,.75)}
.mobile-shell:before{content:"";position:absolute;inset:0;z-index:-2;pointer-events:none;opacity:.15;
 background-image:repeating-linear-gradient(115deg,transparent 0 39px,rgba(126,240,230,.055) 40px 41px,transparent 42px 78px)}
.ambient{position:absolute;pointer-events:none;z-index:-1;border-radius:50%;filter:blur(30px);opacity:.45;animation:drift 9s ease-in-out infinite alternate}
.a-one{height:320px;width:260px;top:13%;right:-132px;background:radial-gradient(circle,rgba(22,161,160,.38),transparent 70%)}
.a-two{height:280px;width:400px;bottom:-130px;left:-140px;background:radial-gradient(circle,rgba(21,142,136,.25),transparent 70%);animation-delay:-5s}
.light-ribbon{position:absolute;z-index:0;right:-18%;top:0;height:100%;width:124%;opacity:.62;pointer-events:none;filter:drop-shadow(0 0 8px rgba(65,236,227,.9));animation:trail-pulse 6s ease-in-out infinite alternate}
.terrain{position:absolute;z-index:-1;pointer-events:none;background:linear-gradient(145deg,#182e31 0,#070e11 38%,#102528 42%,#05090b 70%);filter:drop-shadow(0 0 12px #031719);opacity:.58}
.terrain-one{right:-80px;top:16%;width:235px;height:340px;clip-path:polygon(25% 0,59% 11%,78% 0,100% 32%,86% 62%,96% 96%,38% 100%,0 75%,21% 46%,0 22%)}
.terrain-two{left:-30px;right:-20px;bottom:-20px;height:90px;clip-path:polygon(0 30%,10% 0,19% 34%,28% 16%,38% 46%,46% 8%,61% 30%,73% 13%,82% 45%,96% 4%,100% 36%,100% 100%,0 100%)}
.global-header{position:absolute;z-index:30;top:calc(12px + env(safe-area-inset-top,0px));left:21px;right:20px;height:70px;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none}
.global-header>*{pointer-events:auto}
.brand-button{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:1px}
.wordmark{display:inline-flex;align-items:baseline;white-space:nowrap;font-family:var(--display);font-weight:300;letter-spacing:-.055em;line-height:1;color:#f7fbf9;vertical-align:baseline}
.wordmark .brand-ne,.wordmark .brand-es{display:inline}
.wordmark .brand-f{display:inline-block;position:relative;width:.53em;height:1.26em;align-self:center;margin:0 -.015em 0 -.05em;overflow:visible;vertical-align:middle;flex:none}
.wordmark .brand-f path{fill:none;stroke-linecap:round}
.wordmark .f-stem{stroke-dasharray:160;stroke-dashoffset:160;transition:stroke-dashoffset 2s var(--ease);filter:drop-shadow(0 0 2px rgba(77,237,232,.22))}
.wordmark .f-cross{stroke-dasharray:60;stroke-dashoffset:60;transition:stroke-dashoffset 1s var(--ease) 1.15s}
.wordmark.inked .f-stem,.wordmark.inked .f-cross{stroke-dashoffset:0}
.wordmark .brand-ne{padding-right:.025em}
.top-wordmark{font-size:37px;height:40px}
.wordmark-caption{color:#f5fbfa;font:500 8px/1.2 var(--display);letter-spacing:.42em;margin-left:14px}
.round-icon{height:43px;width:43px;border:1px solid rgba(162,227,221,.3);background:rgba(3,17,20,.74);border-radius:50%;display:grid;place-items:center;backdrop-filter:blur(12px)}
.round-icon .icon{width:20px;height:20px}
.scene{position:absolute;inset:0;visibility:hidden;opacity:0;transform:translateY(7%) scale(.985);pointer-events:none;transition:opacity .66s var(--ease),transform .72s var(--ease),visibility 0s linear .72s;will-change:transform,opacity}
.scene.active{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .72s var(--ease),transform .74s var(--ease),visibility 0s}
.scene.leave-up{transform:translateY(-8%) scale(.975)}
.scene.leave-down{transform:translateY(8%) scale(.975)}
.scene>*,.scene .section-header{animation:fade-drift .75s var(--ease) backwards}
.scene:not(.active)>*{animation:none}
.scene.active .section-header{animation-delay:.1s}
.section-eyebrow{display:block;font-size:10px;letter-spacing:.22em;color:#61d9d1;font-weight:800}
.section-header{position:absolute;left:24px;right:24px;top:15%;z-index:2}
.section-header h2{margin:9px 0 7px;font-family:var(--display);font-weight:500;font-size:clamp(27px,7.45vw,35px);letter-spacing:-.06em;line-height:1.12}
.section-header h2 em{font-style:normal;color:var(--turq)}
.section-header>p{font-size:13px;line-height:1.55;color:#b1c6c3;margin:0;max-width:335px}
.hero-text{position:absolute;top:17.3%;left:23px;right:20px;z-index:3;pointer-events:none}
.overline-pill{display:inline-flex;border:1px solid rgba(88,230,217,.37);border-radius:999px;padding:7px 13px;background:linear-gradient(130deg,rgba(27,111,109,.34),rgba(5,21,23,.67));box-shadow:inset 0 1px rgba(255,255,255,.08);font:700 10px/1.2 var(--display);letter-spacing:.15em}
.hero-text h1{font-family:var(--font);font-weight:800;font-size:clamp(30px,8.6vw,39px);letter-spacing:-.065em;line-height:1.12;margin:12px 0 10px;text-shadow:0 3px 16px rgba(0,0,0,.45)}
.headline-brand{display:inline-flex;align-items:center;height:1.1em;white-space:nowrap;color:#58e5df}
.headline-wordmark{font-size:.99em;color:var(--turq);font-weight:400;letter-spacing:-.05em}
.headline-wordmark .brand-ne,.headline-wordmark .brand-es{color:var(--turq)}
.headline-wordmark .brand-f{width:.5em}
.al-word{margin-left:.11em;color:var(--turq)}
.hero-text>p{margin:12px 0 0;max-width:220px;line-height:1.5;font-size:13px;color:#bfcecd;text-shadow:0 2px 12px #030608}
.floating-media{position:absolute;top:20%;right:-12px;width:173px;height:270px;z-index:1;pointer-events:none;opacity:.88;animation:slow-float 6s ease-in-out infinite}
.floating-phone{height:223px;width:126px;position:absolute;right:5px;top:31px;border-radius:23px;padding:6px;border:2px solid rgba(198,239,239,.66);background:linear-gradient(140deg,#9bc2c3 0%,#07181d 19%,#071012 76%,#779ca0 100%);transform:rotate(10deg);box-shadow:-18px 24px 38px rgba(0,0,0,.72),0 0 24px rgba(37,202,194,.27)}
.floating-phone:before{content:"";position:absolute;top:7px;left:37%;right:37%;height:7px;border-radius:9px;background:#060a0c;z-index:4}
.floating-phone-screen{height:100%;width:100%;border-radius:17px;position:relative;overflow:hidden;background:#0b1415}
.floating-phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 17%,rgba(0,0,0,.07) 50%,rgba(0,0,0,.8))}
.floating-phone-screen img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.15) brightness(.72)}
.floating-phone-screen>span{position:absolute;z-index:2;left:12px;bottom:25px;right:4px;text-align:center;font:500 13px/1.15 var(--display);font-style:italic;text-shadow:0 2px 8px black}
.floating-phone-screen b{font-weight:600;color:var(--turq)}
.social-bubble{position:absolute;display:grid;place-items:center;width:41px;height:41px;background:rgba(9,37,40,.77);border:1px solid rgba(96,234,226,.3);border-radius:50%;z-index:3;backdrop-filter:blur(4px);box-shadow:0 0 15px rgba(59,236,225,.2)}
.social-bubble .icon{width:22px;height:22px}
.bubble-ig{right:143px;top:30px}.bubble-reel{right:152px;top:86px}.bubble-stats{right:146px;top:143px}
.scene-tabs{position:absolute;z-index:5;top:50.6%;left:17px;right:17px;height:70px;border:1px solid rgba(99,221,211,.31);border-radius:20px;padding:7px 6px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;background:linear-gradient(130deg,rgba(6,26,29,.95),rgba(6,12,16,.91));backdrop-filter:blur(14px);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.scene-tab{background:transparent;border:1px solid transparent;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:5px;flex-direction:column;min-width:0;padding:4px 1px;color:#c1d0d0;font-weight:500;font-size:10.5px;white-space:nowrap;transition:background .35s,border-color .35s,color .35s}
.scene-tab .icon{height:23px;width:23px}
.scene-tab.current{color:#fff;background:linear-gradient(135deg,rgba(21,144,138,.39),rgba(6,46,48,.68));border-color:#84efe8;box-shadow:inset 0 0 15px rgba(79,245,233,.27),0 0 14px rgba(46,224,215,.16)}
.benefits-card{position:absolute;top:60.4%;left:20px;right:20px;height:19.5%;min-height:147px;z-index:4;display:flex;gap:6px;padding:13px 11px 12px 16px;border:1px solid rgba(98,231,224,.52);border-radius:20px;background:linear-gradient(112deg,rgba(14,65,65,.73),rgba(9,27,30,.92) 59%,rgba(20,71,66,.72));box-shadow:inset 0 0 15px rgba(65,236,216,.07),0 0 38px rgba(0,0,0,.27)}
.benefits-title{flex:1 1 51%;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px}
.benefits-title>span{font-size:13px;color:#aacdca}
.benefits-title h2{font-size:clamp(21px,5.9vw,29px);font-weight:800;letter-spacing:-.08em;line-height:1.13;margin:0}
.benefits-title em{font-style:normal;color:#7df1e9}
.benefits-title p{font-size:10px;line-height:1.48;color:#a9c2c0;margin:3px 0 0}
.benefits-items{flex:0 0 48%;display:flex;flex-direction:column;justify-content:center;gap:6px;min-width:0}
.benefits-items>div{flex:1;min-height:0;display:flex;align-items:center;gap:7px;padding:5px 6px;background:rgba(92,154,146,.13);border:1px solid rgba(157,243,229,.1);border-radius:11px;font-size:10px;line-height:1.2}
.benefits-items .icon{width:19px;height:19px;color:#7af2e9}
.main-cta{width:100%;border:1px solid rgba(220,255,249,.54);border-radius:999px;background:linear-gradient(110deg,#82f4ed,#42cfcd 67%,#9bf7ec);color:#052024;box-shadow:0 0 22px rgba(80,244,231,.18),inset 0 1px 1px rgba(255,255,255,.43);min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:6px 7px 6px 22px;font-weight:800;letter-spacing:-.025em;font-size:14px;text-align:left;transition:transform .25s var(--ease),filter .25s}
.main-cta:active{transform:scale(.97)}.main-cta:hover{filter:brightness(1.06)}
.arrow-circle{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#05262a;color:#dbfffa;flex:none}
.arrow-circle .icon{width:22px;height:22px}
.hero-cta{position:absolute;z-index:4;left:9%;width:82%;bottom:8.25%}
.hero-micro{position:absolute;left:0;right:0;bottom:5.1%;text-align:center;color:#92b3ae;font-size:9px;letter-spacing:.16em}
.hero-micro span{padding-inline:7px;color:#63e3da}
.bottom-next{position:absolute;left:0;right:0;bottom:1.2%;z-index:6;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:0;color:#b7d4d1;font-size:8px;letter-spacing:.23em}
.bottom-next .icon{color:#d4fdf9;height:22px;width:22px;animation:cue 1.8s infinite}
.sector-toggle{position:absolute;top:32%;left:24px;right:24px;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;background:rgba(6,24,26,.89);border:1px solid rgba(139,234,228,.15);border-radius:15px}
.sector-toggle button{border:0;background:none;color:#9fb7b3;font-weight:700;font-size:11px;min-height:34px;border-radius:12px}
.sector-toggle .picked{background:rgba(85,220,211,.2);color:#ecffff;box-shadow:inset 0 0 0 1px rgba(122,243,230,.4)}
.photo-grid{position:absolute;top:38%;left:24px;right:24px;height:18%;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.photo-tile{position:relative;display:block;min-width:0;overflow:hidden;border-radius:17px;border:1px dashed rgba(128,235,226,.57);background:#142525}
.photo-tile:after{position:absolute;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.39),transparent 48%,rgba(0,0,0,.65))}
.photo-tile img{width:100%;height:100%;object-fit:cover;filter:brightness(.78) saturate(.84)}
.photo-tile input{position:absolute;inset:0;width:100%;height:100%;opacity:0;z-index:5;cursor:pointer}
.photo-badge,.photo-hint{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;color:white;font-size:12px;left:10px;text-shadow:0 2px 5px black;pointer-events:none}
.photo-badge{top:9px}.photo-badge .icon{width:16px;height:16px}
.photo-hint{bottom:10px;font-size:11px;font-weight:700}.photo-hint .icon{width:15px;height:15px}
.photo-tile.uploaded{border-style:solid;border-color:#64e9e0}
.demo-output{position:absolute;top:58%;left:24px;right:24px;height:22%;padding:10px 13px 12px;background:linear-gradient(115deg,rgba(12,39,40,.88),rgba(9,21,23,.97));border:1px solid var(--line);border-radius:18px}
.output-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:.15em;color:#c8dfdc}
.preview-badge{border-radius:999px;background:rgba(102,229,219,.15);padding:3px 8px;font-size:8px;color:#80ede6}
.output-preview{display:flex;gap:13px;height:calc(100% - 45px);margin-top:7px}
.post-preview,.reels-preview{position:relative;overflow:hidden;border:1px solid rgba(192,248,241,.19);border-radius:11px;min-width:0;background:#080f10}
.post-preview{flex:1.4}.reels-preview{flex:.8}
.post-preview>img,.reels-preview>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;filter:brightness(.73)}
.post-preview:after,.reels-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,11,12,.28),transparent 37%,rgba(0,0,0,.75));pointer-events:none}
.post-preview>span,.reels-preview>span{position:absolute;z-index:2;top:7px;left:8px;display:flex;align-items:center;gap:4px;font-size:9px;font-weight:800;letter-spacing:.03em}
.post-preview .icon,.reels-preview .icon{height:12px;width:12px}
.post-preview>strong{position:absolute;z-index:2;left:9px;bottom:9px;font-weight:800;line-height:1.07;font-size:14px}
.reels-preview>b{position:absolute;z-index:2;right:8px;top:7px;font-size:9px}
.reels-preview>small{position:absolute;z-index:2;left:8px;bottom:9px;font-size:9px}
.reels-preview .shot-b{opacity:0}
.reels-preview.playing .shot-a{animation:reel-A 5s ease-in-out infinite}
.reels-preview.playing .shot-b{animation:reel-B 5s ease-in-out infinite}
.demo-output>p{color:#9dc1bc;margin:6px 0 0;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.demo-cta{position:absolute;bottom:8.7%;left:8%;width:84%}
.demo-disclosure{position:absolute;bottom:3.1%;left:23px;right:23px;color:#8ba9a5;font-size:9px;line-height:1.4;text-align:center;margin:0}
.corner-next{display:none}
.panel-heading{top:14%}
.panel-heading h2{font-size:clamp(26px,7vw,32px)}
.panel-preview{position:absolute;top:32%;left:21px;right:21px;bottom:9%;border:2px solid rgba(151,195,194,.26);border-radius:27px;background:#071012;overflow:hidden;box-shadow:inset 0 0 20px rgba(255,255,255,.025),0 22px 50px rgba(0,0,0,.39);display:flex;flex-direction:column}
.panel-top{padding:15px 16px 10px;background:linear-gradient(165deg,#163b39,#0c2727);display:flex;justify-content:space-between;align-items:center}
.panel-wordmark{font-size:21px}.panel-wordmark .brand-f{width:.51em}
.demo-tag{font-size:8px;font-weight:800;color:#bef7ef;border:1px solid rgba(145,229,218,.29);padding:5px 7px;border-radius:999px;letter-spacing:.08em}
.panel-section{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:none}
.panel-section::-webkit-scrollbar{display:none}
.panel-section:not([hidden]){display:block}
.panel-section{padding:13px 14px;background:linear-gradient(180deg,#12302f 0px,#081213 53%,#05090a 54%)}
.panel-welcome{color:#a4c4c0;font-size:11px}
.panel-section h3{font:700 24px/1.18 var(--font);letter-spacing:-.055em;margin:7px 0 15px}
.panel-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}
.panel-metrics>div{background:rgba(146,214,199,.14);border-radius:16px;padding:12px 13px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-width:0}
.panel-metrics .icon{color:#9bf5e9;height:19px;width:19px}
.panel-metrics strong{font-size:27px;line-height:1.13}
.panel-metrics small{font-size:10px;color:#c1d8d4}
.panel-heading-row{display:flex;justify-content:space-between;align-items:center;margin:6px 0 8px}
.panel-heading-row b{font-size:15px}.panel-heading-row span{font-size:11px;color:#a7bebb}
.panel-list{display:flex;flex-direction:column;gap:4px}
.panel-list>div{display:flex;align-items:center;gap:12px;padding:6px 4px}
.panel-list .icon{height:34px;width:34px;padding:8px;background:#1f2528;border-radius:8px}
.panel-list span{font-size:12px;flex:1}
.panel-list small{font-size:10px;display:block;color:#9bafae;margin-top:3px}
.panel-list b{font-size:25px;color:#97b4b1;font-weight:300}
.panel-bottom{height:62px;flex:0 0 62px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;border-top:1px solid #243132;background:#090d0f}
.panel-bottom button{background:none;border:0;color:#9aaba9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:9px;line-height:1.2;min-width:0;padding:5px 0}
.panel-bottom button.on{color:#fafffd}
.panel-bottom .icon{width:19px;height:19px}
.panel-disclosure{position:absolute;left:25px;right:25px;bottom:5.7%;text-align:center;font-size:9px;color:#94b0ad}
.bottom-action{position:absolute;bottom:1.3%;right:21px;left:21px;background:transparent;border:0;display:flex;justify-content:center;align-items:center;gap:10px;color:#b0d8d4;font-size:11px}
.bottom-action .icon{width:17px;height:17px;color:var(--turq)}
.panel-empty{color:#aac9c4;font-size:13px;line-height:1.65;margin:18px 0}
.panel-shortcut{border:1px solid #52d8cf;background:rgba(37,132,125,.18);border-radius:14px;padding:11px 14px;color:#b2fff6;display:flex;align-items:center;gap:10px;font-size:12px}
.panel-shortcut .icon{width:17px;height:17px}
.scene-start .section-header{top:15%}.scene-start .section-header h2{font-size:clamp(26px,7.2vw,33px)}
.pricing-panel{position:absolute;top:33%;left:23px;right:23px;min-height:225px;padding:17px 19px 15px;border:1px solid rgba(117,230,216,.39);border-radius:21px;background:linear-gradient(140deg,rgba(10,60,57,.76),rgba(6,19,23,.94));box-shadow:inset 0 0 35px rgba(38,179,170,.11)}
.pricing-kicker{display:block;font-size:10px;color:#8aebe2;letter-spacing:.17em;font-weight:800}
.price-value{display:block;font:500 43px/1.25 var(--display);letter-spacing:-.06em;margin:8px 0 0}
.price-value small{font:500 11px/1.3 var(--font);letter-spacing:0;color:#a9c9c6}
.price-detail{display:block;color:#a7bebc;font-size:9px;line-height:1.4;margin:4px 0 14px}
.included{display:flex;flex-direction:column;gap:8px}
.included>div{display:flex;align-items:flex-start;gap:7px;color:#d1e8e5;font-size:11px;line-height:1.3}
.included .icon{width:16px;height:16px;color:var(--turq)}
.start-choice{position:absolute;top:65%;left:23px;right:23px;border:1px solid rgba(123,237,221,.15);border-radius:17px;background:rgba(9,25,28,.72);padding:13px 13px 14px}
.choice-head{display:flex;justify-content:space-between;color:#89e5db;font-size:9px;font-weight:800;letter-spacing:.09em}
.start-choice p{font-size:12px;color:#bcd0ce;margin:8px 0 11px;line-height:1.5}
.start-choice .main-cta{min-height:49px;padding-left:19px}
.start-choice .arrow-circle{height:36px;width:36px}
.google-preview{position:absolute;bottom:7%;left:23px;right:23px;border:1px solid rgba(155,205,197,.2);border-radius:13px;min-height:42px;background:rgba(20,29,31,.85);display:flex;justify-content:center;align-items:center;gap:12px;font-size:12px}
.google-mark{display:grid;place-items:center;width:21px;height:21px;background:#fff;color:#4285f4;border-radius:50%;font-weight:800}
.coming-soon{font-size:8px;font-weight:800;color:#80e5dd;letter-spacing:.08em;margin-left:4px}
.start-note{position:absolute;bottom:1.7%;left:23px;right:23px;text-align:center;font-size:9px;color:#98aca9;line-height:1.4;margin:0}
.scene-start .bottom-action{display:none}
.menu-overlay{position:absolute;inset:0;z-index:90;background:rgba(0,7,9,.7);backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding:calc(90px + env(safe-area-inset-top,0px)) 14px 14px}
.menu-sheet{width:100%;border:1px solid rgba(146,243,234,.3);border-radius:24px;background:linear-gradient(140deg,#122f31,#061315 85%);padding:20px;box-shadow:0 30px 50px rgba(0,0,0,.7)}
.menu-head{display:flex;align-items:center;justify-content:space-between;color:var(--turq);font-size:11px;letter-spacing:.25em;margin-bottom:15px}
.menu-head .round-icon{width:38px;height:38px}
.menu-sheet>button{width:100%;border:0;border-bottom:1px solid rgba(193,248,234,.13);background:none;padding:18px 3px;display:flex;align-items:center;gap:18px;font-weight:700;font-size:20px;text-align:left}
.menu-sheet>button b{font-size:12px;color:#70eae1;letter-spacing:.08em}
.menu-sheet>button .icon{margin-left:auto}
.menu-sheet p{display:flex;align-items:center;justify-content:center;gap:4px;margin:30px 0 7px;font-size:11px;color:#a8c4c1}
.menu-wordmark{font-size:16px}
.toast{position:absolute;z-index:110;left:19px;right:19px;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:#113c3a;border:1px solid #60d4ca;color:#eafffc;padding:13px 16px;border-radius:14px;text-align:center;font-size:12px;box-shadow:0 20px 40px #000a;line-height:1.5}
@keyframes slow-float{50%{transform:translateY(-8px) rotate(-1deg)}}
@keyframes cue{50%{transform:translateY(5px)}}
@keyframes drift{50%{transform:translate(12px,-12px)}}
@keyframes trail-pulse{50%{opacity:.3}}
@keyframes reel-A{0%,38%{opacity:1;transform:scale(1.01)}50%,95%{opacity:0;transform:scale(1.18)}100%{opacity:1;transform:scale(1.01)}}
@keyframes reel-B{0%,38%{opacity:0;transform:scale(1.15)}50%,95%{opacity:1;transform:scale(1.01)}100%{opacity:0;transform:scale(1.15)}}
@keyframes fade-drift{from{opacity:.45;transform:translateY(14px)}to{opacity:1;transform:none}}
@media(max-width:360px){
 .hero-text h1{font-size:30px}.hero-text>p{font-size:11.5px;max-width:195px}
 .floating-media{right:-28px;transform:scale(.9);transform-origin:top right}
 .scene-tabs{left:12px;right:12px}.scene-tab{font-size:9px}
 .benefits-card{left:14px;right:14px;padding:10px 9px 11px 11px}
 .benefits-title h2{font-size:21px}.benefits-title p{font-size:9px}.benefits-items>div{font-size:9px}
 .section-header{left:19px;right:19px}.photo-grid,.sector-toggle,.demo-output{left:19px;right:19px}
 .panel-preview{left:14px;right:14px}
}
@media(max-height:735px){
 .global-header{top:calc(7px + env(safe-area-inset-top,0px))}
 .top-wordmark{font-size:30px;height:32px}.wordmark-caption{font-size:7px}
 .hero-text{top:15%}.hero-text h1{font-size:clamp(27px,7.9vw,34px);margin:8px 0 5px}
 .hero-text>p{font-size:11px;max-width:200px;margin-top:6px}
 .overline-pill{font-size:8px;padding:5px 9px}
 .floating-media{top:16%;right:-26px;transform:scale(.85);transform-origin:top right}
 .scene-tabs{top:49%;height:59px}.scene-tab{font-size:9px}.scene-tab .icon{width:19px;height:19px}
 .benefits-card{top:60%;height:19%;min-height:115px;padding:9px}.benefits-title h2{font-size:20px}
 .benefits-title>span{font-size:11px}.benefits-title p{font-size:9px}.benefits-items>div{font-size:9px;gap:4px}.benefits-items .icon{width:16px;height:16px}
 .hero-cta{bottom:8%;min-height:46px}.arrow-circle{height:35px;width:35px}
 .hero-micro{bottom:4.7%;font-size:8px}.bottom-next{bottom:.5%}
 .section-header{top:13.5%}.section-header h2{font-size:27px}.section-header>p{font-size:11px}
 .sector-toggle{top:30%}.photo-grid{top:37%;height:17%}.demo-output{top:57%;height:23%}.demo-cta{bottom:8.5%;min-height:47px}.demo-disclosure{bottom:2%;font-size:8px}
 .panel-preview{top:29.5%;bottom:9%}.panel-heading{top:12%}
 .scene-start .section-header{top:12%}.pricing-panel{top:30%;min-height:0;padding:12px 15px}
 .price-value{font-size:34px}.price-detail{margin-bottom:7px}.included{gap:5px}.included>div{font-size:10px}
 .start-choice{top:65%;padding:10px}.start-choice p{margin:5px 0 7px;font-size:11px}.start-choice .main-cta{min-height:43px}
 .google-preview{bottom:6.8%;min-height:38px}.start-note{bottom:1.2%;font-size:8px}
}
@media(max-height:610px){
 .hero-text{top:14%}.hero-text>p{display:none}.floating-media{top:14%}
 .scene-tabs{top:46%}.benefits-card{top:59%;height:18%;min-height:97px}
 .benefits-title p{display:none}.benefits-title h2{font-size:20px}
 .hero-cta{bottom:10%}.hero-micro{bottom:6.2%}
 .scene-demo .section-header>p{display:none}.sector-toggle{top:28%}.photo-grid{top:36%;height:20%}.demo-output{top:59%;height:22%}
 .scene-dashboard .section-header>p{display:none}.panel-preview{top:26%;bottom:9%}
 .scene-start .section-header>p{display:none}.pricing-panel{top:28%;}.start-choice{top:65%}
}
@media(min-width:800px){
 body{background:radial-gradient(circle at 80% 10%,#093637,#050b0d 60%)}
 .mobile-shell{border-left:1px solid rgba(149,229,218,.2);border-right:1px solid rgba(149,229,218,.2);box-shadow:0 0 120px #000c}
 .desktop-surround{position:fixed;display:flex;flex-direction:column;gap:16px;left:max(35px,calc((100% - 1050px)/2));top:29%;max-width:360px;font-family:var(--display);color:#bcdad7}
 .desktop-surround>span{font-size:11px;letter-spacing:.35em;color:#5de5da}
 .desktop-surround p{font-size:clamp(24px,3vw,39px);line-height:1.25;margin:0;color:white}
 .desktop-surround strong{color:var(--turq);font-weight:500}
 .desktop-surround small{font-size:13px;color:#789b98;line-height:1.6}
}
@media(prefers-reduced-motion:reduce){
 *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
 .wordmark .f-stem,.wordmark .f-cross{stroke-dashoffset:0}
}

/* Mobile finishing and beauty sector preview placeholders */
.phone-wordmark{font-size:13px;color:#78ede5}
.phone-wordmark .brand-ne,.phone-wordmark .brand-es{color:#78ede5}
@media(max-width:400px){.floating-media{right:-26px}}
@media(max-width:360px){.social-bubble{opacity:0}}
.photo-tile.beauty-empty{background:radial-gradient(circle at 78% 20%,#865e80,#1a4141 52%,#0a1f22)}
.demo-output.beauty-empty .post-preview{background:radial-gradient(circle at 40% 25%,#6e5a75,#20464a 54%,#06191d)}
.demo-output.beauty-empty .reels-preview{background:linear-gradient(130deg,#453950,#153b3f,#081c21)}
.demo-output.beauty-empty #postImage,.demo-output.beauty-empty #reelImageB{opacity:0!important}

/* Preserve headline readability; keep floating controls clear of its first line. */
@media(max-width:440px){.bubble-ig{top:-20px}.floating-phone{right:21px}}

/* New 02 Services / dual-platform story, existing palette retained */
.scene-services .service-heading{top:14%}
.scene-services .service-heading h2{font-size:clamp(26px,7.4vw,34px)}
.platform-strip{position:absolute;top:33%;left:22px;right:22px;height:71px;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.platform-service{min-width:0;display:flex;align-items:center;gap:9px;padding:10px;background:linear-gradient(135deg,rgba(20,76,73,.87),rgba(7,28,30,.86));border:1px solid rgba(116,235,225,.27);border-radius:16px;font-weight:750;font-size:12px}
.platform-service small{display:block;color:#a5c3be;font-size:9px;font-weight:500;margin-top:3px}
.platform-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border:1px solid rgba(170,250,241,.27);border-radius:13px}
.platform-icon.insta{background:linear-gradient(150deg,#173e45,#22585c)}
.platform-icon.fb{background:linear-gradient(145deg,#1b4572,#123047)}
.platform-icon .icon{height:23px;width:23px}
.service-list{position:absolute;top:44%;left:22px;right:22px;height:20%;display:flex;flex-direction:column;gap:7px}
.service-list>div{display:flex;align-items:center;gap:10px;flex:1;min-height:0;padding:8px 11px;border-radius:14px;background:rgba(15,40,41,.88);border:1px solid rgba(121,235,223,.12)}
.service-symbol{width:35px;height:35px;display:grid;place-items:center;flex:none;border-radius:11px;background:rgba(65,181,170,.14);color:#7befe7}
.service-symbol .icon{height:19px;width:19px}
.service-list>div>span:last-child,.panel-teaser>span:nth-child(2),.locked-ad>span:nth-child(2){min-width:0;flex:1}
.service-list b,.panel-teaser b,.locked-ad b{display:block;color:#effefa;font-size:12px;font-weight:750;line-height:1.25}
.service-list small,.panel-teaser small,.locked-ad small{display:block;color:#9ebcb8;font-size:10px;margin-top:4px;line-height:1.2}
.panel-teaser{position:absolute;top:67%;left:22px;right:22px;height:65px;display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(110,231,219,.38);background:linear-gradient(125deg,rgba(33,106,100,.52),rgba(8,38,40,.85));border-radius:15px;text-align:left}
.panel-teaser .teaser-arrow{height:18px;width:18px;color:#79eee4}
.locked-ad{position:absolute;top:77%;left:22px;right:22px;min-height:57px;display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:15px;background:rgba(11,23,26,.89);border:1px dashed rgba(113,183,176,.28)}
.locked-ad .service-symbol{background:rgba(79,107,106,.11);color:#9eb9b4}
.ad-coming{font-weight:800;font-size:8px;letter-spacing:.09em;color:#b0d8d1;border:1px solid rgba(113,183,176,.3);padding:4px 7px;border-radius:999px}
.service-cta{position:absolute;bottom:5.4%;left:8%;width:84%;z-index:2}
.panel-modal{position:absolute;inset:0;z-index:70;background:radial-gradient(ellipse at 50% 30%,#153934,#050d0f 75%);isolation:isolate}
.panel-modal-bar{position:absolute;z-index:2;top:calc(62px + env(safe-area-inset-top,0px));left:24px;right:24px;height:45px;display:flex;align-items:center;justify-content:space-between;font-size:16px}
.panel-modal .panel-preview{top:17%;bottom:7.5%}
.panel-modal-note{position:absolute;bottom:2.6%;left:18px;right:18px;color:#a5c5c1;text-align:center;font-size:10px}
@media(max-height:735px){
 .scene-services .service-heading{top:12%}
 .scene-services .service-heading h2{font-size:26px;margin:5px 0}
 .scene-services .service-heading>p{font-size:10px;line-height:1.3}
 .platform-strip{top:31%;height:54px}
 .platform-icon{width:31px;height:31px}
 .platform-icon .icon{width:20px;height:20px}
 .service-list{top:42%;height:22%}
 .service-list>div{padding:4px 8px}
 .service-symbol{height:28px;width:28px}
 .service-list b,.panel-teaser b,.locked-ad b{font-size:11px}
 .service-list small,.panel-teaser small,.locked-ad small{font-size:9px}
 .panel-teaser{top:67%;height:48px}
 .locked-ad{top:76%;min-height:42px;padding:5px 9px}
 .service-cta{bottom:5%;min-height:46px}
 .panel-modal .panel-preview{top:17%;bottom:7%}
}
@media(max-height:610px){
 .scene-services .service-heading>p{display:none}
 .platform-strip{top:28%}
 .service-list{top:39%;height:23%}
 .panel-teaser{top:64%}
 .locked-ad{top:74%}
 .service-cta{bottom:4%}
}
@media(max-width:350px){
 .platform-strip,.service-list,.panel-teaser,.locked-ad{left:15px;right:15px}
 .platform-service{gap:5px;padding:7px;font-size:10px}
 .platform-service small{font-size:8px}
 .ad-coming{font-size:7px}
}

/* 02 / DÖNÜŞÜM — öncesi / sonrası */
.scene-tab{font-size:9.6px}.scene-tab .icon{width:21px;height:21px}
.scene-compare .compare-heading{top:12.5%}
.scene-compare .compare-heading h2{font-size:clamp(26px,7.3vw,34px)}
.compare-chips{position:absolute;z-index:3;left:24px;right:0;top:31.5%;display:flex;gap:7px;overflow-x:auto;scrollbar-width:none;padding-right:24px}
.compare-chips::-webkit-scrollbar{display:none}
.compare-chips button{flex:none;border:1px solid rgba(132,239,232,.3);background:rgba(8,30,32,.72);color:#c7dbd8;border-radius:999px;padding:7px 13px;font-size:11.5px;font-weight:600;white-space:nowrap;transition:background .3s,border-color .3s,color .3s}
.compare-chips button.on{color:#052024;background:linear-gradient(110deg,#82f4ed,#42cfcd);border-color:#a9fbf3}
.compare-stage{position:absolute;z-index:2;left:24px;right:24px;top:37.5%;height:39%;margin:0;border-radius:20px;overflow:hidden;background:#0a1719;border:1px solid rgba(149,231,225,.3);box-shadow:0 18px 44px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.03) inset;touch-action:pan-y}
.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;-webkit-user-drag:none}
.compare-after-wrap{position:absolute;inset:0;clip-path:inset(0 0 0 50%);will-change:clip-path}
.compare-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:linear-gradient(180deg,rgba(160,255,247,.15),#bffcf6 18%,#bffcf6 82%,rgba(160,255,247,.15));box-shadow:0 0 14px rgba(110,250,240,.65);pointer-events:none;z-index:3}
.compare-handle span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:0;background:rgba(5,25,27,.82);border:1px solid #9df8f0;backdrop-filter:blur(6px);color:#dffffb}
.compare-handle .icon{width:14px;height:14px}.compare-handle .icon:first-child{transform:scaleX(-1)}
.compare-tag{position:absolute;z-index:4;top:11px;font-size:9px;font-weight:800;letter-spacing:.14em;padding:5px 9px;border-radius:999px;background:rgba(3,12,14,.66);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.14);pointer-events:none}
.tag-before{left:11px;color:#d5e2e0}.tag-after{right:11px;color:#8ff6ee}
.compare-range{position:absolute;inset:0;z-index:5;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;-webkit-appearance:none;appearance:none;touch-action:pan-y}
.compare-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#9dc1bc;font-size:12px;z-index:2}
.compare-stage.failed .compare-handle,.compare-stage.failed .compare-tag{display:none}
.compare-tools{position:absolute;z-index:3;top:calc(37.5% + 39% + 11px);left:24px;display:flex;gap:6px;padding:4px;border-radius:999px;background:rgba(6,24,26,.8);border:1px solid var(--line)}
.compare-tools button{border:0;background:transparent;color:#b7cfcc;border-radius:999px;padding:6px 13px;font-size:11px;font-weight:700}
.compare-tools button.on{background:rgba(101,236,227,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(132,239,232,.6)}
.compare-note{position:absolute;z-index:3;top:calc(37.5% + 39% + 15px);right:24px;max-width:46%;margin:0;text-align:right;font-size:9.5px;line-height:1.35;color:#8fb2ad}
.compare-cta{position:absolute;z-index:3;left:24px;right:24px;width:auto;bottom:4.2%}
@media(max-height:735px){
 .scene-compare .compare-heading{top:11%}.scene-compare .compare-heading h2{font-size:26px;margin:5px 0}.scene-compare .compare-heading>p{font-size:10.5px;line-height:1.35}
 .compare-chips{top:29%}.compare-stage{top:34.5%;height:38%}
 .compare-tools{top:calc(34.5% + 38% + 9px)}.compare-note{top:calc(34.5% + 38% + 12px)}
}
@media(max-height:610px){.scene-compare .compare-heading>p{display:none}.compare-chips{top:25%}.compare-stage{top:31%;height:40%}.compare-tools{top:calc(31% + 40% + 8px)}.compare-note{display:none}}
@media(max-width:360px){.compare-chips{left:19px}.compare-stage,.compare-cta{left:19px;right:19px}.compare-tools{left:19px}.compare-note{right:19px}}
@media(prefers-reduced-motion:reduce){.compare-after-wrap{transition:none}}