:root{--accent:#1ca9e6;--accent-dark:#1487bd;--accent-soft:#e8f6fd;--ink:#1f2933;--body:#4a5560;--muted:#7b8794;--line:#e5e9ee;--bg:#fff;--bg-alt:#f6f9fb;--dark:#1b2a32;--dark-2:#16232a;--white:#fff;--radius:14px;--radius-sm:10px;--shadow-sm:0 1px 2px #10232f0f, 0 4px 14px #10232f0f;--shadow-md:0 10px 30px #10232f1a;--shadow-lg:0 24px 60px #10232f29;--container:1180px;--header-h:76px;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-head:"Sora", var(--font-body)}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.65}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--ink);letter-spacing:-.01em;margin:0 0 .5em;font-weight:700;line-height:1.18}h1{font-size:clamp(2rem,4vw,3rem)}h2{font-size:clamp(1.6rem,3vw,2.25rem)}h3{font-size:1.35rem}h4{font-size:1.1rem}p{margin:0 0 1rem}a{color:var(--accent);text-decoration:none;transition:color .18s}a:hover{color:var(--accent-dark)}img{max-width:100%;display:block}ul{margin:0;padding:0}li{list-style:none}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.section{padding:clamp(56px,8vw,104px) 0}.section--alt{background:var(--bg-alt)}.section--tight{padding:clamp(40px,5vw,64px) 0}.section-head{text-align:center;max-width:720px;margin:0 auto clamp(36px,5vw,56px)}.section-head.left{text-align:left;margin-inline:0}.eyebrow{font:600 .78rem/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;display:inline-block}.section-head p{color:var(--muted);margin:0;font-size:1.05rem}.grid{gap:28px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (width<=900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=620px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.btn{font:600 .98rem/1 var(--font-body);cursor:pointer;white-space:nowrap;border:1.5px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:13px 26px;transition:transform .15s,box-shadow .2s,background .2s,color .2s;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px #1ca9e647}.btn-primary:hover{background:var(--accent-dark);color:#fff;transform:translateY(-2px);box-shadow:0 12px 26px #1ca9e657}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.btn-light{color:var(--ink);background:#fff}.btn-light:hover{color:var(--accent-dark);transform:translateY(-2px)}.brand{font-family:var(--font-head);color:var(--ink);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.45rem;font-weight:800;display:inline-flex}.brand:hover{color:var(--ink)}.brand b{color:var(--accent);font-weight:800}.brand .brand-mark{background:linear-gradient(135deg, var(--accent), #57c4f2);color:#fff;border-radius:9px;place-items:center;width:34px;height:34px;display:grid;box-shadow:0 6px 14px #1ca9e659}.brand .brand-mark svg{width:19px;height:19px}.site-header{z-index:50;-webkit-backdrop-filter:saturate(180%)blur(12px);backdrop-filter:saturate(180%)blur(12px);background:#ffffffdb;border-bottom:1px solid #0000;transition:border-color .2s,box-shadow .2s;position:sticky;top:0}.site-header.scrolled{border-bottom-color:var(--line);box-shadow:var(--shadow-sm)}.site-header .container{height:var(--header-h);justify-content:space-between;align-items:center;display:flex}.nav{align-items:center;gap:6px;display:flex}.nav a{color:var(--body);border-radius:999px;padding:9px 16px;font-size:.97rem;font-weight:500;position:relative}.nav a:hover{color:var(--ink);background:var(--bg-alt)}.nav a.active{color:var(--accent)}.nav a.active:after{content:"";background:var(--accent);border-radius:2px;height:2px;position:absolute;bottom:2px;left:16px;right:16px}.nav-actions{align-items:center;gap:14px;display:flex}.nav-cta{margin-left:6px}.nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.nav-toggle span,.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--ink);border-radius:2px;width:20px;height:2px;transition:transform .25s,opacity .2s;display:block}.nav-toggle span:before{transform:translateY(-6px)}.nav-toggle span:after{transform:translateY(4px)}.nav-toggle.open span{background:0 0}.nav-toggle.open span:before{transform:rotate(45deg)}.nav-toggle.open span:after{transform:rotate(-45deg)translateY(-1px)}@media (width<=860px){.nav-toggle{display:inline-flex}.nav-actions{gap:8px}.nav-cta{display:none}.nav{inset:var(--header-h) 0 auto 0;border-bottom:1px solid var(--line);box-shadow:var(--shadow-md);opacity:0;pointer-events:none;background:#fff;flex-direction:column;align-items:stretch;gap:2px;padding:14px 18px 22px;transition:transform .2s,opacity .2s;position:fixed;transform:translateY(-12px)}.nav.open{opacity:1;pointer-events:auto;transform:translateY(0)}.nav a{border-radius:10px;padding:13px 14px;font-size:1.05rem}.nav a.active:after{display:none}.nav a.active{background:var(--accent-soft)}}.hero{background:radial-gradient(1100px 520px at 78% -10%, #1ca9e629, transparent 60%), radial-gradient(800px 420px at 0% 110%, #57c4f21f, transparent 55%), var(--bg);padding:clamp(64px,9vw,120px) 0 clamp(56px,8vw,100px);position:relative;overflow:hidden}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(32px,5vw,64px);display:grid}.hero h1{margin-bottom:18px}.hero .lead{color:var(--body);max-width:36ch;font-size:clamp(1.05rem,1.6vw,1.22rem)}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:28px;display:flex}.hero-pill{border:1px solid var(--line);box-shadow:var(--shadow-sm);color:var(--body);background:#fff;border-radius:999px;align-items:center;gap:9px;margin-bottom:22px;padding:7px 15px 7px 7px;font-size:.84rem;font-weight:600;display:inline-flex}.hero-pill .dot{background:#2bd07a;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 4px #2bd07a2e}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.hero .lead{max-width:none}}.slider{border-radius:var(--radius);box-shadow:var(--shadow-lg);aspect-ratio:16/11;background:linear-gradient(150deg,#0d2330,#154357);position:relative;overflow:hidden}.slider-track{position:absolute;inset:0}.slide{opacity:0;background:radial-gradient(120% 90% at 80% 10%,#1ca9e659,#0000 60%),linear-gradient(#07161e1a,#07161ec7);flex-direction:column;justify-content:flex-end;padding:34px;transition:opacity .7s,transform .7s;display:flex;position:absolute;inset:0;transform:scale(1.04)}.slide.active{opacity:1;transform:scale(1)}.slide img.slide-art{object-fit:contain;opacity:.9;filter:drop-shadow(0 8px 18px #0000004d);width:96px;height:96px;position:absolute;top:26px;right:26px}.slide h2{color:#fff;margin-bottom:10px;font-size:1.7rem}.slide p{color:#ffffffd6;max-width:46ch;margin-bottom:16px}.slide .btn{align-self:flex-start}.slider-dots{z-index:3;gap:8px;display:flex;position:absolute;bottom:18px;left:34px}.slider-dots button{cursor:pointer;background:#fff6;border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,width .2s}.slider-dots button.active{background:#fff;border-radius:6px;width:24px}.slider-nav{cursor:pointer;z-index:3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slider-nav:hover{background:#ffffff57}.slider-nav.prev{left:14px}.slider-nav.next{right:14px}.page-header{background:radial-gradient(900px 380px at 85% -40%, #1ca9e629, transparent 60%), var(--bg-alt);border-bottom:1px solid var(--line);padding:clamp(48px,7vw,84px) 0 clamp(36px,5vw,56px)}.page-header .crumb{color:var(--muted);font-size:.9rem;font-weight:500}.page-header .crumb a{color:var(--muted)}.page-header .crumb a:hover{color:var(--accent)}.page-header h1{margin:10px 0 8px}.page-header p{color:var(--muted);max-width:60ch;margin:0}.card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);background:#fff;height:100%;padding:28px;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{box-shadow:var(--shadow-md);border-color:#d9e6ee;transform:translateY(-4px)}.card h3,.card h4{margin-bottom:10px}.card p{color:var(--body);margin:0}.icon-box .ibox-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent);border-radius:14px;place-items:center;margin-bottom:18px;display:grid}.icon-box .ibox-icon svg{width:26px;height:26px}.icon-box .step{font:700 .8rem/1 var(--font-body);color:var(--accent);letter-spacing:.1em}.work-card{padding:0;overflow:hidden}.work-card .work-media{aspect-ratio:16/10;background:var(--bg-alt);position:relative;overflow:hidden}.work-card .work-media img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.work-card:hover .work-media img{transform:scale(1.05)}.work-card .work-body{padding:22px 24px 26px}.work-card .tech{color:var(--accent);letter-spacing:.01em;margin-bottom:8px;font-size:.8rem;font-weight:600}.work-card h4{margin-bottom:8px}.work-card h4 a{color:var(--ink)}.work-card h4 a:hover{color:var(--accent)}.testimonials{position:relative}.testimonial-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);text-align:center;background:#fff;max-width:760px;margin:0 auto;padding:36px}.testimonial-card .quote-mark{color:var(--accent);height:28px;font-family:Georgia,serif;font-size:3rem;line-height:.6}.testimonial-card blockquote{color:var(--ink);margin:0 0 18px;font-size:1.12rem;line-height:1.6}.testimonial-card cite{color:var(--accent-dark);font-style:normal;font-weight:600}.testimonial-dots{justify-content:center;gap:8px;margin-top:22px;display:flex}.testimonial-dots button{cursor:pointer;background:var(--line);border:0;border-radius:50%;width:9px;height:9px;padding:0;transition:background .2s,width .2s}.testimonial-dots button.active{background:var(--accent);border-radius:6px;width:24px}.skill{margin-bottom:16px}.skill-head{color:var(--ink);justify-content:space-between;margin-bottom:7px;font-size:.92rem;font-weight:600;display:flex}.skill-head span:last-child{color:var(--accent)}.skill-track{background:var(--bg-alt);border-radius:99px;height:8px;overflow:hidden}.skill-fill{background:linear-gradient(90deg, var(--accent), #57c4f2);border-radius:99px;height:100%;transition:width 1s}.clients{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(28px,6vw,72px);display:flex}.clients a{opacity:.62;filter:grayscale();transition:opacity .2s,filter .2s}.clients a:hover{opacity:1;filter:grayscale(0)}.clients img{width:auto;max-height:46px}.team-member{align-items:flex-start;gap:20px;display:flex}.team-member img{object-fit:cover;width:84px;height:84px;box-shadow:var(--shadow-sm);border-radius:16px;flex:none}.team-member h4{margin-bottom:2px}.team-member .role{color:var(--accent);margin-bottom:8px;font-size:.9rem;font-weight:600}.about-layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:56px;display:grid}.about-layout>aside{top:calc(var(--header-h) + 24px);position:sticky}@media (width<=900px){.about-layout{grid-template-columns:1fr;gap:32px}.about-layout>aside{position:static}}.project-layout{grid-template-columns:240px 1fr;align-items:start;gap:48px;display:grid}@media (width<=800px){.project-layout{grid-template-columns:1fr;gap:28px}}.project-meta{background:var(--bg-alt);border:1px solid var(--line);border-radius:var(--radius);padding:24px}.project-meta dt{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.78rem}.project-meta dd{color:var(--ink);margin:2px 0 16px;font-weight:600}.project-meta dd:last-child{margin-bottom:0}.dropcap:first-letter{float:left;font-family:var(--font-head);color:var(--accent);padding:6px 12px 0 0;font-size:3.2rem;font-weight:800;line-height:.8}blockquote.pull{border-left:3px solid var(--accent);color:var(--ink);margin:24px 0;padding:4px 0 4px 22px;font-size:1.12rem;font-style:italic}.gallery{border-radius:var(--radius);box-shadow:var(--shadow-md);aspect-ratio:16/8;background:var(--bg-alt);position:relative;overflow:hidden}.gallery-slide{opacity:0;transition:opacity .6s;position:absolute;inset:0}.gallery-slide.active{opacity:1}.gallery-slide img{object-fit:cover;width:100%;height:100%}.gallery-caption{color:#fff;background:linear-gradient(#0000,#07161eb3);width:100%;padding:18px 24px;position:absolute;bottom:0;left:0}.gallery-caption h3{color:#fff;margin:0}.map-wrap{background:var(--bg-alt);width:100%;height:clamp(320px,52vh,520px)}.map-wrap .map-fallback{height:100%;color:var(--muted);text-align:center;place-items:center;padding:24px;display:grid}.contact-cards{grid-template-columns:repeat(2,1fr);gap:28px;display:grid}@media (width<=700px){.contact-cards{grid-template-columns:1fr}}.contact-card h3{color:var(--accent);align-items:center;gap:8px;display:flex}.contact-card .addr{margin:14px 0 0}.contact-card .addr+.addr{border-top:1px dashed var(--line);margin-top:18px;padding-top:18px}.contact-card a{font-weight:600}.blog-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;display:flex}.feed-note{color:var(--muted);margin-bottom:30px;font-size:.86rem}.blog-card{flex-direction:column;padding:0;display:flex;overflow:hidden}.blog-card .cover{aspect-ratio:16/9;background:var(--accent-soft);overflow:hidden}.blog-card .cover img{object-fit:cover;width:100%;height:100%}.blog-card .cover.placeholder{color:var(--accent);place-items:center;gap:6px;font-weight:700;display:grid}.blog-card .blog-body{flex-direction:column;flex:1;padding:22px 24px 24px;display:flex}.blog-card h5{margin-bottom:8px;font-size:1.08rem}.blog-card h5 a{color:var(--ink)}.blog-card h5 a:hover{color:var(--accent)}.blog-card .excerpt{color:var(--body);flex:1;font-size:.94rem}.post-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px 14px;margin:12px 0;font-size:.82rem;display:flex}.post-meta .src-badge{background:var(--accent-soft);color:var(--accent-dark);border-radius:99px;padding:2px 9px;font-weight:600}.tag-row{flex-wrap:wrap;gap:7px;margin-bottom:14px;display:flex}.blog-tag{background:var(--bg-alt);border:1px solid var(--line);color:var(--body);border-radius:99px;padding:3px 10px;font-size:.76rem}.read-more{margin-top:auto;font-size:.9rem;font-weight:600}.spinner{border:3px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:34px;height:34px;margin:0 auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-block{text-align:center;color:var(--muted);padding:60px 20px}.error-block{color:#a23b3b;border-radius:var(--radius);background:#fdf3f3;border:1px solid #f3c9c9;padding:22px}.article{max-width:800px;margin:0 auto}.article .cover{border-radius:var(--radius);aspect-ratio:16/8;background:var(--accent-soft);margin-bottom:28px;overflow:hidden}.article .cover img{object-fit:cover;width:100%;height:100%}.article h1{margin-bottom:12px}.article .excerpt{color:var(--ink);font-size:1.12rem}.site-footer{background:var(--dark);color:#c2ccd2}.footer-top{grid-template-columns:1.6fr 1fr 1.2fr;gap:44px;padding:clamp(54px,7vw,84px) 0 48px;display:grid}@media (width<=820px){.footer-top{grid-template-columns:1fr;gap:32px}}.site-footer h4{color:#fff;letter-spacing:.01em;margin-bottom:16px;font-size:1rem}.site-footer p{color:#9fb0b9;margin:0}.site-footer .brand{color:#fff;margin-bottom:16px}.site-footer .brand b{color:#57c4f2}.footer-nav{flex-direction:column;gap:10px;display:flex}.footer-nav a{color:#b6c4cc}.footer-nav a:hover{color:#fff}.social-row{gap:12px;margin-bottom:22px;display:flex}.social-row a{color:#cfdae0;background:#ffffff12;border-radius:11px;place-items:center;width:42px;height:42px;transition:background .2s,color .2s,transform .2s;display:grid}.social-row a:hover{background:var(--accent);color:#fff;transform:translateY(-2px)}.social-row svg{width:19px;height:19px}.newsletter{gap:8px;margin-top:6px;display:flex}.newsletter input{color:#fff;min-width:0;font:inherit;background:#ffffff0d;border:1px solid #ffffff24;border-radius:10px;flex:1;padding:12px 14px;font-size:.92rem}.newsletter input::placeholder{color:#8497a0}.newsletter input:focus{outline:2px solid var(--accent);border-color:#0000}.newsletter button{border:0}.footer-bottom{border-top:1px solid #ffffff14;padding:20px 0}.footer-bottom .container{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer-bottom p{color:#8497a0;font-size:.86rem}.text-center{text-align:center}.muted{color:var(--muted)}.stack-lg>*+*{margin-top:22px}.mt-0{margin-top:0}.divider{background:var(--line);border:0;height:1px;margin:0}.cta-band{background:linear-gradient(135deg, var(--accent), #1380bf);border-radius:var(--radius);color:#fff;text-align:center;box-shadow:var(--shadow-md);padding:clamp(40px,6vw,68px)}.cta-band h2{color:#fff}.cta-band p{color:#ffffffe6;max-width:52ch;margin:0 auto 24px}.fade-up{opacity:0;animation:.6s forwards fadeUp;transform:translateY(16px)}@keyframes fadeUp{to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}