:root{
  --bg:#080914;
  --bg2:#0d0f1e;
  --panel:#111426;
  --panel-soft:rgba(255,255,255,.055);
  --line:rgba(255,255,255,.10);
  --line-strong:rgba(255,255,255,.16);
  --text:#f8f8ff;
  --muted:#a5abc2;
  --purple:#7657ff;
  --purple2:#aa70ff;
  --cyan:#5dd9ff;
  --green:#4ae6aa;
  --shadow:0 30px 90px rgba(0,0,0,.42);
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text);
  background:
    radial-gradient(circle at 16% 0%,rgba(118,87,255,.13),transparent 25%),
    radial-gradient(circle at 90% 18%,rgba(93,217,255,.08),transparent 22%),
    var(--bg);
  overflow-x:hidden;
}
body.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{color:inherit}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.section{padding:104px 0;position:relative}
.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;z-index:999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 140 140' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.nav-shell{
  position:fixed;top:0;left:0;right:0;z-index:100;
  background:linear-gradient(to bottom,rgba(8,9,20,.91),rgba(8,9,20,.64));
  border-bottom:1px solid rgba(255,255,255,.06);
  backdrop-filter:blur(20px);
}
.nav{height:78px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;gap:11px;font:800 22px/1 Manrope,sans-serif;letter-spacing:-1px;white-space:nowrap}
.brand>span:last-child>span{color:#9b82ff}
.brand-icon{
  width:36px;height:36px;display:block;position:relative;border-radius:12px;
  background:linear-gradient(145deg,var(--purple),var(--purple2) 64%,var(--cyan));
  box-shadow:0 12px 30px rgba(118,87,255,.28);transform:rotate(-7deg)
}
.brand-icon i{position:absolute;inset:9px;border:2px solid #fff;border-radius:6px}
.brand-icon b{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;right:7px;top:7px;box-shadow:0 0 0 4px rgba(255,255,255,.14)}
.nav-links{margin-left:auto;display:flex;gap:27px;align-items:center;font-size:13px;font-weight:700;color:#b5bad0}
.nav-links a{transition:.2s}.nav-links a:hover{color:#fff}
.nav-quote{margin-left:6px}
.mobile-menu{display:none;margin-left:auto;background:none;border:0;font-size:27px;cursor:pointer}
.btn{
  border:1px solid transparent;min-height:47px;padding:0 19px;border-radius:14px;cursor:pointer;
  display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:800;letter-spacing:-.2px;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease,border .25s ease
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#6f53f5,#8d60ff 60%,#ac6aff);box-shadow:0 14px 36px rgba(118,87,255,.25)}
.btn-primary:hover{box-shadow:0 18px 42px rgba(118,87,255,.35)}
.btn-soft{background:rgba(255,255,255,.055);border-color:var(--line);color:#eef0ff}
.btn-soft:hover{background:rgba(255,255,255,.09)}
.btn-light{background:#fff;color:#111322}
.btn-lg{min-height:55px;padding:0 23px;border-radius:16px}
.full{width:100%}
.hero{padding-top:152px;padding-bottom:52px;min-height:850px;display:flex;align-items:center}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 75%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;gap:48px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid var(--line);
  border-radius:999px;background:rgba(255,255,255,.035);font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#dce0f0
}
.live-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(74,230,170,.11)}
h1,h2,h3{font-family:Manrope,sans-serif}
h1{font-size:clamp(52px,6vw,84px);line-height:.96;letter-spacing:-4.8px;margin:24px 0 25px}
.gradient-text{
  display:block;background:linear-gradient(90deg,#fff 0%,#d0c3ff 46%,#7adfff 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent
}
.hero-lead{font-size:18px;line-height:1.72;color:var(--muted);max-width:690px;margin:0 0 27px}.hero-lead strong{color:#f0ecff;font-weight:800}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-capabilities{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px;max-width:720px}.hero-capabilities span{display:inline-flex;align-items:center;min-height:32px;padding:0 11px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#aeb5cc;font-size:9px;font-weight:800;letter-spacing:.1px}
.hero-proof{display:flex;align-items:center;gap:16px;margin-top:25px}
.proof-stack{display:flex;flex-shrink:0}
.proof-avatar{
  width:34px;height:34px;border-radius:50%;display:grid;place-items:center;margin-left:-9px;border:2px solid var(--bg);
  font-size:11px;font-weight:800;color:#fff
}
.proof-avatar:first-child{margin-left:0}.a1{background:#8e5cff}.a2{background:#43bad6}.a3{background:#d56cae}.a4{background:#21253a}
.hero-proof strong{display:block;font-size:13px;margin-bottom:4px}.hero-proof small{display:block;color:#858ca6;font-size:11px;line-height:1.4}
.hero-visual{height:590px;position:relative;perspective:1400px}
.hero-glow{position:absolute;border-radius:50%;filter:blur(60px)}
.g1{width:340px;height:340px;left:22%;top:18%;background:rgba(118,87,255,.26)}
.g2{width:220px;height:220px;right:6%;bottom:17%;background:rgba(93,217,255,.13)}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.08);border-radius:50%;transform:rotate(-18deg)}
.orbit-one{width:480px;height:245px;right:2%;top:25%}.orbit-two{width:390px;height:200px;right:12%;top:29%;border-style:dashed}
.browser-3d{
  position:absolute;width:91%;height:430px;left:1%;top:10%;border:1px solid rgba(255,255,255,.14);border-radius:25px;overflow:hidden;
  background:linear-gradient(145deg,#15182e,#0a0d1c);box-shadow:0 55px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.05);
  transform:rotateY(-15deg) rotateX(7deg) rotateZ(1.3deg);transform-style:preserve-3d;transition:transform .2s ease-out
}
.browser-bar{height:48px;padding:0 17px;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.07)}
.traffic{width:9px;height:9px;border-radius:50%;background:#30354d}.red{background:#ff7a82}.yellow{background:#ffd36a}.green{background:#62d99a}
.fake-url{height:24px;line-height:24px;margin-left:9px;flex:1;border-radius:8px;background:rgba(255,255,255,.055);color:#6f7691;font-size:10px;padding-left:13px}
.browser-content{display:grid;grid-template-columns:44% 56%;height:calc(100% - 48px)}
.browser-left{padding:44px 16px 30px 35px;position:relative;z-index:2}
.mini-pill{display:block;width:78px;height:15px;border-radius:999px;background:rgba(152,105,255,.25);border:1px solid rgba(152,105,255,.3)}
.browser-left h3{font-size:30px;line-height:1.02;letter-spacing:-1.5px;margin:20px 0;color:#fff}.browser-left h3 em{font-style:normal;color:#a792ff}
.mini-line{height:7px;border-radius:6px;background:#4b5169;margin:10px 0}.l1{width:90%}.l2{width:78%}.l3{width:63%}
.mini-button{display:block;width:110px;height:37px;margin-top:25px;border-radius:10px;background:linear-gradient(135deg,var(--purple),var(--purple2))}
.browser-art{position:relative;overflow:hidden}
.blob{position:absolute;border-radius:50%;box-shadow:inset -28px -30px 70px rgba(0,0,0,.25),0 35px 85px rgba(118,87,255,.25)}
.b1{width:230px;height:230px;right:35px;top:55px;background:linear-gradient(145deg,#7e5cff,#cb78ff)}
.b2{width:126px;height:126px;left:16px;bottom:52px;background:linear-gradient(145deg,#5ce3ff,#416dff)}
.glass-ring{position:absolute;width:285px;height:130px;border:16px solid rgba(255,255,255,.15);border-radius:50%;right:0;top:118px;transform:rotate(-22deg);backdrop-filter:blur(2px)}
.glass-card{position:absolute;right:14px;bottom:25px;width:142px;padding:14px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(15,18,38,.66);backdrop-filter:blur(16px)}
.glass-card span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:9px;background:rgba(255,255,255,.07);font-size:10px;color:#aeb5cd}.glass-card b,.glass-card small{display:block}.glass-card b{font-size:14px;margin-top:11px}.glass-card small{font-size:9px;color:#9197ae;margin-top:4px}
.float-ui{
  position:absolute;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(15,18,37,.79);backdrop-filter:blur(18px);box-shadow:var(--shadow);z-index:3
}
.f1{right:0;top:5%;width:175px;padding:13px;display:flex;align-items:center;gap:11px;animation:floatA 6s ease-in-out infinite}
.f2{left:0;bottom:8%;width:190px;padding:15px;animation:floatB 7s ease-in-out infinite}
.f3{right:3%;bottom:2%;width:185px;padding:13px;display:flex;align-items:center;gap:10px;animation:floatA 7.5s ease-in-out infinite reverse}
.float-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#7258e9,#4935c8)}
.float-ui small{display:block;color:#9096ad;font-size:9px}.float-ui strong{font-size:14px}.metric-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#a5abc0}.metric-head strong{font-size:13px;color:#fff}
.progress{height:7px;background:rgba(255,255,255,.07);border-radius:999px;margin-top:12px;overflow:hidden}.progress i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--purple),var(--cyan));border-radius:inherit}
.check{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:rgba(74,230,170,.14);color:var(--green);font-weight:900}
@keyframes floatA{50%{transform:translateY(-12px) rotate(1deg)}}@keyframes floatB{50%{transform:translateY(10px) rotate(-1deg)}}
.hero-bottom{margin-top:38px;border-top:1px solid rgba(255,255,255,.065);padding-top:25px;display:flex;gap:20px;justify-content:space-between;align-items:center;color:#777e99;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase}.hero-bottom i{width:4px;height:4px;border-radius:50%;background:#3b4055}
.projects-section{padding-top:92px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:36px}
.section-heading>div{max-width:720px}.section-heading p{max-width:420px;margin:0;color:var(--muted);font-size:14px;line-height:1.72}
.section-kicker{display:block;color:#9d85ff;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:1.35px;margin-bottom:13px}
.section-heading h2,.process-copy h2,.why-copy h2,.faq-title h2,.closing-content h2{font-size:clamp(38px,4.6vw,59px);line-height:1.04;letter-spacing:-2.8px;margin:0}
.section-heading h2 span,.process-copy h2 span,.closing-content h2 span{color:#777f9d}
.centered{text-align:center;display:block;max-width:780px;margin-left:auto;margin-right:auto}.centered p{max-width:650px;margin:18px auto 0}
.project-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.filter{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#9fa5bc;height:40px;padding:0 16px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:800}.filter.active,.filter:hover{background:#fff;color:#10121e;border-color:#fff}
.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.project-card{border:1px solid var(--line);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));transition:.28s ease;box-shadow:0 18px 55px rgba(0,0,0,.18)}
.project-card:hover{transform:translateY(-7px);border-color:rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.34)}
.project-card.is-hidden{display:none}
.project-wide{grid-column:auto}
.project-preview{height:310px;position:relative;overflow:hidden}
.project-badge{position:absolute;z-index:5;left:18px;top:18px;padding:8px 10px;border-radius:999px;background:rgba(8,9,20,.72);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:900}
.beauty-preview{background:radial-gradient(circle at 75% 15%,rgba(245,161,201,.33),transparent 30%),linear-gradient(135deg,#20131d,#0b0e1d)}
.hotel-preview{background:radial-gradient(circle at 70% 25%,rgba(119,155,149,.22),transparent 32%),linear-gradient(135deg,#15222b,#0a0d18)}
.build-preview{background:linear-gradient(135deg,#161a24,#0c0f17)}
.jewel-preview{background:radial-gradient(circle at 75% 25%,rgba(210,166,99,.22),transparent 31%),linear-gradient(135deg,#1a1513,#090b12)}
.dj-preview{background:radial-gradient(circle at 70% 20%,rgba(103,59,255,.38),transparent 31%),#070811}
.blog-preview{background:linear-gradient(135deg,#1c2839,#0a0d15)}
.photo-preview{background:radial-gradient(circle at 78% 18%,rgba(222,180,115,.22),transparent 30%),linear-gradient(135deg,#191714,#090a0d)}
.mockup{position:absolute;inset:34px 28px -35px;border:1px solid rgba(255,255,255,.16);border-radius:17px 17px 0 0;overflow:hidden;box-shadow:0 27px 75px rgba(0,0,0,.43);transform:rotate(-1deg)}
.tilted-right{transform:rotate(2.2deg)}.tilted-left{transform:rotate(-2.2deg)}
.mock-top{height:28px;display:flex;align-items:center;gap:5px;padding:0 10px;background:rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.07)}.mock-top i{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.24)}
.beauty-site,.hotel-site,.build-site,.jewel-site,.dj-site,.blog-site,.photo-site{height:230px;position:relative;overflow:hidden}
.beauty-site{background:#f8e9ef;display:grid;grid-template-columns:47% 53%}
.beauty-copy{padding:31px 10px 20px 28px;color:#4b303b}.beauty-copy small,.hotel-copy small,.build-copy small,.jewel-copy small,.dj-copy small,.blog-copy small,.photo-copy small{font-size:7px;font-weight:900;letter-spacing:1.3px}.beauty-copy strong,.hotel-copy strong,.build-copy strong,.jewel-copy strong,.dj-copy strong,.blog-copy strong,.photo-copy strong{display:block;font:800 26px/1.02 Manrope,sans-serif;letter-spacing:-1.3px;margin-top:16px}.beauty-copy span,.jewel-copy span{display:block;width:65px;height:22px;border-radius:999px;background:#8f5b6f;margin-top:22px}
.beauty-photo{position:relative;background:linear-gradient(145deg,#d6a6b9,#f1cedc)}.face{position:absolute;width:115px;height:145px;background:linear-gradient(155deg,#d9a58f,#b66e69);border-radius:55% 48% 44% 52%;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:inset -16px -10px 25px rgba(88,43,50,.15)}.face:before{content:"";position:absolute;left:-14px;right:-14px;top:-28px;height:88px;border-radius:60% 60% 35% 35%;background:#5a3737}.petal{position:absolute;width:70px;height:28px;border-radius:50%;background:rgba(255,255,255,.45)}.p1{right:-10px;bottom:40px;transform:rotate(-30deg)}.p2{right:15px;bottom:15px;transform:rotate(16deg)}
.hotel-site{background:linear-gradient(#738e87,#293d3b)}.mountain{position:absolute;left:-10%;right:-10%;bottom:-10%;height:68%;background:linear-gradient(145deg,#667d6c,#233c37);clip-path:polygon(0 60%,18% 24%,34% 58%,50% 10%,70% 53%,83% 28%,100% 65%,100% 100%,0 100%)}.hotel-copy{position:absolute;z-index:2;left:28px;top:37px;color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.3)}
.build-site{background:linear-gradient(130deg,#d3d1c7,#727b82)}.building{position:absolute;width:52%;height:86%;right:11%;bottom:0;background:linear-gradient(90deg,#49535c 0 18%,#a9afb0 18% 33%,#3d474f 33% 52%,#a9afb0 52% 69%,#45515a 69%);clip-path:polygon(17% 6%,85% 0,100% 100%,0 100%);box-shadow:-20px 10px 35px rgba(0,0,0,.25)}.build-copy{position:absolute;z-index:2;left:26px;top:36px;color:#171d23}.build-copy strong{font-size:25px}
.jewel-site{background:#efe8dc;display:grid;grid-template-columns:47% 53%}.jewel-copy{padding:31px 10px 20px 28px;color:#4a3c32}.jewel-copy span{background:#6b5544}.jewel-product{position:relative;background:radial-gradient(circle at 50% 45%,#ead6bb,#c9ad87)}.ring-product{position:absolute;width:86px;height:86px;border:14px solid #b98b4f;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-20deg);box-shadow:0 18px 35px rgba(89,62,29,.25)}.ring-product:after{content:"";position:absolute;width:31px;height:31px;background:linear-gradient(145deg,#fff,#bde5ff);clip-path:polygon(50% 0,95% 32%,82% 88%,50% 100%,18% 88%,5% 32%);left:50%;top:-36px;transform:translateX(-50%)}
.dj-site{background:#070811}.laser{position:absolute;height:3px;width:170%;left:-30%;top:41%;background:linear-gradient(90deg,transparent,#9b50ff,transparent);transform:rotate(24deg);box-shadow:0 0 18px #8e55ff}.laser.two{top:63%;transform:rotate(-18deg);background:linear-gradient(90deg,transparent,#32d6ff,transparent);box-shadow:0 0 18px #32d6ff}.dj-disc{position:absolute;width:120px;height:120px;border-radius:50%;right:14%;top:29%;border:17px solid #231b50;box-shadow:0 0 0 2px #805aff,0 0 45px rgba(128,90,255,.55);background:radial-gradient(circle,#c7aaff 0 5%,#0c0c18 6% 26%,#5434af 27% 29%,#080910 30%)}.dj-copy{position:absolute;left:27px;top:37px;z-index:2}.dj-copy strong{font-size:27px;color:#fff}
.blog-site{background:#f6f7f8;display:grid;grid-template-columns:53% 47%}.blog-copy{padding:32px 10px 20px 28px;color:#1c2530}.blog-copy strong{font-size:24px}.blog-cover{position:relative;background:linear-gradient(150deg,#bdd3db,#657d8c)}.sun{position:absolute;width:82px;height:82px;border-radius:50%;background:#f5d7a3;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 0 26px rgba(245,215,163,.08)}
.photo-site{background:linear-gradient(135deg,#efe8dd,#b99b73);display:grid;grid-template-columns:48% 52%}.photo-copy{padding:32px 10px 20px 28px;color:#2b2520;position:relative;z-index:2}.photo-copy strong{font-size:24px}.photo-copy span{display:block;width:72px;height:22px;border-radius:999px;background:#2b2520;margin-top:21px}.photo-frame{position:relative;margin:24px 24px 20px 6px;border-radius:18px;background:linear-gradient(145deg,#25211d,#08090b);box-shadow:0 18px 42px rgba(46,31,18,.3);overflow:hidden}.photo-frame:before{content:"";position:absolute;inset:13px;border:1px solid rgba(255,255,255,.16);border-radius:12px}.photo-frame small{position:absolute;left:17px;bottom:14px;color:rgba(255,255,255,.68);font-size:6px;letter-spacing:1.5px;font-weight:900}.photo-lens{position:absolute;width:104px;height:104px;border-radius:50%;left:53%;top:45%;transform:translate(-50%,-50%);background:radial-gradient(circle,#8fc8da 0 9%,#263a42 10% 24%,#11171b 25% 43%,#3e332a 44% 48%,#08090b 49%);box-shadow:0 0 0 11px #302a25,0 16px 36px rgba(0,0,0,.38)}
.project-info{padding:23px;display:flex;gap:20px;align-items:end;justify-content:space-between}.project-meta{font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#777f99;font-weight:800}.project-info h3{font-size:22px;letter-spacing:-.7px;margin:7px 0}.project-info p{margin:0;color:#9298b0;font-size:12px;line-height:1.5;max-width:420px}.demo-link{flex-shrink:0;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.035);font-size:11px;font-weight:900}.demo-link:hover{background:#fff;color:#111322}
.custom-project-banner{margin-top:18px;padding:24px;border:1px solid var(--line-strong);border-radius:24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:radial-gradient(circle at 20% 30%,rgba(118,87,255,.16),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.025))}
.custom-project-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#7456f0,#ad68ff);font-size:21px}.custom-project-banner span{font-size:10px;color:#969db7;text-transform:uppercase;letter-spacing:.8px;font-weight:800}.custom-project-banner h3{font-size:19px;margin:4px 0 0}
.services-section{background:linear-gradient(to bottom,transparent,rgba(255,255,255,.017),transparent)}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:42px}
.service-card{position:relative;padding:27px 24px 26px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.03);min-height:350px;overflow:hidden}.service-card.featured{background:radial-gradient(circle at 80% 10%,rgba(93,217,255,.12),transparent 28%),radial-gradient(circle at 15% 80%,rgba(118,87,255,.16),transparent 33%),rgba(255,255,255,.045)}
.service-no{position:absolute;right:20px;top:20px;font-size:10px;color:#555c77;font-weight:900}.service-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(118,87,255,.28),rgba(93,217,255,.11));border:1px solid rgba(255,255,255,.10);font-size:18px}.service-card h3{font-size:19px;margin:22px 0 9px}.service-card p{color:#959cb4;font-size:12px;line-height:1.68}.service-card ul{list-style:none;margin:21px 0 0;padding:18px 0 0;border-top:1px solid rgba(255,255,255,.07)}.service-card li{font-size:10px;color:#b4bad0;margin:9px 0}.service-card li:before{content:"✓";color:var(--green);margin-right:8px}
.process-wrap{display:grid;grid-template-columns:.82fr 1.18fr;gap:70px;align-items:start}.process-copy{position:sticky;top:130px}.process-copy p,.why-copy>p,.faq-title>p{color:var(--muted);font-size:14px;line-height:1.75;margin:20px 0 25px}.process-list{display:flex;flex-direction:column;gap:12px}.process-step{padding:26px;border:1px solid var(--line);border-radius:22px;background:rgba(255,255,255,.03);display:grid;grid-template-columns:auto 1fr auto;gap:20px;align-items:start}.step-no{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:rgba(118,87,255,.12);border:1px solid rgba(118,87,255,.22);font-size:11px;color:#a997ff;font-weight:900}.process-step h3{font-size:18px;margin:3px 0 7px}.process-step p{margin:0;color:#939ab2;font-size:12px;line-height:1.65}.step-arrow{font-size:19px;color:#7e86a0}
.why-section{padding-bottom:90px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.why-visual{height:570px;position:relative;border:1px solid var(--line);border-radius:30px;background:radial-gradient(circle at 50% 42%,rgba(118,87,255,.22),transparent 30%),linear-gradient(145deg,#111426,#0a0d1a);overflow:hidden}.why-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px}
.phone{position:absolute;width:205px;height:405px;border:7px solid #1a1d2d;border-radius:33px;background:#0b0d16;box-shadow:0 35px 70px rgba(0,0,0,.48);overflow:hidden}.phone-one{left:20%;top:83px;transform:rotate(-8deg)}.phone-two{right:16%;top:122px;transform:rotate(8deg);width:188px;height:382px}.phone-notch{position:absolute;z-index:4;left:50%;top:7px;transform:translateX(-50%);width:75px;height:18px;border-radius:0 0 12px 12px;background:#11131c}.phone-screen{position:absolute;inset:0;background:linear-gradient(150deg,#171a31,#090b15);padding:35px 18px}.phone-screen.alt{background:#eee6db;color:#332a24}.phone-brand{font-size:10px;font-weight:900;letter-spacing:1px}.phone-hero{height:145px;margin-top:28px;border-radius:18px;background:radial-gradient(circle at 60% 38%,#ad79ff,transparent 26%),linear-gradient(145deg,#3f2c87,#1b1740)}.phone-product{width:120px;height:120px;margin:38px auto 23px;border-radius:50%;border:18px solid #c09255;box-shadow:0 22px 45px rgba(82,54,26,.2)}.phone-lines i{display:block;height:7px;margin-top:8px;background:rgba(255,255,255,.12);border-radius:5px}.phone-screen.alt .phone-lines i{background:rgba(46,37,31,.18)}.phone-lines i:nth-child(2){width:80%}.phone-lines i:nth-child(3){width:57%}.phone-btn{width:78px;height:27px;border-radius:8px;margin-top:18px;background:linear-gradient(135deg,#7657ff,#aa70ff)}
.why-chip{position:absolute;padding:10px 13px;border:1px solid rgba(255,255,255,.13);border-radius:12px;background:rgba(12,15,31,.78);backdrop-filter:blur(12px);box-shadow:0 17px 42px rgba(0,0,0,.3);font-size:10px;font-weight:800}.c1{left:8%;bottom:70px}.c2{right:7%;top:55px}.why-copy h2{max-width:520px}.why-points{margin-top:25px;display:flex;flex-direction:column;gap:16px}.why-points>div{display:flex;gap:13px;align-items:start;padding-top:16px;border-top:1px solid rgba(255,255,255,.07)}.why-points>div>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:rgba(74,230,170,.11);color:var(--green);font-weight:900;flex-shrink:0}.why-points p{margin:0}.why-points strong,.why-points small{display:block}.why-points strong{font-size:13px;margin-bottom:4px}.why-points small{color:#8f96ae;font-size:11px;line-height:1.55}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:65px}.stat{padding:24px;border:1px solid var(--line);border-radius:19px;background:rgba(255,255,255,.025)}.stat strong{display:block;font:800 34px/1 Manrope,sans-serif;letter-spacing:-1.4px;color:#ddd5ff}.stat span{display:block;color:#8c93aa;font-size:10px;margin-top:8px;line-height:1.4}
.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:70px}.faq-title{position:sticky;top:130px;align-self:start}.faq-list{display:flex;flex-direction:column}.faq-item{border-bottom:1px solid rgba(255,255,255,.08);padding:4px 0}.faq-item summary{list-style:none;cursor:pointer;padding:23px 0;font:700 15px Manrope,sans-serif;display:flex;justify-content:space-between;gap:20px;align-items:center}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:20px;color:#777f99;transition:.2s}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item p{margin:0 0 23px;color:#9299b0;font-size:12px;line-height:1.7;max-width:650px}
.closing-section{padding-top:70px}.closing-card{position:relative;min-height:500px;border:1px solid rgba(255,255,255,.14);border-radius:34px;overflow:hidden;background:linear-gradient(135deg,#5f43e4,#8b5cf6 55%,#4956e6);box-shadow:0 38px 100px rgba(77,55,190,.25)}.closing-grid{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent)}.closing-orb{position:absolute;border-radius:50%;filter:blur(1px);background:rgba(255,255,255,.12)}.closing-orb.one{width:360px;height:360px;right:-90px;top:-100px}.closing-orb.two{width:150px;height:150px;right:35%;bottom:-75px}.closing-content{position:relative;z-index:2;width:54%;padding:68px 0 60px 64px}.section-kicker.light{color:#ddd5ff}.closing-content h2{font-size:clamp(42px,5vw,64px)}.closing-content h2 span{color:rgba(255,255,255,.58)}.closing-content p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.76);max-width:550px;margin:20px 0 28px}.closing-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.text-link{font-size:11px;font-weight:900}
.closing-preview{position:absolute;width:47%;right:-2%;top:74px;perspective:1200px}.closing-browser{height:330px;border:1px solid rgba(255,255,255,.24);border-radius:22px;background:#111424;box-shadow:0 38px 80px rgba(39,24,114,.38);transform:rotateY(-18deg) rotateX(7deg) rotateZ(2deg);overflow:hidden}.closing-bar{height:40px;display:flex;gap:5px;align-items:center;padding:0 14px;background:rgba(255,255,255,.05)}.closing-bar i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.3)}.closing-screen{padding:36px}.closing-screen span{display:block;width:76px;height:14px;border-radius:999px;background:#7c5cff}.closing-screen b{display:block;height:18px;border-radius:6px;background:#fff;margin:14px 0;width:86%}.closing-screen b:nth-of-type(2){width:68%;background:#cbd0e2}.closing-screen b:nth-of-type(3){height:7px;width:90%;background:#50566e}.closing-screen em{display:block;width:110px;height:36px;border-radius:10px;background:linear-gradient(135deg,#7657ff,#5dd9ff);margin-top:28px}
footer{padding:65px 0 30px;border-top:1px solid rgba(255,255,255,.07);background:#070812}.footer-main{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:42px}.footer-brand p{color:#838aa3;font-size:11px;line-height:1.65;max-width:280px;margin-top:18px}.footer-col{display:flex;flex-direction:column;gap:12px}.footer-col strong{font-size:11px;margin-bottom:5px}.footer-col a{color:#848ba5;font-size:10px}.footer-col a:hover{color:#fff}.footer-bottom{margin-top:45px;padding-top:22px;border-top:1px solid rgba(255,255,255,.06);display:flex;justify-content:space-between;gap:20px;color:#656c84;font-size:9px}
.whatsapp{position:fixed;z-index:85;right:22px;bottom:22px;display:flex;align-items:center;gap:9px;padding:10px 14px 10px 10px;border-radius:999px;background:#22c76f;color:#fff;box-shadow:0 14px 38px rgba(34,199,111,.28);font-size:11px;font-weight:900}.whatsapp span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.13);font-size:16px}
.modal{position:fixed;z-index:200;inset:0;display:none;align-items:center;justify-content:center;padding:20px}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(2,3,9,.8);backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(650px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#101324;padding:34px;box-shadow:0 45px 120px rgba(0,0,0,.55)}.modal-close{position:absolute;right:16px;top:14px;border:0;background:transparent;font-size:28px;color:#7d849e;cursor:pointer}.modal-card h3{font-size:28px;letter-spacing:-1.2px;margin:5px 0 8px}.modal-card>p{color:#8f96ad;font-size:11px;line-height:1.6;margin:0 0 24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:block;font-size:10px;font-weight:800;color:#afb5ca;margin-bottom:12px}input,textarea,select{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.045);color:#fff;padding:12px 13px;outline:none}select option{color:#111}input:focus,textarea:focus,select:focus{border-color:#7c60f5;box-shadow:0 0 0 3px rgba(124,96,245,.11)}textarea{resize:vertical}.form-success{display:none;text-align:center;padding:30px 10px}.form-success.show{display:block}.form-success.show+*{display:none}.success-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:rgba(74,230,170,.12);color:var(--green);font-size:25px;margin:0 auto 15px}.form-success strong{font:800 22px Manrope,sans-serif}.form-success p{color:#8f96ae;font-size:11px;line-height:1.6}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.show{opacity:1;transform:none}

@media(max-width:1000px){
  .nav-links{display:none}.mobile-menu{display:block}.nav-quote{display:none}
  .nav-links.open{display:flex;position:absolute;top:70px;left:20px;right:20px;background:#0d1020;border:1px solid var(--line);border-radius:18px;padding:20px;flex-direction:column;align-items:flex-start;box-shadow:var(--shadow)}
  .hero{padding-top:125px}.hero-grid{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{height:540px;margin-top:-10px}
  .section-heading{align-items:start;flex-direction:column}.section-heading p{max-width:650px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .process-wrap,.why-grid,.faq-grid{grid-template-columns:1fr}.process-copy,.faq-title{position:static}.why-visual{max-width:700px;width:100%;margin:auto}
  .stats-grid{grid-template-columns:repeat(2,1fr)}
  .closing-content{width:62%;padding-left:44px}.closing-preview{width:46%;right:-10%}
  .footer-main{grid-template-columns:1.6fr 1fr 1fr}.footer-col:last-child{display:none}
}
@media(max-width:700px){
  .container{width:min(100% - 28px,1180px)}.section{padding:75px 0}
  .hero{padding-top:112px;padding-bottom:35px;min-height:auto}h1{font-size:51px;letter-spacing:-3.1px}.hero-lead{font-size:15px}
  .hero-actions .btn{width:100%}.hero-visual{height:410px}.browser-3d{width:104%;left:-5%;height:315px;top:8%;transform:rotateY(-9deg) rotateX(5deg) rotateZ(1deg)}.browser-bar{height:40px}.browser-content{height:calc(100% - 40px)}.browser-left{padding:28px 10px 20px 20px}.browser-left h3{font-size:22px}.b1{width:155px;height:155px;right:15px}.b2{width:80px;height:80px;left:8px}.glass-ring{width:195px;height:95px;border-width:11px}.glass-card{display:none}.f1{width:145px;right:-2%}.f2{width:155px}.f3{display:none}.orbit-one{width:340px;height:170px}.orbit-two{width:290px;height:145px}
  .hero-bottom{display:none}.project-grid{grid-template-columns:1fr}.project-preview{height:265px}.project-info{align-items:flex-start;flex-direction:column}.demo-link{width:100%;justify-content:center}
  .custom-project-banner{grid-template-columns:auto 1fr}.custom-project-banner .btn{grid-column:1/-1;width:100%}
  .services-grid{grid-template-columns:1fr}.service-card{min-height:auto}.process-wrap{gap:38px}
  .why-visual{height:450px}.phone-one{left:9%;top:65px;transform:scale(.82) rotate(-7deg);transform-origin:top left}.phone-two{right:3%;top:95px;transform:scale(.78) rotate(7deg);transform-origin:top right}.c1{left:5%;bottom:40px}.c2{right:5%;top:28px}
  .stats-grid{grid-template-columns:1fr 1fr}.closing-card{min-height:650px}.closing-content{width:100%;padding:48px 28px}.closing-preview{width:90%;right:-18%;top:auto;bottom:-80px}.closing-browser{height:300px}
  .footer-main{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column}.form-row{grid-template-columns:1fr}.modal-card{padding:27px 20px}
}
@media(max-width:430px){
  .nav{height:70px}.brand{font-size:20px}.brand-icon{width:33px;height:33px}
  h1{font-size:44px}.hero-visual{height:380px}.project-preview{height:240px}.mockup{inset:30px 18px -34px}.beauty-copy strong,.hotel-copy strong,.build-copy strong,.jewel-copy strong,.dj-copy strong,.blog-copy strong,.photo-copy strong{font-size:21px}.section-heading h2,.process-copy h2,.why-copy h2,.faq-title h2,.closing-content h2{font-size:37px;letter-spacing:-2px}
  .stats-grid{grid-template-columns:1fr}.whatsapp b{display:none}.whatsapp{padding-right:10px}
}


/* ===== Site renewal sales strip ===== */
.upgrade-strip{padding:0 0 34px;position:relative}
.upgrade-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:22px;align-items:stretch}
.upgrade-copy,.upgrade-compare{border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.028)}
.upgrade-copy{padding:28px}
.upgrade-copy h2{font:800 clamp(28px,3.3vw,42px)/1.06 Manrope,sans-serif;letter-spacing:-2px;margin:0 0 13px}.upgrade-copy h2 span{color:#7d84a0}.upgrade-copy p{margin:0;color:#9299b1;font-size:11px;line-height:1.7;max-width:620px}
.upgrade-compare{padding:18px;display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;background:radial-gradient(circle at 82% 24%,rgba(118,87,255,.14),transparent 32%),rgba(255,255,255,.025)}
.upgrade-side{min-height:145px;border:1px solid rgba(255,255,255,.075);border-radius:18px;padding:19px;display:flex;flex-direction:column;justify-content:center}.upgrade-side.old{opacity:.63;background:rgba(255,255,255,.018)}.upgrade-side.new{background:linear-gradient(145deg,rgba(118,87,255,.13),rgba(93,217,255,.055))}.upgrade-side small{font-size:8px;letter-spacing:1.1px;font-weight:900;color:#777f98}.upgrade-side.new small{color:#ad9cff}.upgrade-side strong{font:800 17px Manrope,sans-serif;margin:8px 0}.upgrade-side span{color:#858da7;font-size:9px;line-height:1.55}.upgrade-arrow{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#171928;font-weight:900}

/* ===== V3: content-rich sections inspired by the previous RehberWeb structure ===== */
.web-value-section{padding-top:90px;background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent)}
.value-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:34px}
.value-intro h2{font:800 clamp(38px,4.6vw,58px)/1.04 Manrope,sans-serif;letter-spacing:-2.8px;margin:0}
.value-intro h2 span{color:#777f9d}
.value-copy{color:var(--muted);font-size:13px;line-height:1.75}.value-copy p{margin:0 0 12px}.value-copy strong{color:#e8eaff}
.value-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.value-card{min-height:220px;padding:22px;border:1px solid var(--line);border-radius:20px;background:rgba(255,255,255,.028);transition:.25s}
.value-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.045)}
.value-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(118,87,255,.13);color:#aa98ff;font-weight:900;margin-bottom:30px}
.value-card h3{font-size:15px;margin:0 0 8px}.value-card p{margin:0;color:#8f96ae;font-size:10px;line-height:1.6}
.value-cta{margin-top:14px;padding:22px;border:1px solid var(--line-strong);border-radius:22px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:radial-gradient(circle at 18% 30%,rgba(118,87,255,.13),transparent 26%),rgba(255,255,255,.03)}
.value-cta-mark{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(145deg,#7657ff,#a96fff);font:800 13px Manrope,sans-serif}
.value-cta small{color:#858ca6;font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:900}.value-cta h3{font-size:16px;line-height:1.45;margin:4px 0 0;max-width:720px}
.rich-services{grid-template-columns:repeat(4,1fr)}
.custom-service{background:radial-gradient(circle at 85% 15%,rgba(118,87,255,.16),transparent 30%),rgba(255,255,255,.035)}
.mini-cta{margin-top:20px;border:0;background:transparent;color:#b8a9ff;font-size:10px;font-weight:900;padding:0;cursor:pointer}
.market-preview{background:radial-gradient(circle at 78% 20%,rgba(95,206,117,.22),transparent 30%),linear-gradient(135deg,#101c16,#09100d)}
.market-site{height:230px;background:#f4f0e6;display:grid;grid-template-columns:50% 50%;color:#24352a}
.market-copy{padding:31px 8px 20px 28px}.market-copy small{font-size:7px;font-weight:900;letter-spacing:1.2px;color:#388555}.market-copy strong{display:block;font:800 25px/1.02 Manrope,sans-serif;letter-spacing:-1.1px;margin-top:16px}.market-copy span{display:block;width:68px;height:22px;background:#3d9b5d;border-radius:999px;margin-top:20px}
.market-products{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(145deg,#b9d9aa,#6ba56e)}.market-products i{font-style:normal;width:55px;height:55px;border-radius:16px;background:rgba(255,255,255,.55);display:grid;place-items:center;font-size:25px;box-shadow:0 14px 25px rgba(45,90,55,.15)}.market-products i:nth-child(2){transform:translateY(-30px)}
.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}
.advantage-card{display:flex;gap:13px;padding:20px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.025)}
.advantage-card>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(118,87,255,.12);color:#a793ff;flex-shrink:0}.advantage-card h3{font-size:13px;margin:2px 0 5px}.advantage-card p{font-size:10px;color:#8e95ad;line-height:1.55;margin:0}
.quote-section{padding-top:70px}
.quote-shell{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;padding:44px;border:1px solid var(--line-strong);border-radius:30px;background:radial-gradient(circle at 8% 12%,rgba(118,87,255,.13),transparent 25%),linear-gradient(145deg,#111426,#0b0e1d);box-shadow:0 30px 90px rgba(0,0,0,.22)}
.quote-copy h2{font:800 clamp(36px,4.3vw,52px)/1.05 Manrope,sans-serif;letter-spacing:-2.4px;margin:0}.quote-copy>p{font-size:12px;color:#949bb3;line-height:1.7;margin:18px 0 25px}
.quote-notes{display:flex;flex-direction:column;gap:12px}.quote-notes>div{display:flex;gap:11px;align-items:start;padding-top:12px;border-top:1px solid rgba(255,255,255,.07)}.quote-notes>div>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:rgba(74,230,170,.11);color:var(--green);font-weight:900}.quote-notes p{margin:0}.quote-notes strong,.quote-notes small{display:block}.quote-notes strong{font-size:11px}.quote-notes small{font-size:9px;color:#858ca6;margin-top:3px;line-height:1.45}
.direct-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.direct-contact a{font-size:10px;color:#bfc4d7;font-weight:800}
.detail-quote-form{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.032)}.detail-quote-form label{margin-bottom:14px}.detail-quote-form input,.detail-quote-form textarea,.detail-quote-form select{background:rgba(5,7,16,.48)}
.form-disclaimer{display:block;text-align:center;color:#666e87;font-size:8px;margin-top:10px}
@media(max-width:1000px){.upgrade-grid{grid-template-columns:1fr}.value-grid{grid-template-columns:repeat(2,1fr)}.value-card:last-child{grid-column:1/-1}.rich-services{grid-template-columns:repeat(2,1fr)}.quote-shell{grid-template-columns:1fr}.advantage-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.hero-capabilities{gap:6px}.hero-capabilities span{font-size:8px}.upgrade-strip{padding-bottom:15px}.upgrade-copy{padding:22px 20px}.upgrade-compare{grid-template-columns:1fr}.upgrade-arrow{margin:auto;transform:rotate(90deg)}.value-intro{grid-template-columns:1fr;gap:25px}.value-grid{grid-template-columns:1fr}.value-card:last-child{grid-column:auto}.value-card{min-height:auto}.value-cta{grid-template-columns:auto 1fr}.value-cta .btn{grid-column:1/-1;width:100%}.rich-services{grid-template-columns:1fr}.advantage-grid{grid-template-columns:1fr}.quote-shell{padding:27px 18px}.quote-section{padding-top:45px}}

/* ===== Dual sales mode: renewal experience ===== */
.nav-mode-return{display:none;margin-left:auto;white-space:nowrap}
.btn-renewal-mode{background:rgba(255,255,255,.025);border-color:rgba(255,255,255,.13);color:#b9bfd4;box-shadow:none}
.btn-renewal-mode:hover{background:rgba(255,255,255,.07);border-color:rgba(170,152,255,.4);color:#fff}
.renewal-experience{display:none;min-height:100vh}
body.renewal-mode .primary-site,
body.renewal-mode .primary-footer,
body.renewal-mode .whatsapp{display:none!important}
body.renewal-mode .renewal-experience{display:block}
body.renewal-mode .nav-links,
body.renewal-mode .nav-quote,
body.renewal-mode .mobile-menu{display:none!important}
body.renewal-mode .nav-mode-return{display:inline-flex}
body.mode-switching .primary-site,
body.mode-switching .renewal-experience{animation:modeFade .34s ease both}
@keyframes modeFade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.renewal-hero{padding-top:150px;min-height:850px;display:flex;align-items:center;overflow:hidden}
.renewal-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.016) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.016) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 78%);pointer-events:none}
.renewal-hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}
.renewal-hero-copy{position:relative;z-index:2}.renewal-hero-copy h1{font-size:clamp(50px,5.7vw,80px)}
.renewal-eyebrow{border-color:rgba(93,217,255,.18);background:rgba(93,217,255,.035)}
.renewal-proof-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.renewal-proof-row span{padding:8px 10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;color:#a9b0c8;font-size:9px;font-weight:800;background:rgba(255,255,255,.025)}
.renewal-stage{height:590px;position:relative;perspective:1200px}.renewal-stage-glow{position:absolute;width:390px;height:390px;border-radius:50%;background:rgba(93,217,255,.12);filter:blur(80px);right:5%;top:14%}
.renewal-browser{position:absolute;width:76%;height:325px;border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;background:#111426;box-shadow:0 35px 80px rgba(0,0,0,.38)}
.old-browser{left:0;top:42px;transform:rotateY(12deg) rotateZ(-3deg);opacity:.62;filter:saturate(.45)}
.new-browser{right:0;bottom:34px;transform:rotateY(-12deg) rotateZ(2deg);z-index:2;border-color:rgba(160,142,255,.35);box-shadow:0 45px 110px rgba(0,0,0,.52),0 0 70px rgba(118,87,255,.12)}
.renewal-browser-bar{height:43px;display:flex;align-items:center;gap:6px;padding:0 14px;background:rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.07)}.renewal-browser-bar i{width:8px;height:8px;border-radius:50%;background:#3c4053}.renewal-browser-bar small{margin-left:7px;color:#676e88;font-size:8px}
.old-screen{height:calc(100% - 43px);padding:34px;background:linear-gradient(135deg,#c9cad0,#94979f);color:#30323a}.old-screen b{font:800 22px Manrope,sans-serif;display:block;margin-bottom:24px}.old-screen span{display:block;height:11px;border-radius:4px;background:rgba(50,52,58,.18);margin:11px 0}.old-screen span:nth-of-type(1){width:88%}.old-screen span:nth-of-type(2){width:70%}.old-screen span:nth-of-type(3){width:79%}.old-screen em{display:block;font-style:normal;font-size:9px;margin-top:28px;color:#555963}
.new-screen{height:calc(100% - 43px);padding:42px 35px;background:radial-gradient(circle at 86% 20%,rgba(93,217,255,.20),transparent 28%),linear-gradient(145deg,#171a31,#0b0d1c)}.new-screen small{display:block;color:#9f8cff;font-size:8px;font-weight:900;letter-spacing:1.2px}.new-screen strong{display:block;font:800 28px/1.04 Manrope,sans-serif;letter-spacing:-1.3px;margin:18px 0 28px}.new-screen span{display:inline-flex;padding:10px 14px;border-radius:11px;background:linear-gradient(135deg,#7657ff,#a56cff);font-size:9px;font-weight:900}
.renewal-transform-arrow{position:absolute;z-index:5;left:48%;top:48%;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#111322;font-weight:900;box-shadow:0 15px 40px rgba(0,0,0,.28)}

.renewal-problems{padding-top:86px;background:linear-gradient(to bottom,rgba(255,255,255,.012),transparent)}
.renewal-heading h2{font-size:clamp(38px,4.6vw,59px);line-height:1.04;letter-spacing:-2.8px;margin:0}.renewal-heading h2 span{color:#777f9d}
.renewal-problem-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.renewal-problem-grid article{min-height:230px;padding:24px;border:1px solid var(--line);border-radius:21px;background:rgba(255,255,255,.028)}.renewal-problem-grid b{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:rgba(118,87,255,.12);color:#a994ff;font-size:9px}.renewal-problem-grid h3{font-size:16px;margin:38px 0 10px}.renewal-problem-grid p{margin:0;color:#8d94ad;font-size:10px;line-height:1.65}
.renewal-scope-section{background:radial-gradient(circle at 5% 30%,rgba(118,87,255,.10),transparent 24%)}.renewal-scope-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:65px;align-items:start}.renewal-scope-copy{position:sticky;top:125px}.renewal-scope-copy h2{font:800 clamp(38px,4.7vw,58px)/1.04 Manrope,sans-serif;letter-spacing:-2.8px;margin:0}.renewal-scope-copy h2 span{color:#777f9d}.renewal-scope-copy p{color:#959cb4;font-size:12px;line-height:1.75;margin-top:20px}.renewal-scope-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.renewal-scope-list>div{display:flex;gap:14px;padding:21px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.026)}.renewal-scope-list>div>span{width:36px;height:36px;flex-shrink:0;display:grid;place-items:center;border-radius:11px;background:rgba(93,217,255,.08);color:#75d9f6}.renewal-scope-list p{margin:0}.renewal-scope-list strong,.renewal-scope-list small{display:block}.renewal-scope-list strong{font-size:12px}.renewal-scope-list small{color:#8991aa;font-size:9px;line-height:1.55;margin-top:5px}
.renewal-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}.renewal-process-grid article{padding:25px;border-top:1px solid rgba(255,255,255,.14);background:linear-gradient(to bottom,rgba(255,255,255,.035),transparent);min-height:210px}.renewal-process-grid span{color:#9b85ff;font-size:9px;font-weight:900;letter-spacing:1px}.renewal-process-grid h3{font-size:15px;margin:38px 0 10px}.renewal-process-grid p{margin:0;color:#8e95ad;font-size:10px;line-height:1.6}
.renewal-quote-section{padding-top:75px}.renewal-quote-shell{display:grid;grid-template-columns:.92fr 1.08fr;gap:55px;padding:46px;border:1px solid var(--line-strong);border-radius:30px;background:radial-gradient(circle at 9% 10%,rgba(93,217,255,.11),transparent 24%),linear-gradient(145deg,#111426,#0a0d1b);box-shadow:0 35px 100px rgba(0,0,0,.28)}.renewal-quote-copy h2{font:800 clamp(36px,4.4vw,54px)/1.05 Manrope,sans-serif;letter-spacing:-2.5px;margin:0}.renewal-quote-copy h2 span{color:#777f9d}.renewal-quote-copy>p{color:#959cb4;font-size:12px;line-height:1.72;margin:18px 0 26px}.renewal-mini-proof{display:flex;flex-direction:column;gap:10px}.renewal-mini-proof span{color:#aab1c7;font-size:10px;font-weight:700}.renewal-form{padding:27px;border:1px solid rgba(255,255,255,.09);border-radius:22px;background:rgba(255,255,255,.032)}.renewal-form label{display:block;color:#c5cada;font-size:10px;font-weight:800;margin-bottom:14px}.renewal-form input,.renewal-form textarea,.renewal-form select{width:100%;margin-top:7px;border:1px solid rgba(255,255,255,.1);background:rgba(5,7,16,.48);color:#fff;padding:13px 14px;border-radius:12px;outline:none}.renewal-form textarea{resize:vertical}.renewal-form select option{color:#111}
.renewal-closing-section{padding-top:55px}.renewal-closing-card{padding:72px;border-radius:32px;overflow:hidden;position:relative;background:radial-gradient(circle at 85% 20%,rgba(93,217,255,.18),transparent 28%),radial-gradient(circle at 20% 75%,rgba(118,87,255,.20),transparent 28%),#121526;border:1px solid rgba(255,255,255,.12)}.renewal-closing-card h2{font:800 clamp(40px,5vw,64px)/1.02 Manrope,sans-serif;letter-spacing:-3px;margin:0}.renewal-closing-card h2 span{color:#9ba3bf}.renewal-closing-card p{max-width:670px;color:#a0a7be;font-size:12px;line-height:1.7;margin:20px 0 28px}

@media(max-width:1000px){
  .renewal-hero-grid,.renewal-scope-grid,.renewal-quote-shell{grid-template-columns:1fr}.renewal-stage{height:520px}.renewal-problem-grid,.renewal-process-grid{grid-template-columns:repeat(2,1fr)}.renewal-scope-copy{position:static}.renewal-scope-list{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:700px){
  .btn-renewal-mode{width:100%}.renewal-hero{padding-top:112px;min-height:auto}.renewal-stage{height:430px;margin-top:18px}.renewal-browser{height:255px;width:82%}.old-browser{top:28px}.new-browser{bottom:26px}.renewal-transform-arrow{width:40px;height:40px}.old-screen{padding:25px}.new-screen{padding:31px 24px}.new-screen strong{font-size:22px}.renewal-problem-grid,.renewal-process-grid,.renewal-scope-list{grid-template-columns:1fr}.renewal-problem-grid article{min-height:auto}.renewal-scope-grid{gap:34px}.renewal-quote-shell{padding:27px 18px}.renewal-closing-card{padding:50px 26px}.nav-mode-return{min-height:42px;padding:0 13px;font-size:10px}
}


/* Hero renewal mode switch — intentionally separate from the primary new-site CTA */
.renewal-switch-card{
  width:min(560px,100%);margin-top:16px;padding:14px 15px;border:1px solid rgba(157,133,255,.28);border-radius:17px;
  background:linear-gradient(135deg,rgba(118,87,255,.105),rgba(93,217,255,.045));color:#fff;cursor:pointer;
  display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 14px 38px rgba(0,0,0,.14);
  transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;
}
.renewal-switch-card:hover{transform:translateY(-2px);border-color:rgba(157,133,255,.58);background:linear-gradient(135deg,rgba(118,87,255,.16),rgba(93,217,255,.07));box-shadow:0 18px 44px rgba(0,0,0,.2)}
.renewal-switch-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:rgba(118,87,255,.16);border:1px solid rgba(157,133,255,.24);font-size:19px;color:#c9bbff;transition:transform .35s ease}
.renewal-switch-card:hover .renewal-switch-icon{transform:rotate(-18deg)}
.renewal-switch-copy{min-width:0}.renewal-switch-copy small{display:block;color:#7f87a4;font-size:8px;font-weight:900;letter-spacing:1.15px;margin-bottom:5px}.renewal-switch-copy strong{display:block;font:800 13px/1.25 Manrope,sans-serif;letter-spacing:-.25px;color:#eef0ff}.renewal-switch-copy strong b{color:#a991ff;font-size:15px;margin-left:3px}
.renewal-switch-badge{padding:7px 9px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.085);color:#969db6;font-size:8px;font-weight:900;white-space:nowrap}
@media(max-width:700px){
  .renewal-switch-card{margin-top:13px;padding:13px;grid-template-columns:auto 1fr;width:100%}
  .renewal-switch-badge{display:none}.renewal-switch-icon{width:39px;height:39px}.renewal-switch-copy strong{font-size:12px}.renewal-switch-copy small{font-size:7px}
}


/* Hero CTA hierarchy: primary new-site action + matching renewal action directly below */
.hero-actions-main{align-items:flex-start}
.hero-primary-stack{display:flex;flex-direction:column;gap:10px;min-width:min(100%,330px)}
.hero-primary-stack>.btn{width:100%}
.btn-renewal-entry{
  background:linear-gradient(135deg,rgba(118,87,255,.16),rgba(93,217,255,.10));
  border-color:rgba(157,133,255,.34);color:#f3f4ff;box-shadow:0 12px 30px rgba(0,0,0,.14)
}
.btn-renewal-entry:hover{background:linear-gradient(135deg,rgba(118,87,255,.26),rgba(93,217,255,.16));border-color:rgba(157,133,255,.60);box-shadow:0 16px 38px rgba(0,0,0,.22)}
.hero-demo-btn{margin-top:0}
.renewal-entry-detail{
  max-width:690px;margin:-12px 0 25px;padding:13px 15px;border-left:2px solid rgba(93,217,255,.62);
  border-radius:0 12px 12px 0;background:rgba(93,217,255,.045);color:#929ab3;font-size:11px;line-height:1.65
}
.renewal-entry-detail strong{color:#dfeaff}
@media(max-width:700px){
  .hero-actions-main{display:grid;grid-template-columns:1fr;width:100%}
  .hero-primary-stack{width:100%;min-width:0}
  .hero-primary-stack>.btn,.hero-demo-btn{width:100%}
  .renewal-entry-detail{margin:-8px 0 21px;font-size:10px}
}

/* V5 hero sales layer: demo-first + price guarantee */
.hero-trust-strip{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:690px;margin:-5px 0 22px
}
.hero-trust-item{
  min-height:68px;padding:12px 14px;border:1px solid rgba(255,255,255,.10);border-radius:16px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.025));
  display:flex;align-items:center;gap:12px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)
}
.hero-trust-item.demo-first{border-color:rgba(118,87,255,.28);background:linear-gradient(145deg,rgba(118,87,255,.11),rgba(255,255,255,.025))}
.hero-trust-item.price-guarantee{border-color:rgba(74,230,170,.24);background:linear-gradient(145deg,rgba(74,230,170,.075),rgba(255,255,255,.025))}
.hero-trust-icon{
  width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);font-weight:900;font-size:13px;color:#fff
}
.demo-first .hero-trust-icon{background:rgba(118,87,255,.18);color:#c4b5ff}
.price-guarantee .hero-trust-icon{background:rgba(74,230,170,.12);color:#71efbd}
.hero-trust-item small{display:block;font-size:7.5px;font-weight:900;letter-spacing:1px;color:#7f87a1;margin-bottom:4px}
.hero-trust-item strong{display:block;font:800 11.5px/1.35 Manrope,sans-serif;color:#f3f4ff;letter-spacing:-.15px}

.hero-3d-badge{
  position:absolute;z-index:5;display:flex;align-items:center;gap:11px;padding:12px 13px;border-radius:17px;
  border:1px solid rgba(255,255,255,.16);background:rgba(12,15,31,.83);backdrop-filter:blur(18px);
  box-shadow:0 24px 60px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.055)
}
.hero-3d-badge>span{
  width:36px;height:36px;flex:0 0 36px;border-radius:11px;display:grid;place-items:center;font-size:11px;font-weight:900
}
.hero-3d-badge small,.hero-3d-badge strong,.hero-3d-badge em{display:block}
.hero-3d-badge small{font-size:7px;font-weight:900;letter-spacing:1px;color:#7f87a2;margin-bottom:3px}
.hero-3d-badge strong{font:800 12px/1.2 Manrope,sans-serif;color:#fff}
.hero-3d-badge em{font-style:normal;font-size:8px;color:#969db7;margin-top:3px}
.badge-demo{left:5%;top:3%;animation:floatB 7.5s ease-in-out infinite}
.badge-demo>span{background:linear-gradient(145deg,rgba(118,87,255,.28),rgba(170,112,255,.15));color:#c9bcff}
.badge-price{right:1%;bottom:18%;animation:floatA 6.8s ease-in-out infinite reverse}
.badge-price>span{background:rgba(74,230,170,.13);color:#69edb8;border:1px solid rgba(74,230,170,.18)}

@media(max-width:1100px){
  .hero-trust-strip{max-width:650px}
  .badge-demo{left:2%}.badge-price{right:0}
}
@media(max-width:700px){
  .hero-trust-strip{grid-template-columns:1fr;margin:0 0 18px}
  .hero-trust-item{min-height:60px;padding:10px 12px}.hero-trust-item strong{font-size:10.5px}
  .hero-3d-badge{padding:9px 10px;gap:8px;border-radius:14px}
  .hero-3d-badge>span{width:31px;height:31px;flex-basis:31px}.hero-3d-badge strong{font-size:10px}.hero-3d-badge em{font-size:7px}
  .badge-demo{left:0;top:1%}.badge-price{right:-1%;bottom:12%}
}

/* V5.3 copy additions: renewal subtitle + clickable project trust card */
.hero-renewal-subtitle{
  width:max-content;max-width:100%;margin:-14px 0 20px;padding:9px 13px;border-radius:999px;
  border:1px solid rgba(93,217,255,.20);background:rgba(93,217,255,.055);color:#c9efff;
  font-size:11px;font-weight:850;letter-spacing:.15px
}
.hero-renewal-inline{color:#e8eaff;font-weight:800}
.hero-trust-item.demo-first.is-project-link{cursor:pointer;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.hero-trust-item.demo-first.is-project-link:hover{transform:translateY(-2px);border-color:rgba(157,133,255,.52);background:linear-gradient(145deg,rgba(118,87,255,.17),rgba(255,255,255,.035))}
.hero-trust-item.demo-first.is-project-link:focus-visible{outline:2px solid #9d85ff;outline-offset:3px}
.hero-trust-item.price-guarantee{min-height:86px}
.hero-trust-item.price-guarantee strong{font-size:10.5px;line-height:1.45}
@media(max-width:700px){
  .hero-renewal-subtitle{margin:-10px 0 18px;font-size:10px}
  .hero-trust-item.price-guarantee{min-height:96px}
}

/* V5.5 — hero service pills + installment card + from-scratch strip */
.hero-service-pills{
  display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:-14px 0 20px
}
.hero-service-pill{
  display:inline-flex;align-items:center;min-height:38px;padding:0 15px;border-radius:999px;
  font-size:11px;font-weight:850;letter-spacing:.12px
}
.hero-service-pill.primary{
  border:1px solid rgba(157,133,255,.28);background:rgba(118,87,255,.08);color:#ddd5ff
}
.hero-service-pill.renewal{
  border:1px solid rgba(93,217,255,.20);background:rgba(93,217,255,.055);color:#c9efff
}
.hero-trust-item.installment-card{cursor:default}
.hero-trust-item.installment-card .hero-trust-icon{
  background:rgba(118,87,255,.16);border-color:rgba(157,133,255,.24);color:#d5caff
}
.new-site-switch-card .renewal-switch-icon{transform:none!important}
.new-site-compare .upgrade-side.old{opacity:1;background:linear-gradient(145deg,rgba(118,87,255,.075),rgba(255,255,255,.018))}
.new-site-compare .upgrade-side.old small{color:#9d85ff}
@media(max-width:700px){
  .hero-service-pills{margin:-10px 0 18px;gap:7px}
  .hero-service-pill{min-height:34px;padding:0 11px;font-size:9px}
}


/* V5.6 — WOW hero title: "Markanı dijitale taşı" + CSS 3D objects */
.hero-title-stage{
  position:relative;isolation:isolate;max-width:760px;margin:24px 0 25px;
  perspective:1100px;transform-style:preserve-3d;
  --wow-rx:0deg;--wow-ry:0deg;
}
.hero-wow-title{
  position:relative;z-index:3;margin:0;font-size:clamp(58px,6.45vw,94px);line-height:.88;
  letter-spacing:-5.7px;transform-style:preserve-3d;
  transform:rotateX(var(--wow-rx)) rotateY(var(--wow-ry));
  transform-origin:34% 54%;transition:transform .18s ease-out;
}
.hero-wow-top{
  display:block;width:max-content;max-width:100%;color:#f7f5ff;
  text-shadow:0 10px 42px rgba(0,0,0,.20);
}
.hero-wow-3d{
  position:relative;display:block;width:max-content;max-width:100%;z-index:2;
  padding:0 .025em .08em 0;
  background:linear-gradient(105deg,#ffffff 0%,#efeaff 19%,#cfc4ff 45%,#94c9ff 70%,#6fe9ff 100%);
  background-size:220% 100%;background-position:0 50%;
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:
    1px 1px 0 rgba(107,88,192,.78),
    2px 2px 0 rgba(91,76,164,.72),
    3px 3px 0 rgba(78,65,143,.66),
    4px 4px 0 rgba(65,55,123,.56),
    7px 9px 22px rgba(21,20,67,.58),
    0 18px 55px rgba(95,112,255,.18);
  transform:translateZ(20px) rotateX(1.5deg);
  animation:heroTitleShine 5.8s ease-in-out infinite;
}
.hero-wow-3d::before{
  content:attr(data-text);position:absolute;inset:0;z-index:-2;pointer-events:none;
  color:#51477f;-webkit-text-fill-color:#51477f;
  transform:translate(.075em,.082em) translateZ(-16px);
  text-shadow:0 16px 28px rgba(0,0,0,.36);opacity:.72;
}
.hero-wow-3d::after{
  content:"";position:absolute;z-index:-3;left:4%;right:5%;bottom:-.08em;height:.19em;
  border-radius:50%;background:radial-gradient(ellipse,rgba(98,106,255,.28),rgba(20,22,62,0) 70%);
  filter:blur(10px);transform:translateZ(-24px);
}
.hero-title-orbit{
  position:absolute;z-index:1;right:2%;top:7%;width:150px;height:72px;border-radius:50%;
  border:2px solid rgba(163,143,255,.42);box-shadow:inset 0 0 24px rgba(113,94,255,.08),0 0 28px rgba(118,87,255,.10);
  transform:rotate(-17deg) rotateX(64deg) translateZ(-25px);pointer-events:none;
  animation:heroOrbitFloat 6.5s ease-in-out infinite;
}
.hero-title-orbit::before,.hero-title-orbit::after{
  content:"";position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fff 0 5%,#bca9ff 18%,#7558ff 54%,#2b235f 100%);
  box-shadow:0 10px 28px rgba(118,87,255,.38),inset -8px -10px 15px rgba(25,21,68,.42)
}
.hero-title-orbit::before{width:19px;height:19px;right:8px;top:9px}
.hero-title-orbit::after{width:10px;height:10px;left:18px;bottom:6px;background:radial-gradient(circle at 30% 25%,#fff,#79e9ff 35%,#347ba8 100%)}
.hero-title-orbit i{position:absolute;inset:10px;border:1px dashed rgba(111,233,255,.24);border-radius:50%}
.hero-title-sphere{
  position:absolute;z-index:4;right:13%;top:-8px;width:42px;height:42px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle at 28% 24%,#fff 0 7%,#c9bbff 17%,#795aff 48%,#352568 78%,#16152c 100%);
  box-shadow:inset -9px -11px 18px rgba(18,15,48,.5),0 18px 42px rgba(118,87,255,.38),0 0 0 1px rgba(255,255,255,.12);
  animation:heroSphereFloat 4.8s ease-in-out infinite;
}
.hero-title-sphere::after{content:"";position:absolute;left:8px;top:6px;width:11px;height:7px;border-radius:50%;background:rgba(255,255,255,.72);filter:blur(1px);transform:rotate(-25deg)}
.hero-title-cube{
  position:absolute;z-index:4;right:0;bottom:5%;width:48px;height:48px;pointer-events:none;
  border-radius:13px;background:linear-gradient(145deg,rgba(123,91,255,.95),rgba(74,55,181,.96));
  border:1px solid rgba(255,255,255,.20);box-shadow:inset 10px 10px 20px rgba(255,255,255,.10),inset -12px -12px 22px rgba(20,16,67,.30),0 22px 45px rgba(72,59,190,.36);
  transform:rotate(22deg) rotateX(22deg) rotateY(-22deg);animation:heroCubeFloat 5.4s ease-in-out infinite;
}
.hero-title-cube::before{content:"";position:absolute;inset:8px;border:1px solid rgba(255,255,255,.23);border-radius:8px;transform:translateZ(8px)}
.hero-title-cube i,.hero-title-cube b{position:absolute;display:block;background:rgba(255,255,255,.16);border-radius:999px}
.hero-title-cube i{width:19px;height:4px;left:14px;top:17px;transform:rotate(-34deg)}
.hero-title-cube b{width:4px;height:19px;left:22px;top:14px;transform:rotate(-34deg)}
@keyframes heroTitleShine{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes heroOrbitFloat{0%,100%{transform:rotate(-17deg) rotateX(64deg) translate3d(0,0,-25px)}50%{transform:rotate(-12deg) rotateX(67deg) translate3d(0,-9px,-25px)}}
@keyframes heroSphereFloat{0%,100%{transform:translate3d(0,0,28px) rotate(0)}50%{transform:translate3d(7px,-13px,42px) rotate(12deg)}}
@keyframes heroCubeFloat{0%,100%{transform:translate3d(0,0,34px) rotate(22deg) rotateX(22deg) rotateY(-22deg)}50%{transform:translate3d(-5px,-12px,48px) rotate(32deg) rotateX(31deg) rotateY(-30deg)}}
@media (prefers-reduced-motion:reduce){.hero-wow-3d,.hero-title-orbit,.hero-title-sphere,.hero-title-cube{animation:none}.hero-wow-title{transition:none}}
@media(max-width:1100px){
  .hero-wow-title{font-size:clamp(58px,8.8vw,90px)}
  .hero-title-orbit{right:5%}.hero-title-cube{right:3%}
}
@media(max-width:700px){
  .hero-title-stage{margin:20px 0 22px}
  .hero-wow-title{font-size:clamp(49px,15vw,68px);line-height:.9;letter-spacing:-3.8px}
  .hero-wow-3d{text-shadow:1px 1px 0 rgba(107,88,192,.75),2px 2px 0 rgba(91,76,164,.68),3px 3px 0 rgba(78,65,143,.58),5px 7px 16px rgba(21,20,67,.48)}
  .hero-title-orbit{width:106px;height:50px;right:-2%;top:8%;opacity:.78}
  .hero-title-sphere{width:31px;height:31px;right:8%;top:-5px}
  .hero-title-cube{width:37px;height:37px;right:0;bottom:2%;border-radius:10px;opacity:.88}
  .hero-title-cube i{width:14px;left:11px;top:13px}.hero-title-cube b{height:14px;left:17px;top:11px}
}

/* V5.7 — premium hero typography + professional 3D prism + renewal budget trust card */
.hero-title-stage{
  max-width:790px;
  perspective:1350px;
  --wow-rx:0deg;
  --wow-ry:0deg;
}
.hero-wow-title{
  z-index:4;
  font-size:clamp(60px,6.55vw,96px);
  line-height:.87;
  letter-spacing:-5.8px;
  transform:rotateX(var(--wow-rx)) rotateY(var(--wow-ry));
  transform-origin:28% 56%;
}
.hero-wow-top{
  color:#fbfaff;
  letter-spacing:-.065em;
  text-shadow:0 18px 52px rgba(0,0,0,.23);
}
.hero-wow-3d{
  position:relative;
  display:block;
  width:max-content;
  max-width:100%;
  padding:.01em .04em .075em 0;
  background:linear-gradient(98deg,#fff 0%,#f2efff 28%,#d9d2ff 55%,#a8c9ff 82%,#91ddff 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  text-shadow:
    0 1px 0 rgba(255,255,255,.22),
    0 3px 0 rgba(105,94,164,.28),
    0 6px 0 rgba(70,63,119,.20),
    0 16px 36px rgba(23,23,66,.43),
    0 30px 76px rgba(91,101,255,.15);
  transform:translateZ(18px);
  animation:none;
}
.hero-wow-3d::before{
  content:"";
  position:absolute;
  z-index:-2;
  left:.02em;
  right:.04em;
  bottom:.015em;
  height:.11em;
  border-radius:50%;
  background:radial-gradient(ellipse,rgba(124,137,255,.20),rgba(12,14,41,0) 72%);
  filter:blur(11px);
  transform:translateZ(-22px);
}
.hero-wow-3d::after{display:none}
.hero-d-cap{
  display:inline-block;
  margin-right:.005em;
  font-size:1.14em;
  line-height:.78;
  letter-spacing:-.085em;
  transform:translateY(.015em) translateZ(8px);
  transform-origin:bottom left;
}

/* One architectural 3D object instead of playful floating shapes */
.hero-title-orbit,.hero-title-sphere,.hero-title-cube{display:none!important}
.hero-title-prism{
  position:absolute;
  z-index:2;
  right:-2%;
  top:1%;
  width:118px;
  height:154px;
  border-radius:24px;
  border:1px solid rgba(190,201,255,.28);
  background:
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(128,121,255,.075) 40%,rgba(23,28,61,.16)),
    rgba(18,21,45,.30);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.20),
    inset -20px -22px 38px rgba(39,36,101,.15),
    24px 30px 60px rgba(0,0,0,.28),
    0 0 0 1px rgba(101,115,255,.05);
  backdrop-filter:blur(14px);
  transform:translateZ(-12px) rotateY(-31deg) rotateX(13deg) rotateZ(7deg);
  transform-style:preserve-3d;
  pointer-events:none;
  animation:heroPrismFloat 7s ease-in-out infinite;
}
.hero-title-prism::before,
.hero-title-prism::after{
  content:"";
  position:absolute;
  border-radius:inherit;
  pointer-events:none;
}
.hero-title-prism::before{
  inset:10px -13px -13px 10px;
  z-index:-1;
  border:1px solid rgba(116,102,255,.20);
  background:linear-gradient(145deg,rgba(98,85,224,.22),rgba(13,16,37,.12));
  transform:translateZ(-22px);
  box-shadow:18px 24px 42px rgba(0,0,0,.20);
}
.hero-title-prism::after{
  inset:13px;
  border:1px solid rgba(255,255,255,.12);
  background:
    linear-gradient(90deg,transparent 49%,rgba(255,255,255,.055) 50%,transparent 51%),
    linear-gradient(transparent 49%,rgba(255,255,255,.055) 50%,transparent 51%);
  background-size:28px 28px;
  opacity:.8;
}
.hero-title-prism i{
  position:absolute;
  left:18px;
  right:18px;
  top:22px;
  height:3px;
  border-radius:999px;
  background:linear-gradient(90deg,#9d85ff,#78dfff,transparent);
  box-shadow:0 0 20px rgba(111,203,255,.35);
}
.hero-title-prism b{
  position:absolute;
  right:17px;
  bottom:17px;
  width:16px;
  height:16px;
  border-radius:5px;
  border:1px solid rgba(129,230,255,.55);
  box-shadow:0 0 20px rgba(93,217,255,.22),inset 0 0 14px rgba(93,217,255,.10);
}
.hero-title-prism em{
  position:absolute;
  left:20px;
  bottom:18px;
  font:800 26px/1 Manrope,sans-serif;
  font-style:normal;
  letter-spacing:-1.5px;
  color:rgba(238,240,255,.68);
  text-shadow:0 8px 22px rgba(0,0,0,.20);
}
@keyframes heroPrismFloat{
  0%,100%{transform:translate3d(0,0,-12px) rotateY(-31deg) rotateX(13deg) rotateZ(7deg)}
  50%{transform:translate3d(-3px,-8px,0) rotateY(-28deg) rotateX(11deg) rotateZ(5deg)}
}

.hero-trust-item.renewal-budget-card{
  grid-column:1/-1;
  min-height:72px;
  border-color:rgba(93,217,255,.22);
  background:linear-gradient(145deg,rgba(93,217,255,.065),rgba(118,87,255,.045),rgba(255,255,255,.022));
}
.hero-trust-item.renewal-budget-card .hero-trust-icon{
  background:rgba(93,217,255,.10);
  border-color:rgba(93,217,255,.18);
  color:#a9efff;
  font-size:17px;
}
.hero-trust-item.renewal-budget-card strong{
  font-size:11px;
  line-height:1.42;
  max-width:560px;
}

@media (prefers-reduced-motion:reduce){
  .hero-title-prism{animation:none}
}
@media(max-width:1100px){
  .hero-title-prism{right:0;top:3%;width:102px;height:136px;opacity:.84}
}
@media(max-width:700px){
  .hero-wow-title{font-size:clamp(50px,15vw,69px);line-height:.89;letter-spacing:-3.9px}
  .hero-d-cap{font-size:1.1em}
  .hero-title-prism{right:-1%;top:-2%;width:72px;height:96px;border-radius:17px;opacity:.52;filter:saturate(.8)}
  .hero-title-prism::before{inset:7px -8px -8px 7px}
  .hero-title-prism::after{inset:9px;background-size:20px 20px}
  .hero-title-prism i{left:12px;right:12px;top:14px;height:2px}
  .hero-title-prism em{left:12px;bottom:12px;font-size:17px}.hero-title-prism b{right:11px;bottom:11px;width:10px;height:10px;border-radius:3px}
  .hero-trust-item.renewal-budget-card{grid-column:auto;min-height:76px}
  .hero-trust-item.renewal-budget-card strong{font-size:10.3px}
}

/* V5.8 — RehberWeb opening signature / wireframe-to-live intro */
body.intro-active{overflow:hidden}
.rw-intro{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,rgba(118,87,255,.17),transparent 31%),radial-gradient(circle at 74% 66%,rgba(93,217,255,.07),transparent 26%),#070812;opacity:1;visibility:visible;transition:opacity .52s cubic-bezier(.22,.8,.3,1),visibility .52s;isolation:isolate}
.rw-intro::before{content:"";position:absolute;inset:0;opacity:.26;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000 28%,transparent 78%)}
.rw-intro::after{content:"";position:absolute;left:-15%;right:-15%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(134,115,255,.42),rgba(105,219,255,.52),transparent);box-shadow:0 0 24px rgba(108,130,255,.25);opacity:0;animation:rwHorizon 1.85s ease-out .15s both}
.rw-intro.is-exiting{opacity:0;visibility:hidden;pointer-events:none}
.rw-intro-ambient{position:absolute;width:680px;height:420px;border-radius:50%;background:rgba(104,85,255,.11);filter:blur(90px);animation:rwAmbient 2s ease-out both}
.rw-intro-stage{position:relative;width:min(760px,calc(100% - 38px));perspective:1500px;display:flex;flex-direction:column;align-items:center}
.rw-intro-kicker{align-self:flex-start;margin:0 0 13px 4px;color:#7f869f;font-size:9px;font-weight:900;letter-spacing:1.45px;opacity:0;transform:translateY(8px);animation:rwFadeUp .38s ease-out .08s forwards}
.rw-intro-kicker span{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px;background:#59e3b2;box-shadow:0 0 0 5px rgba(89,227,178,.08),0 0 18px rgba(89,227,178,.35)}
.rw-build-window{position:relative;width:100%;height:420px;border:1px solid rgba(255,255,255,.13);border-radius:25px;overflow:hidden;background:linear-gradient(145deg,rgba(24,27,52,.98),rgba(10,12,28,.98));box-shadow:0 45px 120px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.055);transform:translate3d(0,35px,-120px) rotateX(8deg) scale(.92);opacity:0;animation:rwWindowIn .68s cubic-bezier(.16,.9,.28,1) .04s forwards,rwWindowFinish .56s cubic-bezier(.18,.84,.25,1) 1.32s forwards;transform-style:preserve-3d}
.rw-build-toolbar{height:48px;display:flex;align-items:center;gap:12px;padding:0 15px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(255,255,255,.025)}
.rw-build-dots{display:flex;gap:5px}.rw-build-dots i{width:7px;height:7px;border-radius:50%;background:#35394e}.rw-build-dots i:nth-child(1){background:#ff7781}.rw-build-dots i:nth-child(2){background:#ffd16a}.rw-build-dots i:nth-child(3){background:#5cdaa0}
.rw-build-url{height:25px;flex:1;display:flex;align-items:center;gap:8px;padding:0 11px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.025);color:#626a85;font-size:8px;font-weight:700;letter-spacing:.15px}.rw-build-url b{width:5px;height:5px;border-radius:50%;background:#6f58e8;box-shadow:0 0 11px rgba(118,87,255,.55)}
.rw-build-live{display:flex;align-items:center;gap:6px;color:#6e758f;font-size:7px;font-weight:900;letter-spacing:1px}.rw-build-live i{width:5px;height:5px;border-radius:50%;background:#3b4056}
.rw-build-canvas{position:relative;height:318px;display:grid;grid-template-columns:45% 55%;overflow:hidden;background:linear-gradient(120deg,rgba(255,255,255,.018),transparent 48%)}
.rw-build-guides{position:absolute;inset:0;background-image:linear-gradient(rgba(156,146,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(156,146,255,.055) 1px,transparent 1px);background-size:42px 42px;opacity:0;animation:rwGuides .45s ease .24s forwards}
.rw-build-copy{position:relative;z-index:2;padding:53px 28px 28px 44px}
.rw-wire{display:block;position:relative;overflow:hidden;border:1px solid rgba(145,137,188,.25);background:rgba(255,255,255,.012);transform-origin:left center;transform:scaleX(0);opacity:0}.rw-wire::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(133,102,255,.22),rgba(93,217,255,.10));opacity:0;animation:rwFill .45s ease-out 1.03s forwards}
.rw-wire-pill{width:76px;height:14px;border-radius:999px;animation:rwDraw .28s ease-out .34s forwards}.rw-wire-title{height:30px;border-radius:7px;margin-top:17px}.rw-wire-title.t1{width:92%;animation:rwDraw .31s ease-out .43s forwards}.rw-wire-title.t2{width:72%;margin-top:8px;animation:rwDraw .31s ease-out .50s forwards}.rw-wire-line{height:7px;border-radius:999px;margin-top:22px}.rw-wire-line.l1{width:82%;animation:rwDraw .28s ease-out .59s forwards}.rw-wire-line.l2{width:64%;margin-top:8px;animation:rwDraw .28s ease-out .65s forwards}.rw-wire-button{width:112px;height:34px;border-radius:10px;margin-top:25px;border-color:rgba(119,99,255,.34);animation:rwDraw .28s ease-out .72s forwards}
.rw-build-visual{position:relative;margin:28px 28px 28px 5px;border:1px solid rgba(153,144,205,.20);border-radius:18px;overflow:hidden;background:rgba(255,255,255,.012);opacity:0;transform:scale(.96);animation:rwPanelIn .35s ease-out .49s forwards,rwPanelFill .48s ease-out 1.03s forwards}
.rw-build-orb{position:absolute;border-radius:50%;filter:saturate(.8);transform:scale(.1);opacity:0}.rw-build-orb.orb-a{width:172px;height:172px;right:39px;top:38px;background:linear-gradient(145deg,#7e5cff,#c676ff);box-shadow:inset -30px -32px 55px rgba(28,18,70,.28),0 26px 66px rgba(118,87,255,.22);animation:rwOrb .38s cubic-bezier(.2,.95,.3,1.15) .94s forwards}.rw-build-orb.orb-b{width:72px;height:72px;left:30px;bottom:31px;background:linear-gradient(145deg,#5ee4ff,#497cff);box-shadow:inset -12px -14px 24px rgba(17,43,100,.25);animation:rwOrb .34s cubic-bezier(.2,.95,.3,1.15) 1.04s forwards}
.rw-build-glass{position:absolute;width:220px;height:100px;right:-13px;top:101px;border:11px solid rgba(255,255,255,.13);border-radius:50%;transform:rotate(-22deg) scale(.65);opacity:0;animation:rwGlass .36s ease-out 1.10s forwards}
.rw-build-mini{position:absolute;right:15px;bottom:15px;width:108px;height:67px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(10,13,31,.68);backdrop-filter:blur(13px);opacity:0;transform:translateY(12px);animation:rwMini .3s ease-out 1.16s forwards}.rw-build-mini i,.rw-build-mini b,.rw-build-mini em{position:absolute;display:block;left:13px;border-radius:999px}.rw-build-mini i{top:13px;width:22px;height:22px;border-radius:7px;background:rgba(118,87,255,.32)}.rw-build-mini b{bottom:18px;width:61px;height:5px;background:#686f89}.rw-build-mini em{bottom:9px;width:42px;height:4px;background:#464c64}
.rw-build-scan{position:absolute;z-index:9;top:-10%;bottom:-10%;left:-22%;width:21%;opacity:0;transform:skewX(-12deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.06),rgba(127,105,255,.34),rgba(100,222,255,.20),transparent);filter:blur(1px);animation:rwScan .72s cubic-bezier(.3,.65,.25,1) .82s forwards;pointer-events:none}
.rw-build-status{height:53px;display:flex;align-items:center;justify-content:center;gap:14px;border-top:1px solid rgba(255,255,255,.065);color:#555d78;font-size:7px;font-weight:900;letter-spacing:1.15px}.rw-build-status span{display:flex;align-items:center;gap:6px;transition:.25s}.rw-build-status span i{font-style:normal;color:#666e8d}.rw-build-status b{width:48px;height:1px;background:#292e43;position:relative;overflow:hidden}.rw-build-status b::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7159ef,#6ddcff);transform:scaleX(0);transform-origin:left}.rw-build-status b:nth-of-type(1)::after{animation:rwStatusLine .25s ease .58s forwards}.rw-build-status b:nth-of-type(2)::after{animation:rwStatusLine .25s ease 1.15s forwards}.rw-build-status .s1{animation:rwStatusOn .2s ease .38s forwards}.rw-build-status .s2{animation:rwStatusOn .2s ease .88s forwards}.rw-build-status .s3{animation:rwStatusOn .2s ease 1.39s forwards}
.rw-intro-signature{display:flex;align-items:center;gap:11px;margin-top:18px;opacity:0;transform:translateY(10px);animation:rwSignature .36s ease-out 1.23s forwards}.rw-intro-logo{position:relative;width:31px;height:31px;border-radius:10px;background:linear-gradient(145deg,#7657ff,#aa70ff 65%,#5dd9ff);box-shadow:0 10px 30px rgba(118,87,255,.25);transform:rotate(-7deg)}.rw-intro-logo i{position:absolute;inset:8px;border:2px solid #fff;border-radius:5px}.rw-intro-logo b{position:absolute;width:6px;height:6px;right:6px;top:6px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.13)}.rw-intro-signature div{display:flex;flex-direction:column}.rw-intro-signature strong{font:800 16px/1 Manrope,sans-serif;letter-spacing:-.5px;color:#eef0ff}.rw-intro-signature small{margin-top:4px;color:#6e7692;font-size:8px;font-weight:800;letter-spacing:.5px}
@keyframes rwFadeUp{to{opacity:1;transform:none}}@keyframes rwWindowIn{to{opacity:1;transform:translate3d(0,0,0) rotateX(0) scale(1)}}@keyframes rwWindowFinish{to{transform:translate3d(0,-3px,48px) scale(1.025);border-color:rgba(161,151,255,.22);box-shadow:0 50px 130px rgba(0,0,0,.58),0 0 80px rgba(112,93,255,.09),inset 0 1px 0 rgba(255,255,255,.08)}}@keyframes rwGuides{to{opacity:.72}}@keyframes rwDraw{to{opacity:1;transform:scaleX(1)}}@keyframes rwFill{to{opacity:1}}@keyframes rwPanelIn{to{opacity:1;transform:scale(1)}}@keyframes rwPanelFill{to{background:linear-gradient(145deg,rgba(94,74,192,.19),rgba(24,29,62,.34));border-color:rgba(159,144,255,.24)}}@keyframes rwOrb{to{transform:scale(1);opacity:1}}@keyframes rwGlass{to{transform:rotate(-22deg) scale(1);opacity:1}}@keyframes rwMini{to{transform:none;opacity:1}}@keyframes rwScan{0%{left:-22%;opacity:0}15%{opacity:1}78%{opacity:1}100%{left:108%;opacity:0}}@keyframes rwStatusLine{to{transform:scaleX(1)}}@keyframes rwStatusOn{to{color:#cbd0e3;text-shadow:0 0 16px rgba(125,112,255,.16)}}@keyframes rwSignature{to{opacity:1;transform:none}}@keyframes rwAmbient{0%{transform:scale(.7);opacity:.15}100%{transform:scale(1.1);opacity:1}}@keyframes rwHorizon{0%{opacity:0;transform:scaleX(.15)}35%{opacity:.55;transform:scaleX(.85)}100%{opacity:0;transform:scaleX(1.2)}}
@media(max-width:720px){.rw-intro-stage{width:min(94vw,540px)}.rw-build-window{height:345px;border-radius:20px}.rw-build-toolbar{height:42px;padding:0 11px}.rw-build-live{display:none}.rw-build-canvas{height:255px;grid-template-columns:48% 52%}.rw-build-copy{padding:39px 12px 18px 21px}.rw-wire-title{height:22px}.rw-wire-line{margin-top:17px}.rw-wire-button{width:82px;height:28px;margin-top:19px}.rw-build-visual{margin:20px 15px 20px 2px}.rw-build-orb.orb-a{width:118px;height:118px;right:16px;top:38px}.rw-build-orb.orb-b{width:48px;height:48px;left:14px;bottom:22px}.rw-build-glass{width:148px;height:66px;top:83px;border-width:8px}.rw-build-mini{width:76px;height:49px;right:9px;bottom:9px}.rw-build-mini i{width:16px;height:16px;left:9px;top:9px}.rw-build-mini b{left:9px;bottom:14px;width:43px}.rw-build-mini em{left:9px;bottom:7px;width:30px}.rw-build-status{height:48px;gap:8px}.rw-build-status b{width:22px}.rw-intro-kicker{font-size:8px;margin-left:2px}.rw-intro-signature{margin-top:14px}}
@media(prefers-reduced-motion:reduce){body.intro-active{overflow:auto}.rw-intro{display:none!important}}

/* V5.9 — cinematic 3D opening: depth, glass, code layers and camera morph */
body.intro-active{overflow:hidden}
.rw-intro-cinematic{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;overflow:hidden;background:#05060d;opacity:1;visibility:visible;isolation:isolate;transition:opacity .62s cubic-bezier(.2,.76,.24,1),visibility .62s}
.rw-intro-cinematic.is-exiting{opacity:0;visibility:hidden;pointer-events:none}
.rw-cine-bg,.rw-cine-vignette,.rw-cine-grid,.rw-cine-stars,.rw-cine-horizon{position:absolute;inset:0;pointer-events:none}
.rw-cine-bg{background:radial-gradient(circle at 50% 48%,rgba(108,83,255,.19),transparent 26%),radial-gradient(circle at 68% 55%,rgba(73,196,255,.08),transparent 22%),linear-gradient(180deg,#080a18,#05060d 68%)}
.rw-cine-grid{inset:-30%;background-image:linear-gradient(rgba(142,132,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(142,132,255,.07) 1px,transparent 1px);background-size:72px 72px;transform:perspective(850px) rotateX(69deg) translateY(26%) scale(1.8);transform-origin:center 72%;opacity:0;animation:rwCineGrid 2.65s cubic-bezier(.2,.8,.25,1) .02s both}
.rw-cine-vignette{z-index:3;background:radial-gradient(circle at center,transparent 34%,rgba(2,3,9,.38) 70%,rgba(2,3,8,.82) 100%)}
.rw-cine-horizon{top:55%;bottom:auto;height:1px;left:-12%;right:-12%;background:linear-gradient(90deg,transparent,rgba(119,97,255,.12),rgba(102,221,255,.68),rgba(141,111,255,.36),transparent);filter:blur(.2px);box-shadow:0 0 32px rgba(101,198,255,.28);opacity:0;animation:rwCineHorizon 2.4s ease-out .22s both}
.rw-cine-stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#d8e5ff;box-shadow:0 0 12px rgba(167,198,255,.9);opacity:0;animation:rwStar 1.8s ease-out both}.rw-cine-stars i:nth-child(1){left:12%;top:19%;animation-delay:.10s}.rw-cine-stars i:nth-child(2){left:22%;top:72%;animation-delay:.26s}.rw-cine-stars i:nth-child(3){left:31%;top:13%;animation-delay:.42s}.rw-cine-stars i:nth-child(4){left:39%;top:82%;animation-delay:.17s}.rw-cine-stars i:nth-child(5){left:48%;top:23%;animation-delay:.34s}.rw-cine-stars i:nth-child(6){left:58%;top:76%;animation-delay:.48s}.rw-cine-stars i:nth-child(7){left:66%;top:16%;animation-delay:.21s}.rw-cine-stars i:nth-child(8){left:74%;top:69%;animation-delay:.39s}.rw-cine-stars i:nth-child(9){left:84%;top:25%;animation-delay:.14s}.rw-cine-stars i:nth-child(10){left:90%;top:57%;animation-delay:.31s}.rw-cine-stars i:nth-child(11){left:7%;top:53%;animation-delay:.53s}.rw-cine-stars i:nth-child(12){left:53%;top:9%;animation-delay:.58s}
.rw-cine-stage{position:relative;z-index:4;width:min(1040px,calc(100% - 44px));height:min(690px,84vh);display:flex;flex-direction:column;justify-content:center;align-items:center;perspective:1800px}
.rw-cine-kicker{position:absolute;left:5px;top:4px;color:#727a95;font-size:9px;font-weight:900;letter-spacing:1.75px;opacity:0;transform:translateY(8px);animation:rwCineFade .38s ease-out .12s forwards}.rw-cine-kicker span{display:inline-block;width:7px;height:7px;margin-right:8px;border-radius:50%;background:#5cf0bd;box-shadow:0 0 0 5px rgba(92,240,189,.08),0 0 20px rgba(92,240,189,.5)}
.rw-cine-parallax{position:relative;width:100%;height:510px;transform-style:preserve-3d;transition:transform .18s ease-out;transform:rotateX(var(--cine-rx,0deg)) rotateY(var(--cine-ry,0deg))}
.rw-cine-rings{position:absolute;left:50%;top:50%;width:570px;height:570px;transform:translate(-50%,-50%) translateZ(-180px) rotateX(69deg);transform-style:preserve-3d;opacity:0;animation:rwCineRingsIn .8s ease-out .13s forwards}.rw-cine-rings i{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(122,108,255,.15);box-shadow:inset 0 0 38px rgba(98,83,255,.035),0 0 34px rgba(64,202,255,.025)}.rw-cine-rings i:nth-child(1){animation:rwRingSpin 8s linear infinite;border-top-color:rgba(106,219,255,.55);border-right-color:rgba(133,105,255,.35)}.rw-cine-rings i:nth-child(2){inset:65px;border-style:dashed;animation:rwRingSpin 6s linear infinite reverse;border-color:rgba(151,133,255,.18)}.rw-cine-rings i:nth-child(3){inset:132px;animation:rwRingPulse 1.5s ease-in-out infinite;border-color:rgba(107,208,255,.22)}
.rw-cine-side{position:absolute;top:116px;width:225px;height:286px;border:1px solid rgba(255,255,255,.11);border-radius:20px;background:linear-gradient(145deg,rgba(20,24,49,.78),rgba(8,10,24,.6));backdrop-filter:blur(22px);box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.055);overflow:hidden;opacity:0;transform-style:preserve-3d}
.rw-cine-side::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.045) 48%,transparent 62%);transform:translateX(-120%);animation:rwPanelGlint .58s ease 1.37s forwards}
.rw-cine-code{left:4px;transform:translate3d(-145px,20px,-250px) rotateY(28deg) rotateZ(-2deg);animation:rwCineSideLeft .72s cubic-bezier(.16,.9,.22,1) .28s forwards}
.rw-cine-metrics{right:4px;transform:translate3d(145px,-2px,-250px) rotateY(-28deg) rotateZ(2deg);animation:rwCineSideRight .72s cubic-bezier(.16,.9,.22,1) .40s forwards}
.rw-cine-side-head{height:48px;padding:0 13px;display:flex;align-items:center;gap:9px;border-bottom:1px solid rgba(255,255,255,.075);color:#717892;font-size:7px;font-weight:900;letter-spacing:1px}.rw-cine-side-head span{display:grid;place-items:center;width:23px;height:23px;border-radius:7px;background:rgba(116,88,255,.13);border:1px solid rgba(130,107,255,.16);color:#9c8cff}.rw-cine-side-head b{color:#b7bdd1;font-size:8px}.rw-cine-side-head em{margin-left:auto;font-style:normal;color:#5a627b;font-size:6px}.rw-cine-code .rw-cine-side-head em{color:#62dfb2}
.rw-code-line{height:19px;margin:12px 15px 0;display:flex;align-items:center;gap:9px;opacity:0;transform:translateX(-10px);animation:rwCodeLine .28s ease-out forwards}.rw-code-line i{width:17px;font-style:normal;color:#3f465d;font-size:6px;font-weight:800}.rw-code-line b{height:4px;border-radius:999px;background:linear-gradient(90deg,#6555c9,#55bad9 55%,#434b66);box-shadow:0 0 13px rgba(91,106,224,.12)}.rw-code-line.w88 b{width:88%}.rw-code-line.w64 b{width:64%}.rw-code-line.w76 b{width:76%}.rw-code-line.w52 b{width:52%}.rw-code-line.w82 b{width:82%}.rw-code-line.w69 b{width:69%}.rw-code-line:nth-of-type(2){animation-delay:.58s}.rw-code-line:nth-of-type(3){animation-delay:.66s}.rw-code-line:nth-of-type(4){animation-delay:.74s}.rw-code-line:nth-of-type(5){animation-delay:.82s}.rw-code-line:nth-of-type(6){animation-delay:.90s}.rw-code-line:nth-of-type(7){animation-delay:.98s}.rw-code-cursor{position:absolute;left:42px;bottom:25px;width:6px;height:12px;background:#64d7ff;box-shadow:0 0 16px rgba(100,215,255,.55);opacity:0;animation:rwCursor .38s steps(1) 1.03s 4}
.rw-metric{margin:18px 16px 0;padding:14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025);opacity:0;transform:translateY(9px);animation:rwMetricIn .34s ease-out forwards}.rw-metric:nth-of-type(2){animation-delay:.72s}.rw-metric:nth-of-type(3){animation-delay:.88s}.rw-metric small{font-size:6px;color:#737a93;font-weight:900;letter-spacing:1px}.rw-metric strong{display:block;margin:5px 0 9px;font:800 24px/1 Manrope,sans-serif;color:#eef1ff;letter-spacing:-1px}.rw-metric div{height:4px;border-radius:999px;background:#252a40;overflow:hidden}.rw-metric div i{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#795dff,#58d6ff);animation:rwMetricBar .58s cubic-bezier(.2,.8,.2,1) 1.04s forwards}.rw-metric-foot{display:flex;gap:7px;margin:14px 16px}.rw-metric-foot span{flex:1;height:29px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.07);border-radius:9px;color:#747c96;font-size:6px;font-weight:900;letter-spacing:.7px;background:rgba(255,255,255,.02)}
.rw-cine-core{position:absolute;left:50%;top:50%;width:650px;height:395px;transform:translate(-50%,-50%) translateZ(30px);transform-style:preserve-3d;animation:rwCoreCamera 2.45s cubic-bezier(.16,.82,.18,1) .02s both}
.rw-cine-browser{position:absolute;inset:0;border:1px solid rgba(255,255,255,.15);border-radius:26px;overflow:hidden;background:linear-gradient(145deg,rgba(21,25,54,.97),rgba(8,10,25,.98));box-shadow:0 48px 130px rgba(0,0,0,.58),0 0 0 1px rgba(125,108,255,.025),inset 0 1px 0 rgba(255,255,255,.07);transform-style:preserve-3d;opacity:0;transform:rotateY(-34deg) rotateX(13deg) translate3d(0,32px,-230px) scale(.75);animation:rwBrowserAssemble .82s cubic-bezier(.12,.92,.22,1) .20s forwards,rwBrowserLift .62s cubic-bezier(.18,.8,.2,1) 1.54s forwards}
.rw-cine-toolbar{height:48px;display:flex;align-items:center;gap:10px;padding:0 15px;background:rgba(255,255,255,.03);border-bottom:1px solid rgba(255,255,255,.075)}.rw-cine-dots{display:flex;gap:5px}.rw-cine-dots i{width:7px;height:7px;border-radius:50%;background:#34394e}.rw-cine-dots i:nth-child(1){background:#ff7381}.rw-cine-dots i:nth-child(2){background:#ffd065}.rw-cine-dots i:nth-child(3){background:#59d99d}.rw-cine-url{height:25px;flex:1;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:rgba(255,255,255,.025);color:#636b84;font-size:7px;font-weight:700}.rw-cine-url b{width:5px;height:5px;border-radius:50%;background:#765cff;box-shadow:0 0 12px rgba(118,92,255,.5)}.rw-cine-live{display:flex;align-items:center;gap:5px;color:#6d748d;font-size:6px;font-weight:900;letter-spacing:.8px}.rw-cine-live i{width:5px;height:5px;border-radius:50%;background:#55e1af;box-shadow:0 0 10px rgba(85,225,175,.4)}
.rw-cine-canvas{position:relative;height:347px;display:grid;grid-template-columns:47% 53%;overflow:hidden;background:radial-gradient(circle at 76% 28%,rgba(117,86,255,.13),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.018),transparent 48%)}.rw-cine-canvas::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(160,149,255,.043) 1px,transparent 1px),linear-gradient(90deg,rgba(160,149,255,.043) 1px,transparent 1px);background-size:36px 36px;opacity:0;animation:rwCanvasGrid .5s ease .62s forwards}
.rw-cine-copy{position:relative;z-index:2;padding:61px 22px 28px 40px}.rw-cine-pill{display:block;width:72px;height:13px;border-radius:999px;border:1px solid rgba(138,116,255,.32);background:rgba(116,88,255,.10);opacity:0;transform:scaleX(0);transform-origin:left;animation:rwDrawWire .26s ease-out .67s forwards}.rw-cine-copy strong{display:block;margin-top:20px;font:800 32px/.95 Manrope,sans-serif;letter-spacing:-1.8px;color:#f5f6ff}.rw-cine-copy strong b,.rw-cine-copy strong em{display:block;font-style:normal;opacity:0;transform:translateY(12px);animation:rwWordIn .36s ease-out forwards}.rw-cine-copy strong b{animation-delay:.77s}.rw-cine-copy strong em{margin-top:5px;background:linear-gradient(90deg,#e7ddff,#a890ff 48%,#70d9ff);-webkit-background-clip:text;background-clip:text;color:transparent;animation-delay:.86s}.rw-cine-text{display:block;height:5px;border-radius:999px;background:#4b526b;margin-top:19px;opacity:0;transform:scaleX(0);transform-origin:left;animation:rwDrawWire .26s ease-out forwards}.rw-cine-text.t1{width:86%;animation-delay:.96s}.rw-cine-text.t2{width:64%;margin-top:8px;animation-delay:1.02s}.rw-cine-cta{display:block;width:100px;height:31px;margin-top:22px;border-radius:9px;background:linear-gradient(135deg,#7055ef,#a76bff);box-shadow:0 10px 28px rgba(117,83,244,.18);opacity:0;transform:translateY(8px) scale(.94);animation:rwCtaIn .34s ease-out 1.10s forwards}
.rw-cine-art{position:relative;z-index:2;overflow:hidden}.rw-cine-prism{position:absolute;left:50%;top:48%;width:142px;height:170px;transform-style:preserve-3d;transform:translate(-50%,-50%) rotateX(64deg) rotateZ(45deg) scale(.2);opacity:0;animation:rwPrismIn .54s cubic-bezier(.18,.95,.3,1.05) .82s forwards}.rw-cine-prism::before,.rw-cine-prism::after,.rw-cine-prism i,.rw-cine-prism b{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.18);border-radius:24px;background:linear-gradient(145deg,rgba(151,116,255,.42),rgba(72,111,230,.17));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 25px 60px rgba(70,55,180,.22)}.rw-cine-prism::before{transform:translateZ(-24px);opacity:.48}.rw-cine-prism::after{transform:translateZ(24px);background:linear-gradient(145deg,rgba(119,92,255,.45),rgba(92,212,255,.12))}.rw-cine-prism i{transform:translate3d(18px,-10px,46px) scale(.70);opacity:.35}.rw-cine-prism b{transform:translate3d(-15px,14px,-42px) scale(.78);opacity:.22}.rw-cine-prism em{position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,-50%) translateZ(52px) rotateZ(-45deg);font:900 24px/1 Manrope,sans-serif;color:#fff;font-style:normal;letter-spacing:-1px;text-shadow:0 6px 24px rgba(0,0,0,.4)}.rw-cine-orbit{position:absolute;width:235px;height:96px;left:50%;top:48%;border:12px solid rgba(255,255,255,.09);border-top-color:rgba(105,221,255,.28);border-right-color:rgba(139,108,255,.25);border-radius:50%;transform:translate(-50%,-50%) rotate(-18deg) scale(.45);opacity:0;animation:rwOrbitIn .45s ease-out 1.03s forwards,rwOrbitSpin 5.5s linear 1.48s infinite}.rw-cine-glass-card{position:absolute;right:18px;bottom:22px;width:118px;padding:12px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,11,28,.58);backdrop-filter:blur(15px);opacity:0;transform:translate3d(20px,10px,20px);animation:rwGlassCardIn .35s ease-out 1.18s forwards}.rw-cine-glass-card small,.rw-cine-glass-card strong{display:block}.rw-cine-glass-card small{font-size:5px;letter-spacing:1px;color:#7d849c;font-weight:900}.rw-cine-glass-card strong{font-size:11px;margin-top:5px}.rw-cine-glass-card span{position:absolute;right:9px;top:9px;color:#a795ff}
.rw-cine-scan{position:absolute;z-index:12;top:-10%;bottom:-10%;left:-22%;width:17%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),rgba(141,114,255,.5),rgba(85,216,255,.34),rgba(255,255,255,.08),transparent);filter:blur(.5px);transform:skewX(-13deg);opacity:0;animation:rwCineScan .78s cubic-bezier(.24,.7,.2,1) 1.14s forwards}.rw-cine-crosshair{position:absolute;color:rgba(147,137,255,.42);font-size:12px;font-weight:300;opacity:0;animation:rwCrosshair .3s ease-out 1.00s forwards}.rw-cine-crosshair.ch1{left:18px;top:17px}.rw-cine-crosshair.ch2{right:18px;bottom:17px}
.rw-cine-wire-shell{position:absolute;inset:-12px;border:1px solid rgba(122,101,255,.22);border-radius:31px;transform:translateZ(-38px) scale(1.04);opacity:0;animation:rwWireShell .55s ease .41s forwards}.rw-cine-wire-shell i,.rw-cine-wire-shell b,.rw-cine-wire-shell em{position:absolute;width:12px;height:12px;border:1px solid rgba(105,211,255,.32)}.rw-cine-wire-shell i{left:-6px;top:-6px}.rw-cine-wire-shell b{right:-6px;top:-6px}.rw-cine-wire-shell em{right:-6px;bottom:-6px}.rw-cine-edge{position:absolute;z-index:-1;left:50%;top:50%;width:560px;height:2px;transform-origin:center;background:linear-gradient(90deg,transparent,rgba(102,216,255,.20),rgba(139,108,255,.36),transparent);opacity:0}.rw-cine-edge.edge-a{transform:translate(-50%,-50%) rotate(22deg) translateZ(-80px);animation:rwEdge .7s ease .48s forwards}.rw-cine-edge.edge-b{transform:translate(-50%,-50%) rotate(-22deg) translateZ(-90px);animation:rwEdge .7s ease .56s forwards}.rw-cine-flare{position:absolute;left:50%;top:50%;width:14px;height:14px;border-radius:50%;background:#d9f7ff;box-shadow:0 0 26px #8b7cff,0 0 70px #56dfff,0 0 130px rgba(94,84,255,.55);transform:translate(-50%,-50%) scale(.1);opacity:0;animation:rwFlare 1.0s ease-out 1.63s forwards}
.rw-cine-progress{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#596078;font-size:6px;font-weight:900;letter-spacing:1px;white-space:nowrap}.rw-cine-progress span{display:flex;align-items:center;gap:5px;opacity:.45}.rw-cine-progress span b{font-size:7px;color:#707996}.rw-cine-progress i{width:50px;height:1px;background:#24293d;overflow:hidden;position:relative}.rw-cine-progress i::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#7257f0,#5ad6ff);transform:scaleX(0);transform-origin:left}.rw-cine-progress i:nth-of-type(1)::after{animation:rwProgress .28s ease .74s forwards}.rw-cine-progress i:nth-of-type(2)::after{animation:rwProgress .28s ease 1.38s forwards}.rw-cine-progress .p1{animation:rwProgressOn .2s ease .52s forwards}.rw-cine-progress .p2{animation:rwProgressOn .2s ease 1.10s forwards}.rw-cine-progress .p3{animation:rwProgressOn .2s ease 1.71s forwards}
.rw-cine-signature{position:absolute;left:50%;top:50%;display:flex;align-items:center;gap:14px;opacity:0;transform:translate(-50%,-50%) translateY(30px) scale(.88);z-index:20;pointer-events:none;animation:rwFinalSignature .48s cubic-bezier(.16,.92,.2,1) 2.02s forwards}.rw-cine-mark{position:relative;width:44px;height:44px;border-radius:14px;background:linear-gradient(145deg,#7457f5,#a76cff 62%,#5bdcff);box-shadow:0 18px 50px rgba(103,82,242,.32);transform:rotate(-7deg)}.rw-cine-mark i{position:absolute;inset:11px;border:2px solid #fff;border-radius:7px}.rw-cine-mark b{position:absolute;width:8px;height:8px;right:8px;top:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(255,255,255,.13)}.rw-cine-signature div{display:flex;flex-direction:column}.rw-cine-signature small{font-size:7px;color:#7c849d;font-weight:900;letter-spacing:1.8px}.rw-cine-signature strong{margin-top:3px;font:800 21px/1 Manrope,sans-serif;color:#f5f6ff;letter-spacing:-.7px;white-space:nowrap}
@keyframes rwCineGrid{0%{opacity:0;transform:perspective(850px) rotateX(72deg) translateY(34%) scale(2.05)}28%{opacity:.46}100%{opacity:.18;transform:perspective(850px) rotateX(66deg) translateY(16%) scale(1.55)}}
@keyframes rwCineHorizon{0%{opacity:0;transform:scaleX(.12)}35%{opacity:.75;transform:scaleX(.72)}100%{opacity:.18;transform:scaleX(1.08)}}
@keyframes rwStar{0%{opacity:0;transform:scale(.1) translateY(12px)}45%{opacity:.8}100%{opacity:.15;transform:scale(1) translateY(-6px)}}
@keyframes rwCineFade{to{opacity:1;transform:none}}@keyframes rwCineRingsIn{to{opacity:.72;transform:translate(-50%,-50%) translateZ(-80px) rotateX(69deg)}}@keyframes rwRingSpin{to{transform:rotate(360deg)}}@keyframes rwRingPulse{50%{transform:scale(1.04);opacity:.55}}
@keyframes rwCineSideLeft{to{opacity:1;transform:translate3d(0,0,-30px) rotateY(17deg) rotateZ(-1deg)}}@keyframes rwCineSideRight{to{opacity:1;transform:translate3d(0,0,-30px) rotateY(-17deg) rotateZ(1deg)}}@keyframes rwPanelGlint{to{transform:translateX(140%)}}@keyframes rwCodeLine{to{opacity:1;transform:none}}@keyframes rwCursor{50%{opacity:1}}@keyframes rwMetricIn{to{opacity:1;transform:none}}@keyframes rwMetricBar{to{transform:scaleX(1)}}
@keyframes rwCoreCamera{0%{transform:translate(-50%,-50%) translateZ(-180px) scale(.88)}55%{transform:translate(-50%,-50%) translateZ(45px) scale(1)}82%{transform:translate(-50%,-50%) translateZ(58px) scale(1.015)}100%{transform:translate(-50%,-50%) translateZ(260px) scale(1.42)}}
@keyframes rwBrowserAssemble{0%{opacity:0;transform:rotateY(-34deg) rotateX(13deg) translate3d(0,32px,-230px) scale(.75)}55%{opacity:1}100%{opacity:1;transform:rotateY(-7deg) rotateX(3deg) translate3d(0,0,0) scale(1)}}@keyframes rwBrowserLift{to{transform:rotateY(0) rotateX(0) translate3d(0,-3px,45px) scale(1.025);border-color:rgba(156,142,255,.23);box-shadow:0 58px 150px rgba(0,0,0,.62),0 0 105px rgba(104,84,255,.12),inset 0 1px 0 rgba(255,255,255,.09)}}
@keyframes rwCanvasGrid{to{opacity:.75}}@keyframes rwDrawWire{to{opacity:1;transform:scaleX(1)}}@keyframes rwWordIn{to{opacity:1;transform:none}}@keyframes rwCtaIn{to{opacity:1;transform:none}}@keyframes rwPrismIn{to{opacity:1;transform:translate(-50%,-50%) rotateX(58deg) rotateZ(45deg) scale(1)}}@keyframes rwOrbitIn{to{opacity:1;transform:translate(-50%,-50%) rotate(-18deg) scale(1)}}@keyframes rwOrbitSpin{to{transform:translate(-50%,-50%) rotate(342deg) scale(1)}}@keyframes rwGlassCardIn{to{opacity:1;transform:none}}@keyframes rwCineScan{0%{left:-22%;opacity:0}10%{opacity:1}78%{opacity:1}100%{left:108%;opacity:0}}@keyframes rwCrosshair{to{opacity:1}}@keyframes rwWireShell{to{opacity:.7;transform:translateZ(-18px) scale(1)}}@keyframes rwEdge{to{opacity:1;width:760px}}@keyframes rwFlare{0%{opacity:0;transform:translate(-50%,-50%) scale(.1)}25%{opacity:1}55%{opacity:.88;transform:translate(-50%,-50%) scale(1.8)}100%{opacity:0;transform:translate(-50%,-50%) scale(7)}}@keyframes rwProgress{to{transform:scaleX(1)}}@keyframes rwProgressOn{to{opacity:1;color:#cbd1e5}}
@keyframes rwFinalSignature{0%{opacity:0;transform:translate(-50%,-50%) translateY(30px) scale(.88);filter:blur(8px)}100%{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1);filter:blur(0)}}
@media(max-width:900px){.rw-cine-stage{height:min(650px,88vh)}.rw-cine-parallax{height:470px}.rw-cine-core{width:min(650px,76vw);height:370px}.rw-cine-browser{border-radius:22px}.rw-cine-canvas{height:322px}.rw-cine-side{width:185px;height:250px;top:120px}.rw-cine-code{left:-8px}.rw-cine-metrics{right:-8px}.rw-cine-copy{padding-left:32px}.rw-cine-copy strong{font-size:27px}.rw-cine-rings{width:500px;height:500px}}
@media(max-width:720px){.rw-cine-stage{width:min(95vw,560px);height:620px}.rw-cine-kicker{top:28px;left:12px;font-size:7px}.rw-cine-parallax{height:430px}.rw-cine-core{width:92vw;max-width:520px;height:330px}.rw-cine-toolbar{height:43px;padding:0 10px}.rw-cine-live{display:none}.rw-cine-canvas{height:287px;grid-template-columns:48% 52%}.rw-cine-copy{padding:48px 8px 20px 24px}.rw-cine-copy strong{font-size:23px;letter-spacing:-1.3px}.rw-cine-copy strong em{margin-top:4px}.rw-cine-text{margin-top:15px}.rw-cine-cta{width:82px;height:28px;margin-top:18px}.rw-cine-prism{width:105px;height:126px}.rw-cine-orbit{width:165px;height:68px;border-width:8px}.rw-cine-glass-card{width:90px;right:8px;bottom:12px;padding:9px}.rw-cine-side{display:none}.rw-cine-rings{width:390px;height:390px}.rw-cine-progress{bottom:48px;gap:7px}.rw-cine-progress i{width:22px}.rw-cine-signature{top:48%}.rw-cine-signature strong{font-size:18px}.rw-cine-mark{width:38px;height:38px}.rw-cine-grid{background-size:52px 52px}}
@media(max-width:420px){.rw-cine-stage{height:580px}.rw-cine-core{width:94vw;height:300px}.rw-cine-canvas{height:257px}.rw-cine-copy{padding:43px 7px 16px 20px}.rw-cine-copy strong{font-size:20px}.rw-cine-prism{width:90px;height:108px}.rw-cine-glass-card{display:none}.rw-cine-rings{width:320px;height:320px}.rw-cine-signature strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){body.intro-active{overflow:auto}.rw-intro-cinematic{display:none!important}}

/* V6.0 — sade/premium hero: net mesaj hiyerarşisi, daha az görsel gürültü */
.hero-copy{max-width:760px}
.hero-lead-clean{
  max-width:670px;
  margin:0 0 24px;
  font-size:16px;
  line-height:1.68;
  color:#a4abc2;
}
.hero-lead-clean strong{color:#f1efff;font-weight:850}

.hero-actions-clean{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(180px,.8fr);
  gap:10px;
  max-width:690px;
  margin:0 0 18px;
}
.hero-actions-clean .btn{width:100%;margin:0}
.hero-main-cta{min-height:56px}
.hero-actions-clean .hero-demo-btn{min-height:56px;background:rgba(255,255,255,.045)}
.hero-renewal-cta{
  grid-column:1/-1;
  min-height:48px!important;
  background:linear-gradient(90deg,rgba(118,87,255,.095),rgba(93,217,255,.055));
  border-color:rgba(126,135,223,.24);
  color:#dfe5ff;
  box-shadow:none;
}
.hero-renewal-cta:hover{
  background:linear-gradient(90deg,rgba(118,87,255,.16),rgba(93,217,255,.09));
  border-color:rgba(126,167,235,.42);
}

.hero-trust-clean{
  max-width:690px;
  margin:0;
  gap:8px;
}
.hero-trust-clean .hero-trust-item{
  min-height:62px;
  padding:10px 12px;
  border-radius:15px;
  background:rgba(255,255,255,.025);
  box-shadow:none;
}
.hero-trust-clean .hero-trust-icon{
  width:34px;height:34px;flex-basis:34px;border-radius:11px;
}
.hero-trust-clean .hero-trust-item small{font-size:7px;margin-bottom:3px}
.hero-trust-clean .hero-trust-item strong{font-size:10.7px;line-height:1.35}
.hero-trust-clean .price-guarantee{min-height:62px}
.hero-trust-clean .price-guarantee strong{font-size:10.3px;line-height:1.35}
.hero-trust-clean .renewal-budget-card{
  min-height:58px;
  background:linear-gradient(90deg,rgba(93,217,255,.038),rgba(118,87,255,.032));
  border-color:rgba(93,217,255,.15);
}
.hero-trust-clean .renewal-budget-card strong{font-size:10.2px;line-height:1.35;max-width:none}

/* Desktop visual stays premium, but stops competing with the sales message. */
.hero-visual .hero-3d-badge,
.hero-visual .float-ui{display:none!important}
.hero-visual{height:535px}
.browser-3d{width:94%;left:2%;top:12%}

/* More breathing room between the opening and the next section. */
.hero{padding-bottom:82px;min-height:790px}
.upgrade-strip{padding-top:6px}

@media(max-width:1100px){
  .hero-actions-clean,.hero-trust-clean{max-width:650px}
}
@media(max-width:900px){
  .hero{min-height:auto;padding-top:125px;padding-bottom:68px}
  .hero-grid{grid-template-columns:1fr}
  .hero-copy{max-width:760px}
  .hero-visual{display:none!important}
}
@media(max-width:700px){
  .hero{padding-top:108px;padding-bottom:58px}
  .hero-title-stage{margin-bottom:20px}
  .hero-service-pills{margin-bottom:16px}
  .hero-lead-clean{font-size:14px;line-height:1.6;margin-bottom:20px}
  .hero-actions-clean{grid-template-columns:1fr;gap:9px;margin-bottom:15px}
  .hero-actions-clean .hero-renewal-cta{grid-column:auto}
  .hero-actions-clean .btn{min-height:50px!important}
  .hero-trust-clean{grid-template-columns:1fr 1fr;gap:7px}
  .hero-trust-clean .hero-trust-item{min-height:62px;padding:9px 10px;gap:9px}
  .hero-trust-clean .hero-trust-icon{width:31px;height:31px;flex-basis:31px}
  .hero-trust-clean .hero-trust-item strong{font-size:9.6px}
  .hero-trust-clean .price-guarantee strong{font-size:9px}
  .hero-trust-clean .renewal-budget-card{grid-column:1/-1;min-height:56px}
  .hero-trust-clean .renewal-budget-card strong{font-size:9.2px}
}
@media(max-width:430px){
  .hero-trust-clean{grid-template-columns:1fr}
  .hero-trust-clean .renewal-budget-card{grid-column:auto}
  .hero-service-pill{font-size:8.4px;padding:0 10px}
}

/* ===== RehberWeb Admin Runtime components ===== */
.rw-campaign{position:fixed;left:0;right:0;top:0;z-index:130;height:42px;border-bottom:1px solid rgba(255,255,255,.11);background:linear-gradient(90deg,var(--purple),var(--purple2),var(--cyan));color:#fff}.rw-campaign .container{height:100%;display:flex;align-items:center;justify-content:center;gap:18px;font-size:11px}.rw-campaign strong{font-weight:900}.rw-campaign a{padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.18);font-size:9px;font-weight:900}.campaign-active .nav-shell{top:42px}.campaign-active .primary-site .hero{padding-top:194px}
.rw-package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:35px}.rw-package-card{padding:27px;border:1px solid var(--line);border-radius:23px;background:rgba(255,255,255,.03);position:relative;overflow:hidden}.rw-package-card.featured{border-color:rgba(118,87,255,.38);background:radial-gradient(circle at 80% 10%,rgba(118,87,255,.16),transparent 30%),rgba(255,255,255,.04)}.rw-package-card>small{color:var(--purple2);font-size:9px;font-weight:900}.rw-package-card h3{font-size:23px;margin:12px 0 6px}.rw-package-card>strong{display:block;font-size:18px;color:#fff;margin:0 0 13px}.rw-package-card p{color:var(--muted);font-size:12px;line-height:1.65}.rw-package-card ul{list-style:none;padding:0;margin:20px 0;display:grid;gap:10px;color:#b8bed2;font-size:11px}.rw-package-card .btn{width:100%}
.rw-maintenance-on{overflow:hidden}.rw-maintenance{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 30% 10%,rgba(118,87,255,.18),transparent 30%),var(--bg)}.rw-maintenance-card{width:min(620px,100%);text-align:center;padding:52px 34px;border:1px solid var(--line-strong);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));box-shadow:var(--shadow)}.rw-maintenance-card>.brand-icon{display:block;margin:0 auto 22px}.rw-maintenance-card>small{font-size:9px;letter-spacing:1.8px;color:var(--purple2);font-weight:900}.rw-maintenance-card h1{font-size:clamp(38px,6vw,70px);letter-spacing:-3px;margin:16px 0}.rw-maintenance-card p{color:var(--muted);line-height:1.7;max-width:500px;margin:0 auto 22px}.rw-maintenance-card a{font-size:12px;font-weight:900;color:var(--cyan)}
@media(max-width:800px){.rw-campaign{height:38px}.rw-campaign .container{font-size:9px;gap:10px}.campaign-active .nav-shell{top:38px}.campaign-active .primary-site .hero{padding-top:160px}.rw-package-grid{grid-template-columns:1fr}}

/* Admin v1.1 — project cover images */
.project-preview{isolation:isolate}.project-preview .rw-project-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;display:block;transform:scale(1.002)}.project-preview.has-admin-image:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(to top,rgba(6,7,15,.5),transparent 48%);pointer-events:none}.project-preview.has-admin-image>.mockup,.project-preview.has-admin-image>.market-products,.project-preview.has-admin-image>.building{opacity:0;pointer-events:none}.project-preview.has-admin-image .project-badge{z-index:4}.project-card:hover .rw-project-photo{transform:scale(1.035);transition:transform .45s ease}

/* Admin v1.1 — dynamic banners */
.rw-dynamic-banner{position:relative;padding:20px 0;z-index:3}.rw-banner-card{position:relative;overflow:hidden;min-height:150px;padding:28px 30px;border:1px solid var(--line-strong);border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:linear-gradient(135deg,rgba(118,87,255,.12),rgba(93,217,255,.05)),rgba(255,255,255,.035);box-shadow:0 22px 70px rgba(0,0,0,.18)}.rw-banner-card:before{content:"";position:absolute;inset:0;background-image:var(--rw-banner-image);background-size:cover;background-position:center;opacity:.18;filter:saturate(.9);pointer-events:none}.rw-banner-card:after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-90px;top:-120px;background:var(--purple);filter:blur(80px);opacity:.18;pointer-events:none}.rw-banner-copy,.rw-banner-card>.btn{position:relative;z-index:2}.rw-banner-copy{max-width:780px}.rw-banner-copy small{display:block;color:#a995ff;font-size:9px;font-weight:900;letter-spacing:1.35px;margin-bottom:8px}.rw-banner-copy h3{font:800 clamp(24px,3vw,36px)/1.06 Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.rw-banner-copy p{margin:10px 0 0;color:var(--muted);font-size:13px;line-height:1.65;max-width:720px}.rw-banner-glass .rw-banner-card{background:rgba(255,255,255,.045);backdrop-filter:blur(18px)}.rw-banner-solid .rw-banner-card{background:linear-gradient(135deg,var(--purple),var(--purple2));border-color:transparent}.rw-banner-solid .rw-banner-copy small,.rw-banner-solid .rw-banner-copy p{color:rgba(255,255,255,.78)}.rw-banner-solid .rw-banner-card>.btn{background:#fff;color:#111322;box-shadow:none}
@media(max-width:720px){.rw-dynamic-banner{padding:12px 0}.rw-banner-card{min-height:0;padding:22px;align-items:flex-start;flex-direction:column}.rw-banner-card>.btn{width:100%}.rw-banner-copy h3{font-size:27px}}