:root{--glass-edge:#c0eaff26;--glass-shadow:0 18px 60px #00000026,inset 0 1px 0 #ffffff13;--ease-out:cubic-bezier(.2,.75,.2,1)}body{background:#080e18}.aura-bg:before{content:"";pointer-events:none;background-image:radial-gradient(#b5dcff20 .7px,#0000 .7px);background-size:26px 26px;position:absolute;inset:0;mask-image:linear-gradient(#0009,#0000 28%)}.aura-layer-1,.aura-layer-2,.aura-layer-3,.aura-layer-4,.aura-layer-5{opacity:.43}.aura-layer-1{background:radial-gradient(at 45% 13%,#247cbe99,#0000 35%)}.aura-layer-2{background:radial-gradient(at 85% 27%,#53b7c955,#0000 32%)}.aura-layer-3{opacity:.24}.ui-icon{vertical-align:middle;flex-shrink:0;display:inline-block}a,button{-webkit-tap-highlight-color:transparent}.site-nav{z-index:5;border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(22px)saturate(130%);background:linear-gradient(120deg,#ffffff0c,#ffffff04);border-radius:22px;margin-top:22px;padding:13px 18px;position:relative}.brand{align-items:center;gap:0;display:inline-flex}.brand-symbol{background:linear-gradient(140deg,#b8ecff22,#8b9eff08);border:1px solid #bde9ff33;border-radius:10px;justify-content:center;align-items:center;width:30px;height:30px;margin-right:10px;display:inline-flex}.brand-symbol .ui-icon{width:17px;height:17px}.nav-links{gap:1.75rem}.nav-link{color:#c8d8e5;font-size:.8rem;position:relative}.nav-link:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .3s var(--ease-out);background:#9ce5ff;position:absolute;bottom:-6px;left:0;transform:scaleX(0)}.nav-link:hover:after{transform:scaleX(1)}.button-primary{isolation:isolate;transition:transform .35s var(--ease-out),box-shadow .35s;background:linear-gradient(135deg,#e6f7ff,#b9ddf2);border:1px solid #edfbff80;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff,0 3px 18px #a3dfff0c}.button-primary:after{content:"";z-index:-1;transition:transform .7s var(--ease-out);background:linear-gradient(105deg,#0000 25%,#ffffff90 50%,#0000 75%);position:absolute;inset:0;transform:translate(-150%)}.button-primary:hover:after{transform:translate(150%)}.button-primary:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff,0 9px 30px #98dfff25}.button-primary .ui-icon{width:17px;height:17px;transition:transform .35s var(--ease-out)}.button-primary:hover .ui-icon{transform:translate(2px,-2px)}.site-nav .button-primary{padding:.7rem 1rem;font-size:.75rem}.hero-section{grid-template-columns:1.12fr 1fr;gap:2.5rem;min-height:710px;padding:6rem 0 7rem}.hero-section h1{letter-spacing:-.065em;font-size:clamp(3rem,6.15vw,5rem);line-height:1.08}.hero-section h1 em{color:#a5e5fb;background:linear-gradient(110deg,#e4f8ff,#82d9f6 52%,#a6baff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-intro .eyebrow{align-items:center;gap:10px;font-size:.62rem;display:flex}.hero-eyebrow-line{background:#7dd3fc;width:24px;height:1px}.hero-copy{color:#b2c4d4;max-width:30rem;margin-top:1.7rem;font-size:1rem;line-height:1.9}.hero-actions{gap:1.3rem;margin-top:2rem}.hero-secondary{align-items:center;gap:10px;font-size:.8rem;display:inline-flex}.hero-secondary span{transition:transform .3s}.hero-secondary:hover span{transform:translateY(4px)}.hero-footnote{color:#8fa8b9;align-items:center;margin-top:2rem;font-size:.65rem;display:flex}.hero-footnote .status-dot{width:5px;height:5px;margin-right:9px;box-shadow:0 0 12px #4ade8070}.hero-scene{perspective:1000px;justify-content:center;align-items:center;width:100%;min-width:0;height:450px;display:flex;position:relative}.scene-orbit{pointer-events:none;border:1px solid #b5eaff12;border-radius:50%;width:410px;height:410px;position:absolute}.scene-orbit-two{border-style:dashed;width:330px;height:330px;transform:rotate(30deg)}.scene-orbit-one:after{content:"";background:#a9e7ff;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:-3px;box-shadow:0 0 22px #5bcdff}.showcase-browser{-webkit-backdrop-filter:blur(20px);width:100%;max-width:440px;transition:transform .7s var(--ease-out);background:#192f4388;border:1px solid #dbf3ff40;border-radius:18px;position:relative;overflow:hidden;transform:rotate(-5deg)rotateY(-8deg);box-shadow:0 40px 90px #0005,inset 0 1px #fff4}.hero-scene:hover .showcase-browser{transform:rotate(-2deg)rotateY(-2deg)translateY(-4px)}.browser-toolbar{color:#bcd2e2;letter-spacing:.05em;background:linear-gradient(130deg,#ffffff1a,#ffffff05);border-bottom:1px solid #bce7ff20;justify-content:space-between;align-items:center;height:38px;padding:0 13px;font-size:8px;display:flex}.browser-toolbar>.ui-icon{width:12px;height:12px}.window-dots{gap:4px;display:flex}.window-dots i{background:#cdeaff70;border-radius:50%;width:5px;height:5px}.window-dots i:first-child{background:#bddfffb0}.browser-canvas{background:radial-gradient(at 80% 55%,#418bc24d,#0000 70%),linear-gradient(140deg,#132539,#0d1c2d);min-height:285px;padding:20px;position:relative;overflow:hidden}.mock-nav{color:#e9f8ff;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;display:flex}.mock-nav>span>span{color:#92d8ed}.mock-nav>div{gap:10px;display:flex}.mock-nav i{background:#98b6cc77;width:20px;height:2px;display:block}.mock-hero{z-index:1;padding:35px 0 22px;position:relative}.mock-label{letter-spacing:.18em;color:#b8d8eb;font-size:6px}.mock-hero p{font-family:var(--font-display);letter-spacing:-.05em;color:#e2f4ff;margin:10px 0 12px;font-size:32px;line-height:1.1}.mock-hero em{color:#85dbef}.mock-lines{gap:5px;margin:14px 0;display:grid}.mock-lines i{background:#a3bfd233;border-radius:2px;width:125px;height:3px}.mock-lines i:last-child{width:95px}.mock-button{color:#d5f1ff;background:#c9ebff14;border:1px solid #c3e8ff77;border-radius:30px;align-items:center;gap:15px;padding:7px 12px;font-size:7px;display:inline-flex}.mock-button .ui-icon{width:9px;height:9px}.mock-sculpture{place-items:center;width:190px;height:190px;display:grid;position:absolute;top:74px;right:-18px;transform:rotate(-25deg)}.sculpture-ring{border:27px solid #b7dfff44;border-radius:50%;width:158px;height:158px;position:absolute;transform:rotateY(35deg);box-shadow:inset 5px 7px 18px #fff5,inset -12px -10px 20px #123d6c90,10px 15px 25px #0003}.sculpture-core{backdrop-filter:blur(8px);color:#d4f4ff;background:linear-gradient(135deg,#c6f1ff5c,#4d8fb51a);border:1px solid #c5f0ff90;border-radius:19px;place-items:center;width:60px;height:60px;display:grid;position:relative;transform:rotate(25deg);box-shadow:inset 2px 2px 10px #f3fdff55,10px 10px 25px #091d4366}.sculpture-core .ui-icon{width:30px;height:30px}.mock-bottom{z-index:1;letter-spacing:.12em;color:#8eacbf;border-top:1px solid #ffffff14;justify-content:space-between;padding-top:11px;font-size:5px;display:flex;position:relative}.scene-small-card{z-index:2;-webkit-backdrop-filter:blur(24px);background:linear-gradient(120deg,#d5eeff1c,#304c6b55);border:1px solid #e0f5ff35;position:absolute;box-shadow:0 16px 35px #0003,inset 0 1px #fff2}.scene-code{border-radius:17px;align-items:center;gap:12px;padding:13px 17px;display:flex;top:2px;left:12px;transform:rotate(-9deg)}.scene-code>.ui-icon{color:#b4e7ff;width:27px;height:27px}.scene-code>span{color:#c6dce8;font-size:10px;line-height:1.5}.scene-chat{background:linear-gradient(130deg,#47748c55,#1c324dcc);border-radius:18px;align-items:center;gap:11px;padding:15px 17px;display:flex;bottom:42px;right:-3px;transform:rotate(3deg)}.scene-chat-icon{color:#b2eaff;background:#a9dfff12;border:1px solid #b9e5ff55;border-radius:12px;place-items:center;width:36px;height:36px;display:grid}.scene-chat-icon .ui-icon{width:19px;height:19px}.scene-chat>div{gap:4px;display:grid}.scene-chat>div>span{color:#acc6d7;font-size:8px}.scene-chat strong{color:#e4f4ff;font-size:11px;font-weight:500}.scene-chat-light{background:#8ce4bd;border-radius:50%;width:5px;height:5px;margin-left:9px;box-shadow:0 0 12px #8ce4bd66}.scene-caption{letter-spacing:.2em;color:#86a0b7;justify-content:space-between;align-items:center;font-size:7px;display:flex;position:absolute;bottom:0;left:35px;right:15px}.section-border{border-color:#bedfff18}.section-intro{color:#a0b5c6}.section-heading h2,.about-section h2{font-size:clamp(2.3rem,4.4vw,3.8rem)}.project-card{transition:transform .4s var(--ease-out),border-color .4s,box-shadow .4s;background:linear-gradient(150deg,#dcefff09,#8dbce905);border:1px solid #c9eaff20;border-radius:23px;padding:12px 12px 19px;box-shadow:inset 0 1px #ffffff0d}.project-image{border-radius:15px}.project-meta,.project-tags{margin-left:8px;margin-right:8px}.project-meta h3{color:#e4f1fa}.project-card p{color:#a2b8c9}.project-tags span{color:#a9c9dd;border-color:#c0eaff22}.project-link img{transition:transform .7s var(--ease-out)}.project-card:hover .project-link img{transform:scale(1.035)}.project-link:hover{transform:none}.image-label{color:#fff;backdrop-filter:blur(8px);background:#071728a6;border:1px solid #ffffff14;border-radius:20px;padding:5px 8px;font-size:7px;bottom:10px;left:10px}.service-card,.price-card{box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(12px);transition:transform .4s var(--ease-out),box-shadow .4s,border-color .4s;background:linear-gradient(140deg,#dcefff0c,#7fb1d505);border-color:#c9eaff26;border-radius:22px}.service-card{padding:27px}.service-top{justify-content:space-between;align-items:center;margin-bottom:23px;display:flex}.service-top>span:first-child{color:#7eafc6;letter-spacing:.12em;font-size:.65rem}.service-icon{color:#b4e8fa;background:linear-gradient(135deg,#c2eaff20,#9dcaff05);border:1px solid #b9e9ff40;border-radius:15px;place-items:center;width:47px;height:47px;display:grid;box-shadow:inset 1px 1px #fff2}.service-icon .ui-icon{width:23px;height:23px;transition:transform .5s var(--ease-out)}.service-card:hover .service-icon .ui-icon{transform:rotate(-7deg)scale(1.1)}.service-card p{color:#a4b9c9}.price-card{padding:28px}.price-card.featured{background:linear-gradient(145deg,#7dccff22,#347a9c10);border-color:#a1dcff65;box-shadow:0 12px 60px #198bd00d,inset 0 1px #fff2}.price-card h3{letter-spacing:-.04em;font-size:2.2rem}.price-card p,.price-card span{color:#adc2d2}.tag{color:#c9edff;background:#a8e5ff12;border:1px solid #96dcff3d}.chatbot-offer{box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);background:radial-gradient(at 95% 10%,#9fd9ff16,#0000 65%),linear-gradient(135deg,#3b79952b,#273b591f);border-radius:25px;position:relative;overflow:hidden}.chatbot-offer-icon{background:linear-gradient(145deg,#caf3ff24,#547cbe08);border-radius:20px;box-shadow:inset 0 1px #fff2}.chatbot-offer-icon .ui-icon{width:30px;height:30px}.care-card{background:#c0eaff06;border-color:#c0eaff20;border-radius:20px}.contact-section .button-primary{box-shadow:0 0 65px #83d5fc18}@media (hover:hover) and (pointer:fine){.project-card:hover,.service-card:hover,.price-card:hover{border-color:#b5e5ff55;transform:translateY(-7px);box-shadow:0 20px 50px #0003,inset 0 1px #fff2}}@media (width>=768px) and (prefers-reduced-motion:no-preference){.scene-code{animation:7s ease-in-out infinite scene-drift}.scene-chat{animation:8s ease-in-out infinite chat-drift}.scene-orbit-one{animation:45s linear infinite orbit}}@keyframes scene-drift{0%,to{transform:translateY(0)rotate(-9deg)}50%{transform:translateY(-8px)rotate(-6deg)}}@keyframes chat-drift{0%,to{transform:translateY(0)rotate(3deg)}50%{transform:translateY(7px)rotate(1deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@view-transition{navigation:auto}::view-transition-old(root){animation:.18s both page-away}::view-transition-new(root){animation:page-arrive .35s var(--ease-out) both}@keyframes page-away{to{opacity:0;transform:translateY(-6px)}}@keyframes page-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1000px) and (width>=768px){.hero-section{gap:1.5rem}.hero-section h1{font-size:3.6rem}.scene-chat{right:-5px}.mock-sculpture{right:-65px}.scene-code{left:4px}}@media (width<=767px){.site-nav{border-radius:18px;margin-top:15px;padding:10px 13px}.nav-links{background:#101f31f5;border-color:#bde9ff33;top:calc(100% + 10px);left:0;right:0;box-shadow:0 20px 40px #0005}.nav-links.is-open{animation:menu-arrive .25s var(--ease-out)}.menu-button{padding:.5rem .9rem;font-size:.75rem}.hero-section{grid-template-columns:1fr;gap:3rem;min-height:auto;padding:4.5rem 0 5rem}.hero-section h1{font-size:clamp(2.8rem,10.9vw,4.7rem)}.hero-copy{font-size:.95rem}.hero-intro .eyebrow{font-size:.55rem}.hero-footnote{font-size:.6rem}.hero-scene{max-width:440px;height:390px;margin:auto}.showcase-browser{width:95%}.scene-code{top:0;left:12px}.scene-chat{bottom:30px;right:0}.scene-caption{bottom:0;left:20px}.scene-orbit{width:330px;height:330px}.scene-orbit-two{width:275px;height:275px}.scene-small-card{backdrop-filter:blur(15px)}.project-card,.service-card,.price-card{backdrop-filter:none}.service-top{margin-bottom:12px}.chatbot-offer{border-radius:22px}}@keyframes menu-arrive{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:none}}@media (width<=390px){.hero-scene{height:350px}.browser-canvas{min-height:260px;padding:17px}.mock-hero p{font-size:28px}.mock-sculpture{right:-55px}.scene-code{padding:10px 13px;top:-8px}.scene-chat{padding:11px 12px;bottom:25px}.scene-chat strong{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.showcase-browser{transform:rotate(-3deg)}::view-transition-old(root),::view-transition-new(root){animation:none}}#demo{scroll-margin-top:2rem}.demo-note{color:#a0b5c6;margin-top:1.5rem;font-size:.8rem;line-height:1.7}.demo-list{border-top:1px solid #c0eaff26;margin:2.5rem 0 0;padding:0;list-style:none}.demo-list li{border-bottom:1px solid #c0eaff26}.demo-row{color:inherit;border-radius:12px;align-items:center;gap:1.8rem;padding:1.8rem 1rem;text-decoration:none;transition:background .25s;display:flex}.demo-row:hover,.demo-row:focus-visible{background:#c0eaff09}.demo-number{color:var(--demo-accent);font-variant-numeric:tabular-nums;align-self:flex-start;padding-top:4px;font-size:.8rem}.demo-info{flex:1;gap:.4rem;display:grid}.demo-category{color:var(--demo-accent);text-transform:uppercase;letter-spacing:.14em;font-size:.6rem}.demo-info strong{color:#e4f1fa;font-family:var(--font-display);font-size:clamp(1.25rem,2.4vw,1.8rem);font-weight:500}.demo-description{color:#a0b5c6;font-size:.85rem;line-height:1.6}.demo-open{color:#c4e5f7;align-items:center;gap:1rem;font-size:.8rem;display:flex}.demo-open>span{color:var(--demo-accent);font-size:1.6rem}@media (width<=600px){.demo-row{flex-wrap:wrap;gap:1rem;padding:1.5rem .25rem}.demo-info{flex-basis:calc(100% - 3rem)}.demo-open{margin-left:2.1rem}.demo-description{font-size:.8rem}}
