.website-development-page{--red:#e50914;--red-dark:#b00710;--red-deep:#8a060d;--red-soft:#fef1f2;--red-tint:#fddddf;--red-glow:#e5091466;--ink:#0f172a;--ink-2:#1e293b;--slate:#475569;--muted:#64748b;--faint:#94a3b8;--line:#e2e8f0;--bg-soft:#f8fafc;--white:#fff;--green:#16a34a;--green-soft:#dcfce7;--shadow-sm:0 1px 2px #0f172a0f,0 1px 3px #0f172a14;--shadow-md:0 4px 6px -1px #0f172a12,0 10px 24px -6px #0f172a1a;--shadow-lg:0 20px 50px -12px #0f172a2e;--font-display:"Sora",system-ui,sans-serif;--font-body:"Inter",system-ui,sans-serif;background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.6;font-family:var(--font-body);position:relative;overflow-x:hidden}.website-development-page img,.website-development-page svg{max-width:100%;display:block}.website-development-page a{color:inherit;text-decoration:none}.website-development-page button{cursor:pointer;font-family:inherit}.website-development-page .container{width:100%;margin:0 auto;padding:0 24px}@media (min-width:1280px){.website-development-page .container{max-width:1280px}}@media (min-width:1536px){.website-development-page .container{max-width:1536px}}.website-development-page section{position:relative}.website-development-page h1,.website-development-page h2,.website-development-page h3{font-family:var(--font-display);letter-spacing:-.02em}.website-development-page h2.section-title{color:var(--ink);font-size:clamp(28px,3.8vw,40px);font-weight:800;line-height:1.15}.website-development-page .section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--red);background:var(--red-soft);border:1px solid var(--red-tint);border-radius:999px;align-items:center;gap:8px;margin-bottom:18px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.website-development-page .section-kicker:before{content:"";background:var(--red);border-radius:50%;width:6px;height:6px}.website-development-page .section-sub{color:var(--muted);max-width:700px;margin-top:14px;font-size:16.5px}.website-development-page .section-head{flex-direction:column;align-items:flex-start;margin-bottom:54px;display:flex}.website-development-page .section-head.center{text-align:center;align-items:center}.website-development-page .section-head.center .section-sub{margin-left:auto;margin-right:auto}.website-development-page .btn{white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:15px 28px;font-size:15.5px;font-weight:600;transition:all .25s cubic-bezier(.4,0,.2,1);display:inline-flex}.website-development-page .btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 30px -8px var(--red-glow)}.website-development-page .btn-primary:hover{background:var(--red-dark);box-shadow:0 16px 36px -8px var(--red-glow);transform:translateY(-2px)}.website-development-page .btn-secondary{color:var(--ink);border:1.5px solid var(--line);box-shadow:var(--shadow-sm);background:#fff}.website-development-page .btn-secondary:hover{border-color:var(--faint);box-shadow:var(--shadow-md);transform:translateY(-2px)}.website-development-page .btn .arrow{transition:transform .25s}.website-development-page .btn:hover .arrow{transform:translate(3px)}.website-development-page .reveal{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transition-delay:var(--d,0s);transform:translateY(28px)}.website-development-page .reveal.in{opacity:1;transform:none}.website-development-page .reveal-left{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(-44px)}.website-development-page .reveal-right{opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transform:translate(44px)}.website-development-page .reveal-left.in,.website-development-page .reveal-right.in{opacity:1;transform:none}.website-development-page .hero{background:radial-gradient(900px 480px at 85% -10%, #eb141414, transparent 50%), radial-gradient(620px 420px at -10% 45%, #3c83f60a, transparent 50%), var(--white);padding:180px 0 100px;overflow:hidden}.website-development-page .hero:before{content:"";pointer-events:none;background-image:linear-gradient(#0f172a09 1px,#0000 1px),linear-gradient(90deg,#0f172a09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 65% at 60% 10%,#000 25%,#0000 75%);mask-image:radial-gradient(80% 65% at 60% 10%,#000 25%,#0000 75%)}.website-development-page .hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid;position:relative}.website-development-page .crumb{color:var(--faint);align-items:center;gap:9px;margin-bottom:22px;font-size:13px;font-weight:500;display:flex}.website-development-page .crumb a:hover{color:var(--ink)}.website-development-page .crumb .sep{opacity:.6}.website-development-page .crumb .cur{color:var(--red)}.website-development-page .hero h1{color:var(--ink);margin-bottom:22px;font-size:clamp(38px,5vw,58px);font-weight:800;line-height:1.06}.website-development-page .hero h1 .wd-badge{background:var(--red);color:#fff;vertical-align:6%;width:.92em;height:.92em;box-shadow:0 8px 22px -6px var(--red-glow);border-radius:.2em;place-items:center;margin-right:.22em;font-family:ui-monospace,monospace;font-size:.46em;font-weight:800;display:inline-grid}.website-development-page .hero-sub{color:var(--muted);max-width:540px;margin-bottom:36px;font-size:18px;line-height:1.7}.website-development-page .hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.website-development-page .hero-note{color:var(--faint);align-items:center;gap:8px;margin-top:22px;font-size:13px;display:flex}.website-development-page .hero-note .pulse{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot-web}@keyframes pulse-dot-web{0%,to{box-shadow:0 0 #16a34a73}50%{box-shadow:0 0 0 7px #16a34a00}}.website-development-page .hero-visual{height:420px;position:relative}@keyframes hv-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.website-development-page .browser{border:1px solid var(--line);width:88%;box-shadow:var(--shadow-lg);background:#fff;border-radius:16px;animation:7s ease-in-out infinite hv-float;position:absolute;top:14px;left:0;overflow:hidden}.website-development-page .browser-bar{background:var(--bg-soft);border-bottom:1px solid var(--line);align-items:center;gap:6px;padding:11px 14px;display:flex}.website-development-page .browser-bar i{border-radius:50%;width:9px;height:9px}.website-development-page .browser-bar i:first-child{background:#fca5a5}.website-development-page .browser-bar i:nth-child(2){background:#fcd34d}.website-development-page .browser-bar i:nth-child(3){background:#86efac}.website-development-page .browser-url{border:1px solid var(--line);color:var(--faint);background:#fff;border-radius:7px;flex:1;margin-left:8px;padding:4px 11px;font-size:10px;font-weight:600}.website-development-page .browser-stage{height:282px;padding:16px;position:relative}.website-development-page .wf{border:1.5px dashed var(--faint);background:0 0;border-radius:8px;animation:7s infinite wf-fill;position:absolute}.website-development-page .wf-nav{--fill:linear-gradient(90deg,#0f172a,#1e293b);height:26px;top:16px;left:16px;right:16px}.website-development-page .wf-hero{--fill:linear-gradient(135deg,#e50914,#8a060d);width:55%;height:104px;top:52px;left:16px}.website-development-page .wf-side{--fill:#f1f5f9;width:38%;height:104px;top:52px;right:16px}.website-development-page .wf-a{--fill:#fef1f2;width:30%;height:64px;top:168px;left:16px}.website-development-page .wf-b{--fill:#f1f5f9;width:30%;height:64px;top:168px;left:calc(30% + 26px)}.website-development-page .wf-c{--fill:#0f172a;width:30%;height:64px;top:168px;right:16px}.website-development-page .wf-cta{--fill:linear-gradient(90deg,#e50914,#b00710);border-radius:99px;width:32%;height:24px;top:244px;left:16px}.website-development-page .wf:nth-child(2){animation-delay:.25s}.website-development-page .wf:nth-child(3){animation-delay:.5s}.website-development-page .wf:nth-child(4){animation-delay:.75s}.website-development-page .wf:nth-child(5){animation-delay:1s}.website-development-page .wf:nth-child(6){animation-delay:1.25s}.website-development-page .wf:nth-child(7){animation-delay:1.5s}@keyframes wf-fill{0%,6%{border-style:dashed;border-color:var(--faint);background:0 0}16%,78%{background:var(--fill);border-style:solid;border-color:#0000}92%,to{border-style:dashed;border-color:var(--faint);background:0 0}}.website-development-page .wf-label{letter-spacing:.14em;text-transform:uppercase;color:var(--faint);white-space:nowrap;align-items:center;gap:7px;font-size:9.5px;font-weight:800;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.website-development-page .wf-label .sw{background:var(--line);border-radius:3px;width:30px;height:5px;position:relative;overflow:hidden}.website-development-page .wf-label .sw:after{content:"";background:var(--red);transform-origin:0;animation:7s infinite sw-fill;position:absolute;inset:0;transform:scaleX(0)}@keyframes sw-fill{0%,6%{transform:scaleX(0)}30%,78%{transform:scaleX(1)}92%,to{transform:scaleX(0)}}.website-development-page .metric-chip{border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-md);opacity:0;background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:12px;font-weight:700;animation:7s infinite metric-pop;display:flex;position:absolute}.website-development-page .metric-chip .ic{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:19px;height:19px;font-size:9.5px;font-weight:800;display:grid}.website-development-page .mc-1{animation-delay:2s;top:54px;right:0}.website-development-page .mc-1 .ic{background:var(--green)}.website-development-page .mc-2{animation-delay:2.7s;top:142px;right:-8px}.website-development-page .mc-2 .ic{background:var(--red)}.website-development-page .mc-3{animation-delay:3.4s;top:230px;right:14px}.website-development-page .mc-3 .ic{background:#2563eb}@keyframes metric-pop{0%{opacity:0;transform:translate(14px)scale(.9)}6%{opacity:1;transform:none}72%{opacity:1}84%,to{opacity:0;transform:translateY(-8px)}}.website-development-page .speed-chip{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#fff;border-radius:12px;align-items:center;gap:9px;padding:11px 16px;animation:6.5s ease-in-out 1s infinite hv-float;display:flex;position:absolute;bottom:0;left:14px}.website-development-page .speed-ring{background:conic-gradient(var(--green) 350deg,var(--line) 0);border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.website-development-page .speed-ring i{width:25px;height:25px;color:var(--green);background:#fff;border-radius:50%;place-items:center;font-size:9.5px;font-style:normal;font-weight:800;display:grid}.website-development-page .speed-chip .l{color:var(--muted);font-size:11px;font-weight:600;line-height:1.35}.website-development-page .overview{border-top:1px solid var(--line);padding:104px 0}.website-development-page .ov-grid{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.website-development-page .ov-desc{color:var(--muted);margin-top:14px;font-size:16.5px;line-height:1.75}.website-development-page .ov-desc b{color:var(--ink-2)}.website-development-page .ov-points{flex-direction:column;gap:14px;margin-top:28px;display:flex}.website-development-page .ov-point{align-items:flex-start;gap:13px;display:flex}.website-development-page .ov-point .ck{background:var(--red-soft);border:1px solid var(--red-tint);width:22px;height:22px;color:var(--red);border-radius:50%;flex-shrink:0;place-items:center;margin-top:2px;font-size:10px;font-weight:800;display:grid}.website-development-page .ov-point p{color:var(--slate);font-size:14.5px}.website-development-page .ov-point p b{color:var(--ink)}.website-development-page .funnel-card{background:linear-gradient(180deg, var(--white), var(--bg-soft));border:1px solid #0f172a0f;border-radius:24px;padding:32px;position:relative;box-shadow:0 10px 30px -10px #0f172a14}.website-development-page .funnel-title{letter-spacing:.12em;text-transform:uppercase;color:var(--faint);justify-content:space-between;align-items:center;margin-bottom:20px;font-size:11px;font-weight:800;display:flex}.website-development-page .funnel-title .live{color:var(--green);letter-spacing:.06em;align-items:center;gap:6px;display:flex}.website-development-page .funnel-title .live:before{content:"";background:var(--green);border-radius:50%;width:7px;height:7px;animation:1.8s infinite pulse-dot-live}@keyframes pulse-dot-live{0%,to{box-shadow:0 0 #16a34a73}50%{box-shadow:0 0 0 7px #16a34a00}}.website-development-page .funnel-row{align-items:center;gap:12px;margin-bottom:14px;display:flex}.website-development-page .funnel-row:last-child{margin-bottom:0}.website-development-page .funnel-label{width:128px;color:var(--ink-2);flex-shrink:0;font-size:12.5px;font-weight:700}.website-development-page .funnel-track{background:var(--bg-soft);border-radius:8px;flex:1;height:26px;overflow:hidden}.website-development-page .funnel-fill{color:#fff;height:100%;font-size:10.5px;font-weight:800;font-family:var(--font-display);width:0;transition:width 1.4s cubic-bezier(.4,0,.2,1);transition-delay:var(--fd,0s);border-radius:8px;justify-content:flex-end;align-items:center;padding-right:9px;display:flex}.website-development-page .ff-1{background:linear-gradient(90deg,#475569,#1e293b)}.website-development-page .ff-2{background:linear-gradient(90deg,#b00710,#e50914)}.website-development-page .ff-3{background:linear-gradient(90deg,#e50914,#ff4a52)}.website-development-page .ov-grid.in .ff-1{width:100%}.website-development-page .ov-grid.in .ff-2{width:62%}.website-development-page .ov-grid.in .ff-3{width:34%}.website-development-page .funnel-note{border-top:1px dashed var(--line);color:var(--muted);margin-top:18px;padding-top:16px;font-size:12.5px}.website-development-page .funnel-note b{color:var(--red)}.website-development-page .services{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:104px 0}.website-development-page .svc-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.website-development-page .svc-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;padding:32px 28px;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s;display:flex;position:relative;overflow:hidden}.website-development-page .svc-card:before{content:"";background:linear-gradient(90deg, var(--red), var(--red-dark));transform-origin:0;height:3px;transition:transform .4s cubic-bezier(.16,1,.3,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.website-development-page .svc-card:hover{box-shadow:0 24px 56px -16px #e509142e, var(--shadow-lg);border-color:var(--red-tint);transform:translateY(-6px)}.website-development-page .svc-card:hover:before{transform:scaleX(1)}.website-development-page .svc-ic{background:var(--red-soft);border:1px solid var(--red-tint);border-radius:14px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.website-development-page .svc-ic svg{width:25px;height:25px;stroke:var(--red);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.website-development-page .svc-card h3{margin-bottom:10px;font-size:19px;font-weight:700;line-height:1.3}.website-development-page .svc-card>p{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.65}.website-development-page .svc-feats{border-top:1px solid var(--line);flex-direction:column;gap:9px;margin-top:auto;padding-top:18px;list-style:none;display:flex}.website-development-page .svc-feats li{color:var(--slate);align-items:flex-start;gap:10px;font-size:13px;line-height:1.5;display:flex}.website-development-page .svc-feats li:before{content:"✓";color:var(--red);background:var(--red-soft);border:1px solid var(--red-tint);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:800;display:grid}.website-development-page .process{padding:104px 0}.website-development-page .process-track{grid-template-columns:repeat(6,1fr);gap:14px;margin-top:10px;display:grid;position:relative}.website-development-page .process-line{background:var(--line);z-index:0;border-radius:3px;height:3px;position:absolute;top:27px;left:6%;right:6%}.website-development-page .process-line .fill{background:linear-gradient(90deg, var(--red), var(--red-dark));transform-origin:0;border-radius:3px;width:100%;height:100%;display:block;transform:scaleX(0);box-shadow:0 0 10px #e5091459}.website-development-page .process.in .process-line .fill{animation:2.6s cubic-bezier(.4,0,.2,1) .2s forwards proc-line}@keyframes proc-line{to{transform:scaleX(1)}}.website-development-page .process-step{z-index:1;text-align:center;opacity:0;position:relative;transform:translateY(18px)}.website-development-page .process.in .process-step{animation:.6s cubic-bezier(.16,1,.3,1) forwards step-in;animation-delay:calc(var(--i) * .4s + .1s)}@keyframes step-in{to{opacity:1;transform:none}}.website-development-page .step-dot{border:2px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;transition:border-color .3s;display:grid;position:relative}.website-development-page .step-dot svg{width:23px;height:23px;stroke:var(--faint);fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .4s}.website-development-page .process.in .process-step .step-dot{animation:.5s forwards dot-activate;animation-delay:calc(var(--i) * .4s + .4s)}@keyframes dot-activate{to{border-color:var(--red);box-shadow:0 0 0 6px var(--red-soft)}}.website-development-page .process.in .process-step .step-dot svg{animation:.5s forwards icon-activate;animation-delay:calc(var(--i) * .4s + .4s)}@keyframes icon-activate{to{stroke:var(--red)}}.website-development-page .step-name{color:var(--ink);margin-bottom:5px;font-size:14px;font-weight:700;line-height:1.3}.website-development-page .step-desc{color:var(--muted);padding:0 2px;font-size:12px;line-height:1.55}.website-development-page .matters{background:var(--ink);color:#fff;padding:104px 0;overflow:hidden}.website-development-page .matters:before{content:"";background:radial-gradient(800px 420px at 82% -5%,#e509142e,#0000 60%),radial-gradient(620px 400px at 5% 105%,#e509141a,#0000 60%);position:absolute;inset:0}.website-development-page .matters .container{position:relative}.website-development-page .matters .section-kicker{color:#ff8a90;background:#e5091426;border-color:#e5091466}.website-development-page .matters .section-title{color:#fff}.website-development-page .matters .section-sub{color:#a1a1aa;max-width:760px}.website-development-page .matters-stats{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:54px;display:grid}.website-development-page .ms-card{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:18px;padding:32px 28px;transition:border-color .3s,transform .3s,background .3s}.website-development-page .ms-card:hover{background:#ffffff12;border-color:#e5091480;transform:translateY(-5px)}.website-development-page .ms-num{font-family:var(--font-display);color:#ff4a52;text-shadow:0 0 30px #e5091473;font-size:clamp(40px,5vw,56px);font-weight:800;line-height:1}.website-development-page .ms-num small{font-size:.45em;font-weight:700}.website-development-page .ms-card p{color:#a1a1aa;margin-top:12px;font-size:14px;line-height:1.65}.website-development-page .ms-card p b{color:#fff}.website-development-page .matters-tag{text-align:center;font-family:var(--font-display);color:#fff;margin-top:46px;font-size:clamp(18px,2.4vw,24px);font-weight:700}.website-development-page .matters-tag b{color:#ff4a52}.website-development-page .projects{padding:104px 0}.website-development-page .proj-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.website-development-page .proj{border:1px solid var(--line);aspect-ratio:16/10.5;box-shadow:var(--shadow-sm);cursor:pointer;background:#fff;border-radius:16px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden}.website-development-page .proj:hover{box-shadow:var(--shadow-lg);transform:translateY(-6px)}.website-development-page .site{flex-direction:column;display:flex;position:absolute;inset:0}.website-development-page .site-nav{border-bottom:1px solid var(--line);background:#fff;flex-shrink:0;align-items:center;gap:5px;padding:8px 12px;display:flex}.website-development-page .site-nav .logo-dot{background:var(--ac);border-radius:3.5px;flex-shrink:0;width:11px;height:11px}.website-development-page .site-nav .nl{background:var(--line);border-radius:3px;width:18px;height:4px}.website-development-page .site-nav .nb{background:var(--ac);border-radius:99px;width:34px;height:11px;margin-left:auto}.website-development-page .site-hero{background:linear-gradient(135deg,var(--ac),var(--ac2));flex:1.35;padding:13px 14px;position:relative}.website-development-page .site-hero .h-ln{background:#ffffffe6;border-radius:4px;width:56%;height:7px;margin-bottom:6px}.website-development-page .site-hero .h-ln2{background:#ffffff80;border-radius:3px;width:38%;height:5px;margin-bottom:9px}.website-development-page .site-hero .h-btn{background:#fff;border-radius:99px;width:42px;height:13px}.website-development-page .site-hero .h-art{background:#ffffff38;border:1px solid #ffffff59;border-radius:9px;width:30%;position:absolute;top:12px;bottom:12px;right:12px}.website-development-page .site-body{background:var(--bg-soft);flex:1;gap:8px;padding:10px 12px;display:flex}.website-development-page .site-blk{border:1px solid var(--line);background:#fff;border-radius:7px;flex:1;padding:7px}.website-development-page .site-blk .b-ic{background:var(--ac);opacity:.85;border-radius:4px;width:12px;height:12px;margin-bottom:5px}.website-development-page .site-blk .b-ln{background:var(--line);border-radius:3px;height:3.5px;margin-bottom:3px}.website-development-page .site-blk .b-ln.s{width:60%}.website-development-page .proj-ov{opacity:0;background:linear-gradient(#0a0a0c00 30%,#0a0a0ce0 78%);flex-direction:column;justify-content:flex-end;padding:18px;transition:opacity .35s,transform .35s;display:flex;position:absolute;inset:0;transform:translateY(14px)}.website-development-page .proj:hover .proj-ov{opacity:1;transform:none}.website-development-page .proj-ov .pn{font-family:var(--font-display);color:#fff;font-size:15.5px;font-weight:700;line-height:1.3}.website-development-page .proj-ov .pt{color:#ffffffb3;margin:3px 0 12px;font-size:11.5px}.website-development-page .proj-ov .pv{color:#fff;background:var(--red);border-radius:999px;align-self:flex-start;align-items:center;gap:7px;padding:7px 15px;font-size:11.5px;font-weight:700;display:inline-flex}.website-development-page .devices{margin-top:84px}.website-development-page .devices-grid{grid-template-columns:1.35fr 1fr;align-items:end;gap:54px;display:grid}.website-development-page .laptop{position:relative}.website-development-page .laptop-screen{box-shadow:var(--shadow-lg);background:#fff;border:10px solid #1e293b;border-bottom-width:14px;border-radius:16px 16px 0 0;overflow:hidden}.website-development-page .laptop-base{background:linear-gradient(#334155,#1e293b);border-radius:0 0 14px 14px;height:14px;margin:0 -26px;position:relative}.website-development-page .laptop-base:after{content:"";background:#0f172a;border-radius:0 0 6px 6px;width:90px;height:5px;position:absolute;top:0;left:50%;transform:translate(-50%)}.website-development-page .dash{height:264px;display:flex}.website-development-page .dash-side{background:#0f172a;flex-direction:column;flex-shrink:0;gap:9px;width:64px;padding:12px 10px;display:flex}.website-development-page .dash-side .s-logo{background:var(--red);color:#fff;width:24px;height:24px;font-size:10px;font-weight:800;font-family:var(--font-display);border-radius:7px;place-items:center;margin-bottom:8px;display:grid}.website-development-page .dash-side .s-item{background:#ffffff24;border-radius:4px;height:7px}.website-development-page .dash-side .s-item.on{background:var(--red)}.website-development-page .dash-main{background:var(--bg-soft);flex:1;padding:13px 15px;overflow:hidden}.website-development-page .dash-top{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.website-development-page .dash-title{color:var(--ink);font-size:11.5px;font-weight:800;font-family:var(--font-display)}.website-development-page .dash-title span{color:var(--red)}.website-development-page .dash-pill{color:var(--green);background:var(--green-soft);border-radius:99px;padding:3px 9px;font-size:8.5px;font-weight:700}.website-development-page .dash-stats{grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px;display:grid}.website-development-page .dstat{border:1px solid var(--line);background:#fff;border-radius:9px;padding:9px 10px}.website-development-page .dstat .v{font-family:var(--font-display);color:var(--ink);font-size:14px;font-weight:800}.website-development-page .dstat .k{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:8px;font-weight:600}.website-development-page .dstat:first-child .v{color:var(--red)}.website-development-page .dash-rows{border:1px solid var(--line);background:#fff;border-radius:10px;padding:4px 11px}.website-development-page .drow{border-bottom:1px solid var(--bg-soft);align-items:center;gap:9px;padding:7px 0;display:flex}.website-development-page .drow:last-child{border-bottom:none}.website-development-page .drow .d-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.website-development-page .drow .d-ln{background:var(--line);border-radius:3px;flex:1;height:5px}.website-development-page .drow .d-pct{color:var(--green);flex-shrink:0;font-size:8.5px;font-weight:800}.website-development-page .phone-wrap{flex-direction:column;align-items:center;display:flex}.website-development-page .phone{width:206px;box-shadow:var(--shadow-lg);background:#fff;border:9px solid #1e293b;border-radius:30px;position:relative;overflow:hidden}.website-development-page .phone:before{content:"";z-index:2;background:#1e293b;border-radius:99px;width:64px;height:14px;position:absolute;top:7px;left:50%;transform:translate(-50%)}.website-development-page .phone-screen{flex-direction:column;height:336px;display:flex}.website-development-page .app-head{background:linear-gradient(135deg,var(--red),#8a060d);color:#fff;padding:26px 14px 11px}.website-development-page .app-head .ah-t{font-family:var(--font-display);font-size:11.5px;font-weight:800}.website-development-page .app-head .ah-s{opacity:.8;margin-top:2px;font-size:8.5px}.website-development-page .scan-zone{border:2px dashed var(--red-tint);border-radius:12px;margin:11px 13px;padding:11px;position:relative;overflow:hidden}.website-development-page .scan-zone .biz-card{background:var(--bg-soft);border:1px solid var(--line);border-radius:8px;padding:8px 10px}.website-development-page .biz-card .bc-name{background:var(--ink-2);border-radius:3px;width:55%;height:6px;margin-bottom:4px}.website-development-page .biz-card .bc-ln{background:var(--line);border-radius:3px;width:75%;height:4px;margin-bottom:3px}.website-development-page .biz-card .bc-ln.s{width:48%}.website-development-page .scan-line{background:var(--red);height:2px;animation:2.6s ease-in-out infinite scan-sweep-web;position:absolute;left:8px;right:8px;box-shadow:0 0 10px #e5091499}@keyframes scan-sweep-web{0%,to{top:14%}50%{top:82%}}.website-development-page .scan-tag{text-align:center;color:var(--red);margin-top:-3px;font-size:8.5px;font-weight:700}.website-development-page .app-rows{flex-direction:column;flex:1;gap:7px;padding:6px 13px 12px;display:flex}.website-development-page .app-row{background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;align-items:center;gap:8px;padding:7px 9px;display:flex}.website-development-page .app-row .ar-av{background:linear-gradient(135deg,#475569,#1e293b);border-radius:50%;flex-shrink:0;width:18px;height:18px}.website-development-page .app-row .ar-ln{background:var(--line);border-radius:3px;flex:1;height:4.5px}.website-development-page .app-row .ar-ok{color:var(--green);flex-shrink:0;font-size:8px;font-weight:800}.website-development-page .devices-caption{text-align:center;color:var(--muted);margin-top:34px;font-size:13.5px;font-weight:600}.website-development-page .devices-caption b{color:var(--red)}.website-development-page .stack{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:88px 0}.website-development-page .stack-grid{grid-template-columns:repeat(6,1fr);gap:14px;display:grid}.website-development-page .tech{border:1px solid var(--line);filter:grayscale();opacity:.65;cursor:default;background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:9px;padding:20px 10px;transition:filter .3s,opacity .3s,transform .3s,border-color .3s,box-shadow .3s;display:flex}.website-development-page .tech:hover{filter:grayscale(0);opacity:1;border-color:var(--tc);box-shadow:0 12px 24px -8px var(--tc);transform:translateY(-4px)}.website-development-page .tech .t-ic{width:38px;height:38px;font-family:var(--font-display);color:#fff;background:var(--tc,#475569);border-radius:11px;place-items:center;font-size:14px;font-weight:800;display:grid}.website-development-page .tech .t-name{color:var(--slate);text-align:center;font-size:11.5px;font-weight:700;line-height:1.3}.website-development-page .packages{padding:104px 0}.website-development-page .pkg-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.website-development-page .pkg{background:var(--white);border:1.5px solid #0f172a0d;border-radius:24px;flex-direction:column;padding:40px 32px;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 4px 16px #0f172a05}.website-development-page .pkg:hover{border-color:var(--red-tint);transform:translateY(-6px);box-shadow:0 20px 40px -12px #0f172a14}.website-development-page .pkg.featured{border-color:var(--red);background:linear-gradient(180deg, var(--white), var(--red-soft) 95%);box-shadow:0 24px 60px -16px #e5091438}.website-development-page .pkg-flag{letter-spacing:.08em;text-transform:uppercase;background:var(--red);color:#fff;white-space:nowrap;border-radius:999px;padding:5px 16px;font-size:11px;font-weight:800;position:absolute;top:-13px;left:50%;transform:translate(-50%)}.website-development-page .pkg h3{margin-bottom:6px;font-size:20px;font-weight:700}.website-development-page .pkg .pkg-sub{color:var(--muted);margin-bottom:22px;font-size:13px}.website-development-page .pkg ul{flex-direction:column;gap:11px;margin-bottom:28px;list-style:none;display:flex}.website-development-page .pkg li{color:var(--slate);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.website-development-page .pkg li:before{content:"✓";color:var(--red);background:var(--red-soft);border:1px solid var(--red-tint);border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;margin-top:1px;font-size:10px;font-weight:800;display:grid}.website-development-page .pkg .delivery{color:var(--ink-2);background:var(--bg-soft);border:1px solid var(--line);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;margin-bottom:18px;padding:7px 15px;font-size:12.5px;font-weight:700;display:inline-flex}.website-development-page .pkg .delivery:before{content:"⏱";font-size:12px}.website-development-page .pkg .btn{width:100%}.website-development-page .results{background:var(--bg-soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:104px 0}.website-development-page .res-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.website-development-page .res-card{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;transition:transform .35s,box-shadow .35s,border-color .35s;display:flex;overflow:hidden}.website-development-page .res-card:hover{box-shadow:var(--shadow-lg);border-color:var(--red-tint);transform:translateY(-6px)}.website-development-page .res-head{background:linear-gradient(140deg,var(--ink),var(--ink-2));color:#fff;padding:22px 26px}.website-development-page .res-head .rc{letter-spacing:.1em;text-transform:uppercase;color:#ff8a90;margin-bottom:6px;font-size:11px;font-weight:700}.website-development-page .res-head h3{font-size:17px;font-weight:700;line-height:1.35}.website-development-page .res-body{flex-direction:column;flex:1;gap:16px;padding:22px 26px 26px;display:flex}.website-development-page .res-item .rl{letter-spacing:.1em;text-transform:uppercase;color:var(--faint);align-items:center;gap:7px;margin-bottom:4px;font-size:10.5px;font-weight:800;display:flex}.website-development-page .res-item .rl:before{content:"";background:var(--line);border-radius:50%;width:6px;height:6px}.website-development-page .res-item.outcome .rl{color:var(--red)}.website-development-page .res-item.outcome .rl:before{background:var(--red)}.website-development-page .res-item p{color:var(--slate);font-size:13.5px;line-height:1.6}.website-development-page .res-item.outcome{background:var(--red-soft);border:1px solid var(--red-tint);border-radius:13px;margin-top:auto;padding:14px 16px}.website-development-page .res-item.outcome p{color:var(--ink-2);font-weight:600}.website-development-page .cta-final{padding:104px 0}.website-development-page .cta-banner{text-align:center;background:linear-gradient(140deg,#7a060c 0%,var(--red-dark) 45%,var(--red) 100%);border-radius:28px;padding:clamp(56px,8vw,84px) 32px;position:relative;overflow:hidden;box-shadow:0 30px 70px -20px #e5091473}.website-development-page .cta-banner:before{content:"";background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:42px 42px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 90%,#000 20%,#0000 78%);mask-image:radial-gradient(70% 90%,#000 20%,#0000 78%)}.website-development-page .cta-banner h2{color:#fff;max-width:780px;margin:0 auto 16px;font-size:clamp(28px,4.2vw,44px);font-weight:800;line-height:1.15;position:relative}.website-development-page .cta-banner p{color:#ffffffd9;max-width:640px;margin:0 auto 32px;font-size:16.5px;position:relative}.website-development-page .btn-white{color:var(--red-deep);background:#fff;position:relative;box-shadow:0 14px 36px -10px #0006}.website-development-page .btn-white:hover{background:#fff5f5;transform:translateY(-2px)}.website-development-page .cta-secondary{color:#ffffffd9;border-bottom:1px solid #fff6;align-items:center;gap:7px;margin-left:22px;padding-bottom:2px;font-size:14.5px;font-weight:600;transition:color .25s,border-color .25s;display:inline-flex;position:relative}.website-development-page .cta-secondary:hover{color:#fff;border-color:#fff}@media (max-width:1024px){.website-development-page .hero-grid{grid-template-columns:1fr;gap:60px}.website-development-page .hero-visual{width:100%;max-width:560px;margin:0 auto}.website-development-page .ov-grid{grid-template-columns:1fr;gap:48px}.website-development-page .svc-grid,.website-development-page .res-grid{grid-template-columns:1fr;max-width:560px;margin-left:auto;margin-right:auto}.website-development-page .process-track{grid-template-columns:repeat(3,1fr);row-gap:40px}.website-development-page .process-line{display:none}.website-development-page .matters-stats{grid-template-columns:1fr}.website-development-page .proj-grid{grid-template-columns:1fr 1fr}.website-development-page .devices-grid{grid-template-columns:1fr;justify-items:center;gap:64px}.website-development-page .laptop{width:100%;max-width:560px}.website-development-page .stack-grid{grid-template-columns:repeat(4,1fr)}.website-development-page .pkg-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto}}@media (max-width:760px){.website-development-page .hero{padding-top:140px}.website-development-page .hero h1{font-size:36px}.website-development-page .process-track{grid-template-columns:1fr 1fr}.website-development-page .proj-grid{grid-template-columns:1fr}.website-development-page .stack-grid{grid-template-columns:repeat(3,1fr)}.website-development-page .cta-secondary{margin-top:18px;margin-left:0;display:inline-flex}.website-development-page .dash-stats{grid-template-columns:repeat(2,1fr)}.website-development-page .hero-visual{height:440px}.website-development-page .metric-chip{display:none}.website-development-page .browser{width:100%}}