:root{
  --bg:#070a12;--bg2:#0b1020;--card:rgba(18,25,48,.72);--card2:rgba(11,16,32,.9);
  --text:#f7f9ff;--muted:#9ba7c4;--line:rgba(255,255,255,.09);--blue:#40a9ff;--cyan:#4ef2e2;
  --violet:#845ef7;--pink:#ff5db1;--orange:#ff9f43;--radius:24px;--shadow:0 30px 80px rgba(0,0,0,.35);
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#060912 0%,#090e1c 45%,#060912 100%);color:var(--text);font-family:Inter,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.site-noise{position:fixed;inset:0;z-index:-5;opacity:.08;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.site-orb{position:fixed;border-radius:50%;filter:blur(100px);opacity:.14;z-index:-4;pointer-events:none}.site-orb-a{width:430px;height:430px;background:#6e45ff;left:-120px;top:5%}.site-orb-b{width:520px;height:520px;background:#00c9ff;right:-180px;top:42%}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid transparent;transition:.25s}.site-header.scrolled{background:rgba(6,9,18,.78);backdrop-filter:blur(18px);border-color:var(--line)}.nav-wrap{height:84px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:12px;min-width:215px}.brand-mark{width:44px;height:44px;border-radius:13px;padding:1px;background:linear-gradient(135deg,var(--cyan),var(--violet),var(--pink));box-shadow:0 0 28px rgba(79,151,255,.24)}.brand-mark>span{height:100%;display:grid;place-items:center;border-radius:12px;background:#0b1020;font:700 15px/1 'Space Grotesk';letter-spacing:-.5px}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font:700 18px/1 'Space Grotesk'}.brand-copy small{color:#99a7c5;font-size:9px;letter-spacing:2.4px;margin-top:5px}.primary-nav{display:flex;align-items:center;gap:24px;margin-left:auto}.primary-nav a{font-size:14px;color:#c1cae1;transition:.2s}.primary-nav a:hover,.primary-nav a.active{color:#fff}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:25px;height:2px;background:white;margin:5px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:14px;font-weight:700;background:linear-gradient(120deg,#3e8cff,#7d5cff 55%,#e455bd);box-shadow:0 12px 30px rgba(85,90,255,.22);transition:transform .2s,box-shadow .2s;border:0;color:#fff;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(85,90,255,.3)}.button-sm{padding:11px 16px;font-size:13px}.button-lg{padding:17px 24px}.button-ghost{background:rgba(255,255,255,.05);border:1px solid var(--line);box-shadow:none}.button-ghost:hover{background:rgba(255,255,255,.08)}
.hero{min-height:calc(100vh - 84px);display:grid;align-items:center;position:relative;padding:70px 0 100px}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%);z-index:-2}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:64px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#bdc8e7;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow:before{content:"";width:24px;height:1px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.hero h1,.page-hero h1{font:700 clamp(48px,7vw,86px)/.96 'Space Grotesk';letter-spacing:-4px;margin:22px 0}.hero h1 .line{display:block}.gradient-text{background:linear-gradient(90deg,#69e8ff,#7d76ff 48%,#ff70bf);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-lead{font-size:18px;line-height:1.8;color:#a9b5d0;max-width:650px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.hero-proof{display:flex;gap:24px;flex-wrap:wrap;color:#8996b3;font-size:13px}.hero-proof span{display:flex;align-items:center;gap:8px}.hero-proof span:before{content:"✓";color:var(--cyan);font-weight:800}
.mockup-stage{position:relative;min-height:540px;perspective:1000px}.dashboard-card{position:absolute;inset:48px 4px 40px 18px;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(155deg,rgba(20,29,56,.92),rgba(9,14,28,.94));box-shadow:var(--shadow);overflow:hidden;transform:rotateY(-5deg) rotateX(2deg)}.dashboard-top{height:62px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px;padding:0 20px}.dot{width:9px;height:9px;border-radius:50%;background:#ff6b6b}.dot:nth-child(2){background:#ffc857}.dot:nth-child(3){background:#55e67e}.dash-body{display:grid;grid-template-columns:110px 1fr;min-height:430px}.dash-side{border-right:1px solid var(--line);padding:18px 12px}.dash-pill{height:10px;border-radius:20px;background:rgba(255,255,255,.09);margin:14px 0}.dash-pill.on{background:linear-gradient(90deg,#4ab9ff,#7768ff);box-shadow:0 0 20px rgba(84,108,255,.35)}.dash-main{padding:25px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.metric{padding:17px;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:16px}.metric small{color:#7e8ca8;font-size:10px}.metric strong{display:block;font:700 24px 'Space Grotesk';margin-top:7px}.chart{height:150px;border:1px solid var(--line);border-radius:18px;margin-top:16px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(64,169,255,.1),transparent)}.chart:before{content:"";position:absolute;left:-5%;right:-5%;bottom:30px;height:90px;background:linear-gradient(150deg,transparent 0 14%,#4ab9ff 15% 17%,transparent 18% 31%,#806cff 32% 34%,transparent 35% 48%,#4ef2e2 49% 51%,transparent 52% 65%,#ff5db1 66% 68%,transparent 69%);opacity:.85}.activity{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.activity-box{height:85px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.025)}.float-card{position:absolute;border:1px solid rgba(255,255,255,.12);background:rgba(13,20,40,.82);backdrop-filter:blur(18px);border-radius:16px;padding:14px 17px;box-shadow:0 20px 50px rgba(0,0,0,.3);font-size:12px}.float-card strong{display:block;font-size:13px;margin-bottom:5px}.float-card span{color:#8fa0bf}.float-a{right:-16px;top:12px}.float-b{left:-24px;bottom:12px}.status-dot{display:inline-block;width:8px;height:8px;background:#52e58a;border-radius:50%;margin-right:7px;box-shadow:0 0 15px #52e58a}
.ticker{border-block:1px solid var(--line);overflow:hidden;background:rgba(255,255,255,.018)}.ticker-track{display:flex;width:max-content;animation:ticker 28s linear infinite;padding:16px 0}.ticker-track span{padding:0 22px;font:700 12px 'Space Grotesk';letter-spacing:1.7px;color:#8f9ab7}.ticker-track span:after{content:"✦";margin-left:42px;color:#685cff}@keyframes ticker{to{transform:translateX(-50%)}}
.section{padding:110px 0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:44px}.section-head h2{font:700 clamp(34px,5vw,58px)/1.03 'Space Grotesk';letter-spacing:-2.5px;margin:15px 0 0;max-width:760px}.section-head p{max-width:430px;color:var(--muted);line-height:1.8}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{min-height:290px;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,255,255,.015));position:relative;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:rgba(118,117,255,.35)}.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:22px;background:linear-gradient(135deg,rgba(74,185,255,.18),rgba(132,94,247,.18));border:1px solid rgba(255,255,255,.09)}.service-card h3{font:700 23px 'Space Grotesk';margin:56px 0 10px}.service-card p{color:var(--muted);line-height:1.7;font-size:14px}.service-card .arrow{position:absolute;right:24px;bottom:23px;color:#8692ad}.service-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;top:-80px;background:var(--glow,#4a95ff);filter:blur(55px);opacity:.08;transition:.3s}.service-card:hover:after{opacity:.18}
.interactive-build{display:grid;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:stretch}.tab-list{display:flex;flex-direction:column;gap:10px}.build-tab{width:100%;text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.02);color:#aab5cf;padding:18px 20px;border-radius:14px;font:600 15px Inter;cursor:pointer;transition:.2s}.build-tab.active,.build-tab:hover{color:white;background:linear-gradient(90deg,rgba(58,151,255,.12),rgba(124,92,255,.12));border-color:rgba(100,113,255,.35)}.build-display{border:1px solid var(--line);border-radius:28px;background:#0a1020;min-height:430px;overflow:hidden;box-shadow:var(--shadow)}.browser-bar{height:55px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 18px;gap:8px}.browser-url{margin-left:10px;background:rgba(255,255,255,.04);border:1px solid var(--line);height:28px;border-radius:8px;flex:1;max-width:330px}.demo-ui{padding:28px}.demo-ui h3{font:700 25px 'Space Grotesk';margin:0 0 20px}.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.demo-card{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:15px}.demo-card strong{display:block;margin-bottom:6px}.demo-card span{font-size:12px;color:#8190ad}
.project{display:grid;grid-template-columns:1fr 1.15fr;gap:55px;align-items:center;padding:60px 0}.project:nth-child(even) .project-visual{order:-1}.project-label{font-size:11px;letter-spacing:1.8px;font-weight:800;color:#68dfff;text-transform:uppercase}.project h3{font:700 42px/1.05 'Space Grotesk';letter-spacing:-1.8px;margin:14px 0}.project p{color:var(--muted);line-height:1.8}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{font-size:11px;color:#aeb9d2;padding:8px 11px;border:1px solid var(--line);border-radius:30px;background:rgba(255,255,255,.025)}.project-visual{height:370px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#101936,#0a0f1f);box-shadow:var(--shadow);padding:18px;overflow:hidden;position:relative}.project-screen{height:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));padding:18px}.project-screen:before{content:"";display:block;height:10px;width:90px;background:linear-gradient(90deg,#4fe4ff,#7562ff);border-radius:20px;margin-bottom:35px}.screen-row{display:grid;grid-template-columns:1.4fr .6fr;gap:12px}.screen-large,.screen-small{border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.025)}.screen-large{height:220px}.screen-small{height:100px;margin-bottom:12px}.screen-large:before{content:"";display:block;width:70%;height:70%;margin:35px auto;background:radial-gradient(circle at 40% 30%,rgba(64,169,255,.5),transparent 23%),radial-gradient(circle at 70% 60%,rgba(132,94,247,.5),transparent 25%),linear-gradient(160deg,transparent 48%,rgba(78,242,226,.6) 49% 51%,transparent 52%);opacity:.75}
.before-after{display:grid;grid-template-columns:1fr auto 1fr;gap:28px;align-items:center}.ba-card{padding:34px;border:1px solid var(--line);border-radius:24px;background:rgba(255,255,255,.025)}.ba-card h3{font:700 27px 'Space Grotesk';margin-top:0}.ba-list{list-style:none;padding:0;margin:24px 0 0}.ba-list li{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.06);color:#a4afc8}.ba-list.bad li:before{content:"×";color:#ff6c86;margin-right:11px;font-weight:800}.ba-list.good li:before{content:"✓";color:#4ef2ae;margin-right:11px;font-weight:800}.ba-arrow{font-size:32px;color:#6b75ff}
.tech-cloud{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.tech-badge{padding:13px 17px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.025);color:#c3cce1;font-weight:700;font-size:13px;transition:.2s}.tech-badge:hover{transform:translateY(-3px);border-color:rgba(104,119,255,.4);color:white}.code-panel{margin-top:45px;display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden;background:#080d19}.code{padding:30px;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;color:#b5c2dd;border-right:1px solid var(--line)}.code .purple{color:#b78cff}.code .cyan{color:#55e4e1}.code .pink{color:#ff70bd}.code .dim{color:#66728c}.code-copy{padding:40px;display:flex;flex-direction:column;justify-content:center}.code-copy h3{font:700 36px/1.05 'Space Grotesk';margin:10px 0 16px}.code-copy p{color:var(--muted);line-height:1.8}
.process{display:grid;grid-template-columns:repeat(6,1fr);gap:0}.step{position:relative;text-align:center;padding:20px 6px}.step:after{content:"";position:absolute;height:1px;background:linear-gradient(90deg,#4ae2ff,#7565ff);left:60%;right:-40%;top:39px;opacity:.5}.step:last-child:after{display:none}.step-num{width:40px;height:40px;border:1px solid rgba(102,118,255,.45);border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;background:#0c1224;font:700 12px 'Space Grotesk';color:#81ddff}.step strong{display:block;font:700 12px 'Space Grotesk';letter-spacing:1px}.step span{display:block;color:#77849e;font-size:11px;margin-top:6px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden}.stat{padding:32px;text-align:center;background:rgba(255,255,255,.022);border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat strong{display:block;font:700 36px 'Space Grotesk'}.stat span{color:#8794b0;font-size:12px;text-transform:uppercase;letter-spacing:1.3px}
.page-hero{padding:100px 0 70px;text-align:center;position:relative}.page-hero h1{max-width:950px;margin-inline:auto}.page-hero p{max-width:750px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.8}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.content-card{border:1px solid var(--line);border-radius:22px;padding:30px;background:rgba(255,255,255,.025)}.content-card h3{font:700 25px 'Space Grotesk';margin:0 0 12px}.content-card p{color:var(--muted);line-height:1.8;margin-bottom:0}
.form-shell{max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:28px;padding:36px;background:rgba(12,18,36,.78);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:700;color:#bac5dc;margin-bottom:8px}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:13px;background:#0a0f1e;color:white;padding:14px 15px;font:14px Inter;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:rgba(91,119,255,.6);box-shadow:0 0 0 3px rgba(91,119,255,.09)}.field textarea{min-height:150px;resize:vertical}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.check-option{display:flex;gap:9px;align-items:center;border:1px solid var(--line);padding:11px;border-radius:12px;color:#aeb9d1;font-size:13px}.notice{padding:15px;border-radius:13px;margin-bottom:18px}.notice.ok{background:rgba(53,210,137,.1);border:1px solid rgba(53,210,137,.25);color:#8ce7b8}.notice.error{background:rgba(255,91,119,.09);border:1px solid rgba(255,91,119,.2);color:#ff9bab}
.site-footer{border-top:1px solid var(--line);padding-top:90px;margin-top:40px}.footer-cta{text-align:center;padding-bottom:90px}.footer-cta h2{font:700 clamp(42px,7vw,78px)/1 'Space Grotesk';letter-spacing:-3px;margin:20px auto;max-width:900px}.footer-cta p{color:var(--muted);margin-bottom:28px}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding:46px 0;border-top:1px solid var(--line)}.footer-grid h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:#dfe5f5}.footer-grid>div>a:not(.brand){display:block;color:#8794b0;font-size:13px;margin:11px 0}.footer-grid>div>a:hover{color:white}.footer-brand{margin-bottom:18px}.muted{color:#7f8ca8;font-size:13px;line-height:1.7;max-width:320px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0 35px;color:#66728c;font-size:11px}.footer-bottom a:hover{color:#fff}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:980px){.primary-nav,.nav-cta{display:none}.nav-toggle{display:block;margin-left:auto}.primary-nav.open{position:absolute;display:flex;flex-direction:column;align-items:stretch;left:20px;right:20px;top:74px;padding:18px;border:1px solid var(--line);border-radius:18px;background:rgba(7,10,18,.97);box-shadow:var(--shadow)}.hero-grid,.interactive-build,.project,.code-panel{grid-template-columns:1fr}.hero{padding-top:35px}.hero h1,.page-hero h1{letter-spacing:-2.7px}.mockup-stage{min-height:500px}.cards-grid{grid-template-columns:repeat(2,1fr)}.section-head{align-items:start;flex-direction:column}.project:nth-child(even) .project-visual{order:initial}.process{grid-template-columns:repeat(3,1fr);row-gap:20px}.step:nth-child(3):after{display:none}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:2/4}.code{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.container{width:min(100% - 26px,1180px)}.nav-wrap{height:70px}.brand{min-width:0}.brand-mark{width:40px;height:40px}.hero{min-height:auto;padding:65px 0 75px}.hero h1{font-size:49px}.hero-lead,.page-hero p{font-size:16px}.mockup-stage{min-height:395px}.dashboard-card{inset:38px 0 35px 0}.dash-body{grid-template-columns:70px 1fr}.dash-main{padding:15px}.metric-grid{grid-template-columns:1fr}.metric:nth-child(n+2){display:none}.activity{display:none}.float-a{right:-3px}.float-b{left:-3px}.section{padding:78px 0}.cards-grid,.content-grid,.form-grid,.check-grid{grid-template-columns:1fr}.service-card{min-height:250px}.service-card h3{margin-top:40px}.before-after{grid-template-columns:1fr}.ba-arrow{transform:rotate(90deg);text-align:center}.project{gap:25px}.project h3{font-size:34px}.project-visual{height:300px}.process{grid-template-columns:repeat(2,1fr)}.step:nth-child(3):after{display:block}.step:nth-child(even):after{display:none}.stats{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)!important}.stat:last-child{border-bottom:0!important}.footer-grid{grid-template-columns:1fr}.footer-grid>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}.form-shell{padding:22px}.page-hero{padding:70px 0 45px}.footer-cta h2{letter-spacing:-2px}.demo-grid{grid-template-columns:1fr}.demo-card:nth-child(n+4){display:none}}

/* =========================================================
   S.E. WEB DEVELOPMENT — V1.1 LIGHT / VIBRANT VISUAL SYSTEM
   ========================================================= */
:root{
  --bg:#f8fbff;
  --bg2:#eef5ff;
  --card:rgba(255,255,255,.82);
  --card2:#ffffff;
  --text:#10182f;
  --muted:#66738f;
  --line:rgba(24,49,101,.11);
  --blue:#1677ff;
  --cyan:#00cfe8;
  --violet:#7956ff;
  --pink:#f331a5;
  --orange:#ff8a24;
  --radius:24px;
  --shadow:0 28px 70px rgba(52,83,150,.16),0 8px 24px rgba(50,87,170,.08);
}

body{
  background:
    radial-gradient(circle at 8% 4%,rgba(0,207,232,.11),transparent 25%),
    radial-gradient(circle at 92% 9%,rgba(121,86,255,.12),transparent 29%),
    radial-gradient(circle at 78% 70%,rgba(243,49,165,.07),transparent 28%),
    linear-gradient(180deg,#ffffff 0%,#f8fbff 42%,#f1f7ff 100%);
  color:var(--text);
}
.site-noise{opacity:.025;mix-blend-mode:multiply}
.site-orb{filter:blur(90px);opacity:.16}
.site-orb-a{background:#5b5cff}
.site-orb-b{background:#00d7ea}

/* Navigation */
.site-header.scrolled{
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(22px) saturate(160%);
  border-color:rgba(30,65,130,.09);
  box-shadow:0 8px 28px rgba(47,73,130,.07);
}
.brand-mark{
  background:linear-gradient(135deg,#00d6e9 0%,#4384ff 36%,#7a55ff 68%,#f33ca9 100%);
  box-shadow:0 10px 28px rgba(74,104,255,.24),0 0 0 5px rgba(102,111,255,.055);
}
.brand-mark>span{background:#fff;color:#17213f}
.brand-copy strong{color:#131c34}
.brand-copy small{color:#71809e}
.primary-nav a{color:#5c6883;font-weight:600}
.primary-nav a:hover,.primary-nav a.active{color:#141e3b}
.nav-toggle span{background:#17213a}
.button{
  background:linear-gradient(118deg,#087df4 0%,#5967ff 42%,#9a48ef 68%,#f236a3 100%);
  box-shadow:0 14px 32px rgba(77,83,245,.24),0 3px 10px rgba(243,54,163,.12);
}
.button:hover{box-shadow:0 18px 42px rgba(77,83,245,.32),0 6px 18px rgba(243,54,163,.16)}
.button-ghost{
  background:rgba(255,255,255,.76);
  color:#24304d;
  border:1px solid rgba(49,75,136,.14);
  box-shadow:0 10px 26px rgba(59,88,148,.08);
  backdrop-filter:blur(12px);
}
.button-ghost:hover{background:#fff;border-color:rgba(91,90,255,.28)}

/* Hero */
.hero:before{
  background-image:linear-gradient(rgba(64,90,155,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(64,90,155,.055) 1px,transparent 1px);
  mask-image:linear-gradient(to bottom,black,transparent 88%);
}
.hero:after{
  content:"";position:absolute;width:340px;height:340px;border-radius:42% 58% 63% 37%/45% 42% 58% 55%;right:7%;top:8%;z-index:-3;
  background:linear-gradient(135deg,rgba(0,211,232,.14),rgba(120,85,255,.12),rgba(243,49,165,.10));filter:blur(2px);animation:seBlob 12s ease-in-out infinite alternate;
}
@keyframes seBlob{to{transform:translate(30px,45px) rotate(22deg) scale(1.12)}}
.eyebrow{color:#556582}
.eyebrow:before{height:2px;background:linear-gradient(90deg,#00bfd7,#6f5bff,#f532a6);box-shadow:0 0 10px rgba(83,101,255,.18)}
.hero h1,.page-hero h1{color:#10182f;text-shadow:0 1px 0 #fff}
.gradient-text{
  background:linear-gradient(95deg,#008deb 0%,#2d79ff 25%,#7556ff 53%,#c740dc 74%,#f3339e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-lead{color:#5f6e8b}
.hero-proof{color:#667693}
.hero-proof span:before{color:#00afc7;background:rgba(0,201,221,.10);width:21px;height:21px;border-radius:50%;display:inline-grid;place-items:center;font-size:11px}

/* Hero product mockup */
.mockup-stage:before{
  content:"";position:absolute;inset:8% 2% 4% 8%;border-radius:50%;background:linear-gradient(135deg,rgba(1,203,230,.24),rgba(110,80,255,.20),rgba(244,52,166,.14));filter:blur(55px);z-index:-2;
}
.dashboard-card{
  border:1px solid rgba(77,102,160,.14);
  background:linear-gradient(155deg,rgba(255,255,255,.97),rgba(244,248,255,.96));
  box-shadow:0 35px 80px rgba(63,88,145,.18),0 8px 22px rgba(72,100,170,.08),inset 0 1px 0 #fff;
}
.dashboard-top{border-color:rgba(40,72,140,.10);background:rgba(250,252,255,.78)}
.dash-side{border-color:rgba(40,72,140,.10);background:linear-gradient(180deg,#f6f9ff,#fafdff)}
.dash-pill{background:#dde6f5}
.dash-pill.on{background:linear-gradient(90deg,#00cfe6,#367dff,#745bff);box-shadow:0 6px 16px rgba(70,99,255,.24)}
.metric{border-color:rgba(54,79,139,.10);background:#fff;box-shadow:0 7px 22px rgba(48,78,140,.07)}
.metric small{color:#7b89a4}
.metric strong{color:#17203a}
.chart{border-color:rgba(52,80,145,.11);background:linear-gradient(180deg,rgba(22,119,255,.09),rgba(121,86,255,.025),#fff)}
.activity-box{border-color:rgba(52,80,145,.10);background:linear-gradient(135deg,#fff,#f6f9ff);box-shadow:0 6px 18px rgba(54,80,139,.05)}
.float-card{
  border:1px solid rgba(70,94,151,.13);background:rgba(255,255,255,.90);color:#1d2742;box-shadow:0 20px 52px rgba(61,86,145,.17);backdrop-filter:blur(20px) saturate(145%);
}
.float-card span{color:#71809a}

/* Ticker */
.ticker{border-color:rgba(49,75,134,.10);background:rgba(255,255,255,.72);box-shadow:0 8px 30px rgba(65,91,150,.035)}
.ticker-track span{color:#687590}
.ticker-track span:after{color:#7057ff}

/* Content cards */
.section-head p,.service-card p,.project p,.code-copy p,.page-copy p,.muted{color:var(--muted)}
.service-card{
  border-color:rgba(50,78,140,.10);
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(246,249,255,.92));
  box-shadow:0 12px 35px rgba(47,77,145,.07),inset 0 1px 0 #fff;
}
.service-card:hover{border-color:rgba(104,84,255,.25);box-shadow:0 24px 55px rgba(64,88,157,.13),0 8px 25px rgba(103,82,255,.07)}
.service-card h3{color:#18213b}
.service-icon{background:linear-gradient(135deg,rgba(0,207,232,.13),rgba(112,83,255,.12),rgba(243,49,165,.07));border-color:rgba(77,96,154,.09);box-shadow:inset 0 1px 0 #fff,0 7px 18px rgba(78,92,170,.06)}
.service-card .arrow{color:#6c79a0}
.service-card:after{opacity:.075}
.service-card:hover:after{opacity:.16}

/* Interactive builder */
.build-tab{border-color:rgba(48,77,140,.11);background:rgba(255,255,255,.68);color:#66738e;box-shadow:0 5px 18px rgba(61,88,145,.035)}
.build-tab.active,.build-tab:hover{color:#202a48;background:linear-gradient(90deg,rgba(0,199,226,.10),rgba(83,108,255,.09),rgba(239,53,166,.06));border-color:rgba(91,87,255,.24);box-shadow:0 10px 28px rgba(80,91,172,.08)}
.build-display{border-color:rgba(49,77,140,.12);background:linear-gradient(145deg,#ffffff,#f5f9ff);box-shadow:0 25px 65px rgba(55,83,145,.13)}
.browser-bar{border-color:rgba(49,77,140,.10);background:#f8faff}
.browser-url{background:#edf3fc;border-color:rgba(51,78,139,.09)}
.demo-ui h3{color:#15203b}
.demo-card{border-color:rgba(47,75,138,.10);background:#fff;box-shadow:0 7px 20px rgba(52,78,138,.055)}
.demo-card strong{color:#1e2947}.demo-card span{color:#7c89a4}

/* Portfolio */
.project-label{color:#7057ff}
.project h3{color:#141d37}
.chip,.tech-badge{border-color:rgba(50,76,137,.11);background:rgba(255,255,255,.82);color:#5b6884;box-shadow:0 5px 16px rgba(56,81,140,.04)}
.project-visual{border-color:rgba(48,76,138,.11);background:linear-gradient(145deg,#eef5ff,#fff);box-shadow:0 25px 65px rgba(52,81,143,.12)}
.project-visual:before{background:radial-gradient(circle,rgba(0,202,225,.20),rgba(112,82,255,.12),transparent 67%)}
.project-screen{border-color:rgba(51,79,143,.10);background:#fff;box-shadow:0 20px 46px rgba(52,78,137,.11)}
.screen-large,.screen-small{border-color:rgba(48,75,138,.08);background:linear-gradient(135deg,#edf5ff,#fff)}

/* Before / After */
.before-after{border-color:rgba(52,78,140,.10);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(243,248,255,.9));box-shadow:0 20px 55px rgba(55,82,142,.08)}
.ba-card{background:#fff;border:1px solid rgba(51,78,140,.08);box-shadow:0 8px 26px rgba(52,78,138,.05)}
.ba-card h3{color:#17203b}
.ba-list.bad li{color:#68748d}.ba-list.bad li:before{color:#f04463;background:rgba(240,68,99,.09)}
.ba-list.good li{color:#465574}.ba-list.good li:before{color:#0cad89;background:rgba(12,173,137,.10)}
.ba-arrow{color:#7259ff}

/* Technology */
.tech-cloud{background:radial-gradient(circle at center,rgba(98,92,255,.08),transparent 70%)}
.tech-badge:hover{border-color:rgba(91,86,255,.25);background:#fff;transform:translateY(-2px);box-shadow:0 12px 25px rgba(71,87,158,.08)}
.code-panel{
  border-color:rgba(44,70,132,.11);
  background:linear-gradient(135deg,#f7faff,#ffffff 55%,#f5f1ff);
  box-shadow:0 25px 65px rgba(52,81,145,.10);
}
.code{
  background:linear-gradient(145deg,#19203a,#10162b);color:#dfe8ff;border:1px solid rgba(255,255,255,.06);box-shadow:0 18px 45px rgba(24,32,62,.19);
}
.code-copy h3{color:#151e39}

/* Process and stats */
.process{border-color:rgba(52,79,141,.10);background:rgba(255,255,255,.70);box-shadow:0 16px 45px rgba(53,79,139,.055)}
.step-num{background:linear-gradient(135deg,#00cfe5,#5c67ff,#f338a6);-webkit-background-clip:text;background-clip:text;color:transparent}
.step strong{color:#19223d}.step span{color:#7886a0}.step:after{background:linear-gradient(90deg,rgba(0,197,221,.25),rgba(102,85,255,.25))}
.stats{border-color:rgba(49,75,137,.10);background:linear-gradient(135deg,#fff,#f5f9ff);box-shadow:0 18px 48px rgba(51,79,141,.075)}
.stat{border-color:rgba(51,78,139,.10)!important}.stat strong{color:#17213b}.stat span{color:#74829d}

/* Interior page + forms */
.page-hero{background:radial-gradient(circle at 80% 15%,rgba(120,85,255,.12),transparent 28%),radial-gradient(circle at 15% 35%,rgba(0,207,232,.09),transparent 25%)}
.page-hero:after{background:linear-gradient(90deg,transparent,rgba(90,95,255,.14),rgba(243,49,165,.10),transparent)}
.content-card,.form-shell,.contact-card{
  border-color:rgba(50,78,140,.10);background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 18px 52px rgba(54,81,143,.08);
}
.content-card h2,.content-card h3,.form-shell h2,.contact-card h3{color:#17203a}
.input,textarea,select,input[type=text],input[type=email],input[type=tel]{background:#fff!important;color:#1e2947!important;border-color:rgba(53,80,143,.15)!important;box-shadow:inset 0 1px 2px rgba(40,65,120,.025)}
.input:focus,textarea:focus,select:focus,input[type=text]:focus,input[type=email]:focus,input[type=tel]:focus{outline:none!important;border-color:#6d5cff!important;box-shadow:0 0 0 4px rgba(109,92,255,.10)!important}
label{color:#394864}.form-note{color:#71809b}.alert-success{background:rgba(20,182,138,.08);border-color:rgba(20,182,138,.20);color:#08785f}.alert-error{background:rgba(240,68,99,.07);border-color:rgba(240,68,99,.18);color:#ba2744}

/* Footer */
.site-footer{border-color:rgba(49,75,137,.10);background:linear-gradient(180deg,rgba(246,250,255,.72),#eef5ff)}
.footer-cta{border-color:rgba(55,80,140,.10);background:linear-gradient(120deg,rgba(255,255,255,.88),rgba(244,247,255,.94));box-shadow:0 20px 60px rgba(52,80,143,.09);position:relative;overflow:hidden}
.footer-cta:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,#00cee5,#7557ff,#f332a3);filter:blur(85px);opacity:.11;right:-70px;top:-120px}
.footer-cta h2{color:#131d38}.footer-cta p{color:#65738e}
.footer-grid h3{color:#1a2440}.footer-grid a{color:#67748f}.footer-grid a:hover{color:#6d57ff}
.footer-bottom{color:#7a87a1;border-color:rgba(49,75,137,.10)}

/* Mobile navigation */
@media(max-width:860px){
  .primary-nav{background:rgba(255,255,255,.98)!important;border-color:rgba(50,77,137,.11)!important;box-shadow:0 24px 55px rgba(51,78,140,.15)!important;backdrop-filter:blur(20px)}
  .primary-nav a{color:#4d5c79}.primary-nav a:hover,.primary-nav a.active{color:#171f39}
}

/* =========================================================
   V1.1.1 — LIGHT THEME TEXT CONTRAST REFINEMENT
   Replaces washed-out/white emphasis text across the site.
   ========================================================= */
.gradient-text{
  color:#2453d8; /* solid fallback for browsers without text clipping */
  background:linear-gradient(96deg,#006fdc 0%,#1769f4 22%,#4d5df2 43%,#7650df 61%,#b53acb 78%,#e92b91 100%);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  text-shadow:none;
  filter:saturate(1.08) contrast(1.04);
}

/* Keep all light-surface interactive text dark and readable. */
.tech-badge:hover{color:#273657}
.build-tab.active,.build-tab:hover{color:#202a48}
.service-card,.content-card,.contact-card,.form-shell,.project-screen,.demo-card,.ba-card{color:#17203a}

/* White text is reserved for intentionally saturated buttons only. */
.button:not(.button-ghost){color:#fff}

/* ===== v1.2.0 Premium navigation ===== */
.site-header{z-index:100}
.site-header .nav-wrap{height:92px;gap:22px;overflow:visible}
.site-header.scrolled .nav-wrap{height:80px}
.nav-wrap{transition:height .25s ease}
.brand{min-width:238px;gap:13px;position:relative;z-index:102}
.brand-logo-slot{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;flex:0 0 auto;background:linear-gradient(135deg,#fff,#f6f9ff);border:1px solid rgba(69,95,160,.14);box-shadow:0 12px 32px rgba(54,82,150,.13),0 0 0 5px rgba(87,101,255,.045);overflow:hidden}
.brand-logo-slot img{width:100%;height:100%;object-fit:contain;padding:5px}
.brand-logo-placeholder{font:800 8px/1.05 'Space Grotesk';letter-spacing:.8px;text-align:center;color:#7a86a1}
.brand-copy strong{font-size:18px}
.primary-nav{gap:4px;overflow:visible}
.nav-item{position:relative;display:flex;align-items:center}
.nav-link{appearance:none;border:0;background:transparent;font-family:inherit;display:flex;align-items:center;gap:5px;padding:12px 11px;border-radius:11px;font-size:13.5px!important;font-weight:700!important;color:#56627d!important;cursor:pointer;white-space:nowrap;transition:color .2s,background .2s,transform .2s}
.nav-link:hover,.nav-link.active,.has-dropdown.open>.nav-link{color:#17213c!important;background:rgba(67,102,255,.07)}
.nav-link.active:after{content:"";position:absolute;left:16px;right:16px;bottom:-16px;height:3px;border-radius:99px;background:linear-gradient(90deg,#08bfe5,#5570ff,#9f48ef,#f33ba3);box-shadow:0 3px 12px rgba(83,93,255,.26)}
.chevron{display:inline-block;font-size:16px;line-height:1;transform:translateY(-1px);transition:transform .2s ease;color:#8792aa}
.has-dropdown:hover .chevron,.has-dropdown.open .chevron{transform:translateY(1px) rotate(180deg);color:#5f68dc}
.nav-dropdown{position:absolute;top:calc(100% + 17px);left:50%;transform:translate(-50%,9px);min-width:315px;padding:10px;border:1px solid rgba(49,76,143,.12);border-radius:20px;background:rgba(255,255,255,.97);box-shadow:0 26px 70px rgba(39,61,115,.18),0 5px 18px rgba(61,90,154,.07);backdrop-filter:blur(22px) saturate(175%);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:110}
.nav-dropdown:before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:#fff;border-left:1px solid rgba(49,76,143,.10);border-top:1px solid rgba(49,76,143,.10);transform:translateX(-50%) rotate(45deg)}
.nav-dropdown-wide{min-width:350px}
.nav-dropdown-right{left:auto;right:0;transform:translateY(9px)}
.nav-dropdown-right:before{left:auto;right:36px;transform:rotate(45deg)}
.has-dropdown:hover>.nav-dropdown,.has-dropdown.open>.nav-dropdown,.has-dropdown:focus-within>.nav-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.has-dropdown:hover>.nav-dropdown-right,.has-dropdown.open>.nav-dropdown-right,.has-dropdown:focus-within>.nav-dropdown-right{transform:translateY(0)}
.nav-dropdown>a{display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;padding:10px 11px;border-radius:13px;color:#26314d!important;transition:background .18s,transform .18s}
.nav-dropdown>a:hover{background:linear-gradient(110deg,rgba(0,190,227,.075),rgba(92,99,255,.07),rgba(239,54,163,.055));transform:translateX(2px)}
.nav-dropdown>a+a{margin-top:2px}
.nav-dropdown strong{display:block;font-size:13px;line-height:1.25;color:#18233f}
.nav-dropdown small{display:block;font-size:10.5px;line-height:1.4;color:#8591aa;margin-top:3px}
.drop-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font:800 9px/1 'Space Grotesk';color:#5361d7;background:linear-gradient(135deg,rgba(0,197,227,.12),rgba(103,87,255,.11),rgba(241,59,165,.08));border:1px solid rgba(77,99,200,.08)}
.nav-cta{margin-left:5px;white-space:nowrap;border-radius:13px;padding:12px 17px}
.demo-showcase-panel{position:relative;overflow:hidden;padding:50px;border-radius:28px;background:linear-gradient(135deg,#fff,#f4f8ff);border:1px solid rgba(53,82,153,.11);box-shadow:0 24px 60px rgba(51,77,137,.11)}
.demo-showcase-panel:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;right:-70px;top:-80px;background:linear-gradient(135deg,rgba(0,198,229,.16),rgba(106,85,255,.15),rgba(243,52,163,.12));filter:blur(4px)}
.demo-showcase-panel h2{font:700 clamp(34px,5vw,56px)/1.05 'Space Grotesk';letter-spacing:-2px;max-width:700px;color:#14203a;margin:18px 0}
.demo-showcase-panel p{max-width:680px;color:#65728d;line-height:1.75;margin-bottom:24px}
.card-number{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;margin-bottom:18px;background:linear-gradient(135deg,rgba(0,198,229,.11),rgba(104,87,255,.11),rgba(243,52,163,.08));color:#5361d7;font:800 10px/1 'Space Grotesk'}

@media (max-width:1120px) and (min-width:981px){
  .brand{min-width:190px}.brand-copy small{display:none}.primary-nav{gap:0}.nav-link{padding:11px 8px;font-size:12.5px!important}.nav-cta{padding:11px 13px;font-size:12px}.brand-logo-slot{width:46px;height:46px}
}
@media(max-width:980px){
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{height:76px}.brand{min-width:0}.brand-logo-slot{width:45px;height:45px;border-radius:13px}.primary-nav.open{top:68px;background:rgba(255,255,255,.985)!important;border-color:rgba(49,76,143,.13)!important;box-shadow:0 25px 70px rgba(43,64,112,.18)!important;padding:10px!important;max-height:calc(100vh - 90px);overflow:auto;gap:2px}
  .nav-item{display:block;width:100%}.nav-link{width:100%;justify-content:space-between;padding:13px 14px!important;border-radius:12px}.nav-link.active:after{display:none}
  .nav-dropdown,.nav-dropdown-right{position:static;transform:none!important;min-width:0;width:100%;padding:0 7px 7px 15px;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;opacity:1;visibility:visible;pointer-events:auto;display:none}
  .nav-dropdown:before{display:none}.has-dropdown.open>.nav-dropdown{display:block}.has-dropdown:hover>.nav-dropdown:not(:focus-within){display:none}.has-dropdown.open:hover>.nav-dropdown{display:block}
  .nav-dropdown>a{padding:10px}.nav-dropdown small{font-size:10px}.drop-icon{width:31px;height:31px}
}
@media(max-width:640px){.brand-copy strong{font-size:16px}.brand-copy small{font-size:7.5px;letter-spacing:1.8px}.brand-logo-slot{width:42px;height:42px}.demo-showcase-panel{padding:30px 24px}}

/* v1.2.1 navbar action group */
.nav-action-group{display:flex;align-items:center;gap:10px;margin-left:5px}
.nav-action-group .nav-cta{margin-left:0}
.nav-client-portal{white-space:nowrap;border-radius:13px;padding:12px 17px;background:linear-gradient(120deg,#0ea5e9,#6366f1 55%,#a855f7);box-shadow:0 12px 30px rgba(79,70,229,.22)}
.nav-client-portal:hover{box-shadow:0 18px 42px rgba(79,70,229,.3),0 6px 18px rgba(14,165,233,.16)}
@media(max-width:1120px){.nav-action-group{gap:7px}.nav-action-group .button{padding:11px 12px;font-size:11.5px}}
@media(max-width:980px){.nav-action-group{display:none}}

/* v1.2.2 logo integration */
.brand-logo-slot{background:#fff;border:1px solid rgba(69,95,160,.12);padding:0;}
.brand-logo-slot img{width:100%;height:100%;object-fit:contain;display:block;padding:2px;border-radius:inherit;}
@media(max-width:640px){.brand-logo-slot img{padding:1px;}}

/* =========================================================
   S.E. WEB DEVELOPMENT — V1.3 MULTI-PAGE PROFESSIONAL SYSTEM
   ========================================================= */
.section-white{background:rgba(255,255,255,.72);border-top:1px solid rgba(49,75,137,.06);border-bottom:1px solid rgba(49,75,137,.06)}
.section-soft{background:linear-gradient(180deg,rgba(239,246,255,.68),rgba(249,252,255,.86));border-top:1px solid rgba(49,75,137,.055);border-bottom:1px solid rgba(49,75,137,.055)}
.company-hero{padding:86px 0 96px;position:relative;overflow:hidden}
.company-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 12%,rgba(0,200,228,.12),transparent 26%),radial-gradient(circle at 84% 18%,rgba(119,84,255,.14),transparent 32%);z-index:-1}
.company-hero-grid,.page-banner-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}
.company-hero h1{font:700 clamp(48px,6.6vw,82px)/.98 'Space Grotesk';letter-spacing:-4px;color:#10182f;margin:22px 0 24px}
.company-hero-copy{max-width:690px}.hero-media{position:relative}.media-accent-card{position:absolute;left:-28px;bottom:30px;width:250px;padding:18px 20px;border-radius:18px;background:rgba(255,255,255,.94);border:1px solid rgba(52,79,143,.12);box-shadow:0 22px 55px rgba(54,80,140,.17);backdrop-filter:blur(18px)}
.media-accent-card strong{display:block;color:#18233f;font:700 15px 'Space Grotesk'}.media-accent-card span{display:block;color:#72809a;font-size:12px;line-height:1.5;margin-top:5px}
.trust-row{display:flex;flex-wrap:wrap;gap:18px;margin-top:28px;color:#61708c;font-size:12px;font-weight:700}.trust-row span{display:flex;align-items:center;gap:7px}.trust-row span:before{content:"✓";width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:rgba(0,190,209,.09);color:#00a9bd;font-size:10px}
.image-slot{margin:0;position:relative}.image-slot img{width:100%;height:100%;object-fit:cover;border-radius:28px;box-shadow:0 28px 75px rgba(53,82,145,.18);border:1px solid rgba(55,82,142,.09)}
.image-slot-hero{height:570px}.image-placeholder{min-height:400px;border-radius:28px;border:1px dashed rgba(89,91,190,.28);background:linear-gradient(145deg,#fff,#eef5ff 58%,#f8f3ff);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;box-shadow:0 24px 68px rgba(54,82,145,.12);position:relative;overflow:hidden}
.image-placeholder:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:linear-gradient(135deg,#00d4e7,#7860ff,#f63ca8);filter:blur(80px);opacity:.12;right:-50px;top:-80px}.placeholder-icon{font-size:30px;color:#765bff;margin-bottom:18px}.image-placeholder strong{font:700 18px 'Space Grotesk';color:#1a2542}.image-placeholder small{display:block;margin-top:9px;color:#7d8aa5;font-size:11px;word-break:break-all}
.image-slot-hero .image-placeholder{min-height:570px}
.split-intro,.editorial-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:90px;align-items:start}.display-title,.section-heading-centered h2,.feature-copy h2,.editorial-kicker h2,.showcase-grid h2,.dual-cta h2{font:700 clamp(36px,4.5vw,58px)/1.04 'Space Grotesk';letter-spacing:-2.5px;color:#131d38;margin:18px 0}.intro-copy,.editorial-copy{font-size:16px;line-height:1.9;color:#62718d}.lead-copy{font-size:20px!important;line-height:1.7!important;color:#2b3858!important;font-weight:500}.text-link{display:inline-flex;gap:8px;align-items:center;color:#6755ef;font-weight:800;margin-top:10px}.text-link:hover{color:#c13bcf}
.section-heading-centered{text-align:center;max-width:850px;margin:0 auto 48px}.section-heading-centered p{color:#697791;line-height:1.8;max-width:720px;margin:0 auto}
.professional-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.professional-card-grid.three{grid-template-columns:repeat(3,1fr)}.professional-card{display:block;min-height:270px;padding:30px;border-radius:24px;border:1px solid rgba(49,76,138,.1);background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 13px 38px rgba(53,81,144,.075);transition:.22s;position:relative;overflow:hidden}.professional-card:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,#00d0e7,#765aff,#f634a4);filter:blur(55px);opacity:.06;right:-55px;bottom:-60px}.professional-card:hover{transform:translateY(-5px);border-color:rgba(109,86,255,.25);box-shadow:0 24px 55px rgba(59,82,145,.13)}.card-number{font:700 12px 'Space Grotesk';letter-spacing:1.4px;color:#765bff}.professional-card h3{font:700 23px/1.1 'Space Grotesk';color:#18223d;margin:48px 0 12px}.professional-card p{color:#687691;line-height:1.72;font-size:14px}.card-link{display:block;margin-top:22px;color:#5d58ed;font-size:12px;font-weight:800}
.feature-split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-split.reverse .feature-media{order:2}.feature-split.text-first .feature-copy{order:1}.feature-split.text-first .feature-media{order:2}.feature-media .image-slot{height:500px}.feature-media .image-placeholder{min-height:500px}.feature-copy p{color:#63718c;line-height:1.85}.check-list{list-style:none;padding:0;margin:24px 0 28px}.check-list li{position:relative;padding:10px 0 10px 32px;color:#455573;line-height:1.55}.check-list li:before{content:"✓";position:absolute;left:0;top:10px;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,rgba(0,200,220,.12),rgba(116,88,255,.12));color:#5f58ed;font-size:10px;font-weight:900}
.solution-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.solution-tile{padding:28px;border-radius:22px;background:#fff;border:1px solid rgba(51,78,140,.1);box-shadow:0 10px 28px rgba(54,81,141,.055);transition:.2s}.solution-tile:hover{transform:translateY(-4px);border-color:rgba(107,86,255,.23)}.solution-tile strong{display:block;font:700 20px 'Space Grotesk';color:#18223e}.solution-tile span{display:block;color:#72809a;font-size:13px;line-height:1.65;margin-top:10px}
.process-professional{position:relative}.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-item{padding:27px;border-top:3px solid transparent;border-image:linear-gradient(90deg,#00c9e0,#745aff,#ed3fa8) 1;background:#fff;border-radius:0 0 20px 20px;box-shadow:0 10px 28px rgba(55,82,142,.055)}.process-item span{font:700 12px 'Space Grotesk';color:#745cff}.process-item h3{font:700 20px 'Space Grotesk';color:#19233f;margin:22px 0 10px}.process-item p{font-size:13px;line-height:1.65;color:#73809a}.center-link{text-align:center;margin-top:34px}
.showcase-band{background:linear-gradient(120deg,rgba(239,248,255,.9),rgba(247,242,255,.9),rgba(255,244,250,.78))}.showcase-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.showcase-grid p{color:#65738e;line-height:1.8}.showcase-images .image-slot{height:440px}.showcase-images .image-placeholder{min-height:440px}
.page-banner{padding:82px 0 72px;position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.78),rgba(244,249,255,.78));border-bottom:1px solid rgba(50,77,138,.07)}.page-banner:before{content:"";position:absolute;width:470px;height:470px;border-radius:50%;right:-160px;top:-220px;background:linear-gradient(135deg,#00cee8,#7860ff,#f53aa5);filter:blur(100px);opacity:.08}.page-banner h1{font:700 clamp(46px,6vw,74px)/1 'Space Grotesk';letter-spacing:-3.5px;color:#111a34;margin:21px 0}.page-banner p{font-size:17px;line-height:1.82;color:#65738e;max-width:720px}.page-banner .image-slot{height:430px}.page-banner .image-placeholder{min-height:430px}.page-banner.simple{padding-bottom:55px}.page-banner.simple .container{max-width:900px}.page-banner.simple h1{font-size:60px}
.editorial-kicker span,.tech-label{font-size:11px;text-transform:uppercase;letter-spacing:2px;font-weight:800;color:#7057ff}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.reason-card{display:flex;gap:14px;align-items:flex-start;padding:22px;border:1px solid rgba(51,78,140,.1);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(54,81,141,.045)}.reason-card>span{width:25px;height:25px;flex:0 0 auto;display:grid;place-items:center;border-radius:50%;background:rgba(106,88,255,.09);color:#6557f0;font-weight:900;font-size:11px}.reason-card p{margin:1px 0 0;color:#53627f;line-height:1.6;font-size:13px}.related-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-link{padding:24px;border-radius:18px;background:#fff;border:1px solid rgba(51,78,140,.1);display:flex;justify-content:space-between;gap:20px;align-items:center}.related-link strong{color:#1b2541}.related-link span{color:#6c58f2;font-size:12px;font-weight:800}
.service-directory{display:grid;gap:12px}.service-directory-item{display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:center;padding:28px 30px;border-radius:20px;background:#fff;border:1px solid rgba(52,78,140,.09);box-shadow:0 8px 28px rgba(52,80,140,.045);transition:.2s}.service-directory-item:hover{transform:translateX(5px);border-color:rgba(107,86,255,.22);box-shadow:0 16px 38px rgba(54,81,141,.09)}.service-directory-item>span{font:700 13px 'Space Grotesk';color:#765cff}.service-directory-item h2{font:700 24px 'Space Grotesk';color:#1a2440;margin:0 0 7px}.service-directory-item p{margin:0;color:#6d7a95;line-height:1.6}.service-directory-item b{font-size:12px;color:#6658ed;white-space:nowrap}
.solution-directory-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.solution-directory-card{padding:38px;border-radius:26px;background:linear-gradient(145deg,#fff,#f6f9ff);border:1px solid rgba(51,78,140,.1);box-shadow:0 12px 38px rgba(53,81,144,.07);transition:.2s}.solution-directory-card:hover{transform:translateY(-5px);border-color:rgba(105,86,255,.22)}.solution-directory-card>span{font:700 12px 'Space Grotesk';color:#775cf7}.solution-directory-card h2{font:700 30px 'Space Grotesk';color:#18223d;margin:36px 0 12px}.solution-directory-card p{color:#697791;line-height:1.75}.solution-directory-card b{display:block;margin-top:24px;color:#6558ee;font-size:12px}
.dual-cta{display:grid;grid-template-columns:1fr 1fr;gap:18px}.dual-cta>div{padding:40px;border-radius:26px;background:#fff;border:1px solid rgba(50,77,139,.1);box-shadow:0 12px 35px rgba(53,80,141,.055)}.dual-cta h2{font-size:34px;letter-spacing:-1.7px}.dual-cta p{color:#687691;line-height:1.75}
.timeline-list{max-width:980px;margin:0 auto}.timeline-item{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:32px 0;border-bottom:1px solid rgba(50,76,137,.1)}.timeline-item>span{width:54px;height:54px;display:grid;place-items:center;border-radius:17px;background:linear-gradient(135deg,#e9fbff,#f0edff,#fff0f8);color:#7058f4;font:700 13px 'Space Grotesk';border:1px solid rgba(104,86,255,.11)}.timeline-item h3{font:700 27px 'Space Grotesk';color:#17213d;margin:0 0 10px}.timeline-item p{color:#687691;line-height:1.78;margin:0}
.tech-category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.tech-category{padding:36px;border:1px solid rgba(51,78,140,.1);border-radius:24px;background:#fff;box-shadow:0 10px 30px rgba(53,80,141,.055)}.tech-category h2{font:700 29px 'Space Grotesk';color:#18223e;margin:14px 0}.tech-category p{color:#687691;line-height:1.8}.code-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.code-feature h2{font:700 46px/1.05 'Space Grotesk';color:#17213d;letter-spacing:-2px}.code-feature p{color:#687691;line-height:1.8}
.demo-directory{display:grid;gap:30px}.demo-directory-card{display:grid;grid-template-columns:1.08fr .92fr;border-radius:28px;background:#fff;border:1px solid rgba(51,78,140,.09);overflow:hidden;box-shadow:0 18px 48px rgba(52,80,142,.08);transition:.2s}.demo-directory-card:hover{transform:translateY(-4px);box-shadow:0 25px 60px rgba(52,80,142,.13)}.demo-card-media{min-height:360px}.demo-card-media .image-slot,.demo-card-media .image-placeholder{height:100%;min-height:360px;border-radius:0;box-shadow:none;border:0}.demo-card-copy{padding:42px}.demo-card-copy h2{font:700 34px 'Space Grotesk';color:#18223d;margin:35px 0 13px}.demo-card-copy p{color:#6a7892;line-height:1.75}.demo-card-copy b{display:block;margin-top:25px;color:#6658ee;font-size:12px}
.case-study-list{display:grid;gap:70px}.case-study{display:grid;grid-template-columns:1.08fr .92fr;gap:60px;align-items:center}.case-study.reverse .case-study-media{order:2}.case-study-media .image-slot{height:500px}.case-study-media .image-placeholder{min-height:500px}.case-study-copy h2{font:700 44px 'Space Grotesk';color:#17213c;margin:14px 0}.case-study-copy>p{color:#65738e;line-height:1.82}.case-note{font-size:12px!important;padding:14px 16px;background:#f3f7ff;border-left:3px solid #715bf4;border-radius:0 12px 12px 0;margin-top:20px}.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.contact-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:start}.form-shell{max-width:none}.form-shell h2{font:700 38px 'Space Grotesk';margin:14px 0}.contact-aside{display:grid;gap:18px}.contact-info-card{padding:30px;border-radius:24px;background:#fff;border:1px solid rgba(51,78,140,.1);box-shadow:0 12px 35px rgba(53,80,141,.06)}.contact-info-card h3{font:700 24px 'Space Grotesk';color:#18223e;margin:16px 0}.contact-info-card p{color:#6b7893;line-height:1.75}.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}.legal-copy{max-width:850px}.legal-copy h2{font:700 30px 'Space Grotesk';color:#17213c;margin:42px 0 12px}.legal-copy p{color:#64728e;line-height:1.9}
.footer-logo-slot{width:48px;height:48px}

@media(max-width:1080px){.company-hero-grid,.page-banner-grid{gap:40px}.professional-card-grid{grid-template-columns:repeat(2,1fr)}.solution-strip{grid-template-columns:repeat(2,1fr)}.process-row{grid-template-columns:repeat(2,1fr)}.reason-grid{grid-template-columns:repeat(2,1fr)}.case-study{gap:35px}.nav-dropdown-wide{min-width:330px}}
@media(max-width:860px){.company-hero-grid,.page-banner-grid,.feature-split,.showcase-grid,.split-intro,.editorial-grid,.code-feature,.contact-layout,.demo-directory-card,.case-study{grid-template-columns:1fr}.company-hero{padding-top:55px}.company-hero h1{letter-spacing:-2.7px}.image-slot-hero{height:460px}.image-slot-hero .image-placeholder{min-height:460px}.page-banner .image-slot{height:390px}.page-banner .image-placeholder{min-height:390px}.media-accent-card{left:15px}.feature-split.reverse .feature-media,.case-study.reverse .case-study-media{order:initial}.feature-split.text-first .feature-copy,.feature-split.text-first .feature-media{order:initial}.solution-directory-grid,.dual-cta,.tech-category-grid{grid-template-columns:1fr}.service-directory-item{grid-template-columns:50px 1fr}.service-directory-item b{grid-column:2}.related-links{grid-template-columns:1fr}.case-study-media .image-slot{height:430px}.case-study-media .image-placeholder{min-height:430px}}
@media(max-width:640px){.company-hero h1,.page-banner h1{font-size:46px;letter-spacing:-2.3px}.page-banner{padding:60px 0 52px}.page-banner.simple h1{font-size:46px}.company-hero{padding:54px 0 70px}.professional-card-grid,.professional-card-grid.three,.reason-grid,.solution-strip,.process-row{grid-template-columns:1fr}.professional-card{min-height:230px}.professional-card h3{margin-top:32px}.feature-media .image-slot,.feature-media .image-placeholder{height:auto;min-height:360px}.image-slot-hero,.image-slot-hero .image-placeholder{height:auto;min-height:390px}.page-banner .image-slot,.page-banner .image-placeholder{height:auto;min-height:330px}.showcase-images .image-slot,.showcase-images .image-placeholder{height:auto;min-height:330px}.display-title,.section-heading-centered h2,.feature-copy h2,.editorial-kicker h2,.showcase-grid h2{letter-spacing:-1.8px}.timeline-item{grid-template-columns:54px 1fr;gap:17px}.timeline-item>span{width:46px;height:46px}.timeline-item h3{font-size:23px}.service-directory-item{padding:22px 18px;gap:14px}.service-directory-item h2{font-size:20px}.solution-directory-card{padding:28px}.demo-card-copy{padding:28px}.demo-card-copy h2{font-size:28px}.case-study-copy h2{font-size:36px}.case-study-media .image-slot,.case-study-media .image-placeholder{height:auto;min-height:340px}.form-shell{padding:24px}.contact-info-card{padding:24px}}