:root{--bg:#10110f;--surface:#171915;--surface-light:#1e211b;--text:#f2f3ed;--muted:#a4a79d;--line:#30332b;--lime:#c6f36b;--ink:#17200e;--radius:12px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--lime);outline-offset:6px}::selection{background:var(--lime);color:var(--ink)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.container{width:min(1280px,calc(100% - 112px));margin-inline:auto}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.055em;font-weight:600}h2{font-size:clamp(36px,4vw,56px)}h2>span{color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;background:var(--lime);color:var(--ink);padding:12px;z-index:200}.skip-link:focus{top:10px}.header{height:100px;position:sticky;top:0;z-index:50;background:rgba(16,17,15,.96);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;height:100%;gap:32px}.logo{display:inline-flex;align-items:center;gap:10px;font-size:33px;letter-spacing:-1.8px;font-weight:750;line-height:1}.logo-dot{color:var(--lime);margin-left:-10px}.logo-symbol{display:flex;position:relative;align-items:center;width:38px;height:38px;background:var(--lime);color:var(--bg);border-radius:9px;font-size:35px;letter-spacing:-5px;padding-left:7px;margin-right:3px;overflow:hidden}.logo-symbol>span{font-size:26px;position:absolute;left:14px;top:0;transform:rotate(-3deg)}nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:500}nav>a:not(.nav-contact){color:#c1c3bb;transition:color .2s}nav>a:hover{color:var(--lime)}.nav-contact{display:flex;align-items:center;gap:22px;border:1px solid #5c6252;border-radius:6px;padding:11px 18px}.nav-contact svg{width:17px;height:17px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.07fr 1fr;align-items:center;min-height:720px;position:relative;padding-top:70px;padding-bottom:70px;gap:14px}.eyebrow{font-family:"Consolas","Courier New",monospace;font-size:11px;letter-spacing:1.4px;font-weight:500;display:flex;align-items:center;gap:11px}.status-dot{width:7px;height:7px;background:var(--lime);border-radius:100%;display:inline-block;flex-shrink:0;box-shadow:0 0 0 4px #c6f36b0b}.hero h1{font-size:clamp(60px,6.4vw,93px);margin-top:29px;line-height:1.035;position:relative;letter-spacing:-.065em}.hero h1>span:not(.title-star){color:var(--lime)}.title-star{display:inline-block;color:var(--lime);font-size:57px;vertical-align:top;margin:10px 0 0 16px;font-weight:400}.hero-description{max-width:465px;font-size:16px;color:var(--muted);margin-top:29px;line-height:1.85}.hero-description strong{font-weight:500;color:var(--text)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:32px}.button{min-height:53px;padding:14px 22px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:650;border-radius:6px;transition:background .2s,transform .2s}.button svg{width:19px;height:19px}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#d8ff8e;transform:translateY(-3px)}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:500;min-height:44px}.text-link svg{width:17px;height:17px;transition:transform .2s}.text-link:hover svg{transform:translate(3px,-2px)}.hero-foot{display:flex;gap:22px;font-size:11px;color:var(--muted);margin-top:33px}.hero-foot span{display:flex;align-items:center;gap:6px}.hero-foot svg{width:14px;height:14px;color:var(--lime)}.hero-visual{position:relative;height:545px;isolation:isolate;min-width:0}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#a2b78e0d 1px,transparent 1px),linear-gradient(90deg,#a2b78e0d 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse at center,black 35%,transparent 70%)}.hero-visual:before{content:"";position:absolute;inset:50px -10px;background:radial-gradient(ellipse,#9bdc3e1a,transparent 66%);z-index:-1}.orbital{border:1px solid #68844223;position:absolute;border-radius:50%;width:460px;height:215px;left:calc(50% - 230px);top:180px;transform:rotate(-32deg)}.orbit-two{transform:rotate(40deg);height:360px;top:110px}.visual-caption{position:absolute;top:0;right:8px;font:9px "Consolas",monospace;letter-spacing:2px;color:#8c957e}.stack-scene{position:absolute;left:50%;top:48%;width:300px;height:250px;transform:translate(-50%,-50%);perspective:1100px}.stack-layer{position:absolute;width:300px;height:250px;transform:rotateX(52deg) rotateZ(-35deg);border-radius:20px;overflow:hidden}.layer-top{background:linear-gradient(130deg,#d8fd94,#b9e96d 55%,#91bc50);top:-65px;color:#243714;border:1px solid #edffbd;box-shadow:-2px 5px 0 #87aa4d,-5px 11px 0 #6d8a3c,0 40px 70px #0006;animation:float-layer 7s ease-in-out infinite}.stack-topbar{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-size:20px;letter-spacing:-1px;font-weight:700;border-bottom:1px solid #567c3830}.tiny-dots{font-size:16px;letter-spacing:4px}.stack-logo{font-size:125px;line-height:1;position:relative;letter-spacing:-12px;margin:0 0 0 95px;font-weight:800}.stack-logo>span{font-size:94px;position:absolute;left:40px;top:-14px;font-weight:500}.stack-bottom{display:flex;align-items:center;justify-content:space-between;padding:5px 25px;font:9px "Consolas",monospace;letter-spacing:2px}.stack-plus{font-size:32px}.layer-middle{top:25px;background:linear-gradient(140deg,#313e29e8,#1b261aeb);border:1px solid #a1c27d88;box-shadow:-3px 6px 0 #35432b,0 30px 45px #0005}.layer-bottom{top:115px;background:linear-gradient(140deg,#242c21,#141812);border:1px solid #647c4d;box-shadow:-3px 6px 0 #242e1c,0 30px 40px #0008}.layer-label{position:absolute;bottom:18px;left:22px;font:10px "Consolas",monospace;letter-spacing:1.7px;color:#bfdd9e}.layer-grid{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 24px,#9bc57b12 24px 25px),repeating-linear-gradient(0deg,transparent 0 24px,#9bc57b12 24px 25px)}.flow-mini{display:flex;align-items:center;padding:105px 40px}.flow-mini span{height:40px;width:40px;background:#c6f36b14;border:1px solid #a9d969;box-shadow:inset 0 0 15px #c6f36b22;border-radius:9px}.flow-mini i{width:42px;height:1px;background:#a9d969}.floating-tag{position:absolute;background:#21251ff2;border:1px solid #4e5a41;border-radius:9px;box-shadow:0 15px 40px #0004;display:flex;align-items:center;gap:13px}.tag-top{left:0;top:60px;padding:14px 17px;font-size:11px;transform:rotate(-5deg)}.tag-code{font:10px monospace;color:#919d84;margin-left:16px}.tag-bottom{right:-4px;bottom:67px;transform:rotate(3deg);padding:17px 19px;font-size:11px;color:#afb6a5}.tag-bottom strong{color:var(--text);font-weight:500}.tag-icon{border-radius:7px;background:#c6f36b16;color:var(--lime);display:grid;place-items:center;width:36px;height:36px}.tag-icon svg{width:20px;height:20px}.tag-arrow{width:18px;height:18px;color:var(--lime);margin-left:12px}.visual-coordinate{position:absolute;bottom:0;left:18px;right:0;display:flex;justify-content:space-between;color:#7f8976;font:9px "Consolas",monospace;letter-spacing:1px}.expertise-strip{border-block:1px solid var(--line);background:#151712}.expertise-strip>.container{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:104px}.expertise-strip>.container>span{font:9px/1.8 "Consolas",monospace;letter-spacing:1px;color:var(--muted);white-space:nowrap}.expertise-strip b{font-weight:400;color:var(--text)}.expertise-strip p{display:flex;align-items:center;gap:28px;font-size:18px;letter-spacing:-.6px}.expertise-strip i{color:var(--lime);font-size:23px;font-style:normal}.section{padding-block:110px}.section-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.section-number{color:var(--lime);margin-right:5px}.small-note{font-size:11px;color:var(--muted)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:46px}.section-heading>p{max-width:320px;font-size:14px;color:var(--muted);line-height:1.85}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:29px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,background .25s;min-width:0}.service-card:hover{transform:translateY(-5px);border-color:#849766;background:#1d2119}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.card-top>svg{color:var(--lime);width:28px;height:28px}.card-top>span{font:11px monospace;color:#a2a995}.service-card h3{font-size:29px;font-weight:500;letter-spacing:-1.2px;line-height:1.15;margin-bottom:18px}.service-card>p{font-size:13px;color:var(--muted);line-height:1.9;max-width:310px;margin-bottom:30px}.card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;gap:8px;margin-top:auto;font-size:10px;color:#b4b9aa}.card-bottom svg{width:19px;height:19px;color:var(--lime)}.featured{background:#222b19;border-color:#52633c}.featured .card-bottom{border-color:#435032}.compact .card-top{margin-bottom:27px}.compact h3{font-size:24px}.compact>p{margin-bottom:26px}.showcase-section{background:#161813;border-block:1px solid var(--line);padding-block:100px}.experience-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:center}.demo-panel{background:#0d100c;border:1px solid #3c4533;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #0003;min-width:0}.demo-toolbar{display:flex;gap:10px;align-items:center;padding:16px 19px;border-bottom:1px solid var(--line);font:9px "Consolas",monospace;letter-spacing:.5px}.demo-label{margin-left:auto;color:#afbd9c;font-size:8px}.demo-body{display:flex;min-height:318px}.demo-sidebar{width:52px;border-right:1px solid var(--line);display:flex;align-items:center;flex-direction:column;gap:26px;padding-block:22px;color:#839471;flex-shrink:0}.demo-sidebar svg{width:17px;height:17px}.mini-k{font-size:23px;font-weight:700;color:var(--lime);margin-bottom:8px}.demo-main{padding:27px 24px;width:100%;min-width:0}.demo-heading{display:flex;justify-content:space-between;gap:10px;align-items:center}.overline{font:8px "Consolas",monospace;letter-spacing:1px;color:#a0aa95}.demo-heading h3{font-size:28px;margin-top:7px}.demo-status{font-size:8px;color:var(--lime);border:1px solid #596946;border-radius:30px;padding:4px 8px;text-align:center}.workflow{display:flex;align-items:center;margin:33px 0 23px}.flow-node{border:1px solid #3b4830;background:#1c2516;border-radius:7px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:5px;padding:14px 6px;width:30%;transition:border-color .25s,background .25s}.flow-node svg{width:20px;height:20px;color:var(--lime);margin-bottom:6px}.flow-node>span{font-size:9px;white-space:nowrap}.flow-node small{font-size:8px;color:#a0aa95}.flow-connector{height:1px;background:#50683a;flex:1;position:relative}.flow-connector:after{content:"";width:4px;height:4px;border-top:1px solid #86a260;border-right:1px solid #86a260;transform:rotate(45deg);position:absolute;right:1px;top:-2px}.flow-node.active{border-color:var(--lime);background:#354b20}.flow-node.done svg{color:#edffd0}.demo-log{font:9px/1.6 "Consolas",monospace;color:#b1c59b;background:#151a11;padding:10px 12px;border-radius:4px;min-height:49px}.demo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}.demo-footer>span{font-size:8px;color:#969e8c;max-width:130px}.demo-button{border:1px solid #a6c57d;background:var(--lime);color:var(--ink);border-radius:5px;padding:9px 12px;display:flex;align-items:center;gap:8px;font-size:10px;min-height:40px;transition:background .2s}.demo-button:hover{background:#dcff9e}.demo-button:disabled{cursor:wait;opacity:.7}.demo-button svg{width:13px;height:13px}.demo-disclaimer{font-size:9px;color:#9aa58f;border-top:1px solid var(--line);padding:11px 18px}.outline-label{font:9px "Consolas",monospace;letter-spacing:.7px;color:var(--lime)}.experience-copy h3{font-size:38px;line-height:1.15;margin-block:20px}.experience-copy>p{color:var(--muted);font-size:13px;line-height:1.85}.check-list{list-style:none;padding:0;margin:24px 0 19px;display:grid;gap:10px;font-size:11px;color:#c9cfc0}.check-list li{display:flex;align-items:center;gap:8px}.check-list svg{color:var(--lime);width:16px;height:16px}.experience-copy .text-link{color:var(--lime)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.step{display:flex;align-items:center;justify-content:space-between;font:42px "Consolas",monospace;color:#838a79;border-top:1px solid #48513d;padding-top:22px;margin-bottom:25px;letter-spacing:-4px}.step>span{font:24px "Segoe UI",sans-serif;color:var(--lime)}.process-grid h3{font-size:22px;letter-spacing:-.8px;margin-bottom:14px}.process-grid p{font-size:13px;color:var(--muted);line-height:1.9;min-height:75px}.step-tag{display:block;font:9px "Consolas",monospace;letter-spacing:1px;margin-top:26px;color:#bdc8af}.principles{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:50px;display:grid;grid-template-columns:1fr 1.2fr;gap:75px}.principles h2{font-size:40px;margin-top:30px}.principles .eyebrow{color:var(--lime)}.principle-list{display:grid;gap:22px}.principle-list article{display:flex;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.principle-list article:last-child{border:0;padding:0}.principle-list article>span{color:var(--lime);font-size:20px;line-height:1}.principle-list h3{font-size:16px;letter-spacing:-.3px;margin-bottom:9px}.principle-list p{font-size:12px;line-height:1.8;color:var(--muted)}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.faq-section h2{margin-top:28px;margin-bottom:24px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:14px;font-weight:500}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{font-size:24px;font-weight:300;color:var(--lime);transition:transform .2s;line-height:1}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details p{font-size:13px;line-height:1.9;color:var(--muted);padding:0 35px 24px 0}.contact-section{background:var(--lime);color:var(--ink);overflow:hidden}.contact-inner{padding-block:57px 49px;position:relative}.contact-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:35px}.contact-top>.eyebrow{font-size:10px;letter-spacing:1px}.contact-top .status-dot{background:var(--ink);box-shadow:none}.contact-top>span{font:9px "Consolas",monospace;letter-spacing:1px}.contact-section h2{font-size:clamp(45px,6vw,82px);position:relative;line-height:1.05}.contact-section h2>span{color:#47612b}.contact-section h2>svg{position:absolute;right:0;top:0;width:130px;height:130px;stroke-width:.8}.contact-bottom{margin-top:40px;padding-top:29px;border-top:1px solid #17200e35;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.contact-bottom>p{font-size:13px;line-height:1.9;color:#354c22}.contact-actions{display:grid;justify-items:start;gap:15px}.button-dark{background:var(--ink);color:var(--lime);gap:15px}.button-dark:hover{background:#2f4221;transform:translateY(-2px)}.email-link{font-size:14px;display:flex;align-items:center;gap:18px;font-weight:600;min-height:30px}.email-link svg{width:17px;height:17px}.email-link:hover{text-decoration:underline}.contact-number{font-size:10px;color:#354c22}.contact-section a:focus-visible{outline-color:var(--ink)}.service-context{font-size:12px;margin-top:10px}.service-context:empty{display:none}.footer{padding-block:40px 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:33px}.footer-top>p{font-size:12px;color:var(--muted)}.footer .logo{font-size:28px}.footer .logo-symbol{width:32px;height:32px;font-size:29px;border-radius:7px}.footer .logo-symbol>span{font-size:22px;left:12px}.back-top{font-size:11px;display:flex;align-items:center;gap:18px;min-height:44px}.back-top span{font-size:20px;color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8e9585;border-top:1px solid var(--line);padding-top:23px}@keyframes float-layer{0%,100%{transform:translateY(0) rotateX(52deg) rotateZ(-35deg)}50%{transform:translateY(-13px) rotateX(52deg) rotateZ(-35deg)}}
@media(min-width:1500px){.hero{min-height:780px}.hero-visual{transform:scale(1.06)}}
@media(max-width:1150px){.container{width:calc(100% - 64px)}nav{gap:23px}.hero{min-height:660px;gap:0}.hero h1{font-size:72px}.title-star{font-size:40px;margin-left:8px}.hero-actions{gap:17px}.hero-actions .text-link{font-size:11px}.hero-visual{transform:scale(.88);transform-origin:center}.expertise-strip p{font-size:15px;gap:17px}.service-card{padding:24px}.card-bottom{font-size:9px}.experience-grid{gap:35px;grid-template-columns:1.3fr 1fr}.demo-main{padding:23px 17px}.experience-copy h3{font-size:34px}.process-grid{gap:24px}.process-grid h3{font-size:20px}.principles{gap:40px}.faq-section{gap:60px}}
@media(max-width:900px){.hero{grid-template-columns:1.1fr 1fr;min-height:590px;padding-block:50px}.hero h1{font-size:58px}.title-star{font-size:32px}.hero .eyebrow{font-size:9px;letter-spacing:.7px}.hero-description{font-size:14px}.hero-visual{transform:scale(.74);width:440px;justify-self:center}.hero-actions{align-items:flex-start;flex-direction:column;gap:8px}.hero-foot{font-size:9px;gap:12px;margin-top:22px}.expertise-strip>.container>span{display:none}.expertise-strip>.container{justify-content:center;min-height:80px}.expertise-strip p{font-size:16px;gap:20px}.section{padding-block:80px}.section-heading{gap:30px}.section-heading>p{max-width:270px;font-size:12px}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card h3{font-size:27px}.experience-grid{grid-template-columns:1fr;gap:42px}.demo-panel{max-width:680px;width:100%}.demo-main{padding:28px}.demo-body{min-height:330px}.flow-node>span{font-size:12px}.flow-node small{font-size:10px}.demo-log{font-size:11px}.demo-footer>span{font-size:10px;max-width:none}.demo-button{font-size:12px}.experience-copy{max-width:560px}.process-grid{grid-template-columns:repeat(2,1fr);gap:36px}.process-grid p{min-height:0}.principles{padding:35px;grid-template-columns:1fr;gap:35px}.principles h2{margin-top:20px}.faq-section{grid-template-columns:1fr;gap:30px}.faq-section h2 br{display:none}.faq-section h2>span:before{content:" "}.contact-section h2>svg{width:90px;height:90px}.footer-top>p{font-size:10px}}
@media(max-width:650px){.container{width:calc(100% - 40px)}.header{height:76px}.logo{font-size:29px}.logo-symbol{width:33px;height:33px;font-size:31px}.logo-symbol>span{font-size:24px;left:12px}.nav-wrap{gap:15px}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:44px;height:44px;border:1px solid #4b5341;background:transparent;border-radius:6px;color:var(--text)}.menu-toggle span{width:18px;height:1px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}nav{position:absolute;top:75px;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:20px;display:none;align-items:stretch;gap:8px;flex-direction:column}nav.open{display:flex}nav>a{padding:12px 15px;min-height:44px}.nav-contact{justify-content:space-between}.hero{display:flex;flex-direction:column;align-items:stretch;padding-top:40px;padding-bottom:22px;overflow:hidden;gap:5px}.hero h1{font-size:clamp(53px,12vw,76px);margin-top:23px}.hero .eyebrow{font-size:9px;letter-spacing:.7px}.title-star{font-size:37px;margin-left:12px}.hero-description{font-size:14px;max-width:420px;margin-top:23px}.hero-actions{flex-direction:row;align-items:center;gap:20px;margin-top:26px}.hero-actions .button{padding:13px 16px;font-size:12px;gap:13px}.hero-actions .text-link{font-size:11px;gap:8px}.hero-foot{font-size:10px;gap:22px}.hero-visual{align-self:center;transform:scale(.83);width:430px;height:445px;margin:-5px -30px -26px}.visual-caption{top:5px;font-size:9px}.tag-top{top:35px;left:7px}.tag-bottom{bottom:35px;right:6px}.stack-scene{top:45%}.visual-coordinate{bottom:-3px;left:10px;right:10px;font-size:8px}.expertise-strip>.container{min-height:95px}.expertise-strip p{font-size:12px;gap:12px;flex-wrap:wrap;justify-content:center;line-height:1.6;max-width:400px;padding:17px 0}.expertise-strip i{font-size:18px}.expertise-strip i:nth-of-type(2){display:none}.section{padding-block:65px}.section-top{margin-bottom:23px}.small-note{display:none}.eyebrow{font-size:10px;letter-spacing:1px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,h2{font-size:37px;line-height:1.12}.section-heading>p{margin-top:20px;max-width:100%;font-size:13px}.service-grid{grid-template-columns:1fr;gap:13px}.service-card{padding:25px}.card-top{margin-bottom:25px}.service-card h3{font-size:30px}.service-card>p{max-width:none;font-size:14px}.card-bottom{font-size:10px}.compact h3{font-size:26px}.showcase-section{padding-block:60px}.demo-toolbar{padding:13px 12px;font-size:8px;gap:8px}.demo-label{font-size:7px}.demo-sidebar{display:none}.demo-main{padding:24px 14px 18px}.demo-heading h3{font-size:28px}.demo-status{font-size:8px}.flow-node>span{font-size:9px}.flow-node small{font-size:8px}.flow-node{padding:13px 4px}.demo-log{font-size:9px;min-height:49px}.demo-footer>span{font-size:8px;max-width:130px}.demo-button{font-size:10px;padding:10px}.demo-disclaimer{font-size:8px;padding:12px}.demo-body{min-height:300px}.experience-copy h3{font-size:35px}.experience-copy>p{font-size:14px}.check-list{font-size:12px}.process-grid{gap:30px 22px}.step{font-size:35px;margin-bottom:20px;padding-top:16px}.process-grid h3{font-size:21px;line-height:1.15}.process-grid p{font-size:12px}.step-tag{font-size:8px;letter-spacing:.3px;margin-top:18px}.principles{padding:28px;gap:32px}.principles h2{font-size:35px}.principle-list h3{font-size:16px;line-height:1.35}.principle-list p{font-size:12px}.principle-list article{gap:13px}.faq-section{gap:24px}.faq-section h2{font-size:37px}.faq-section h2 br{display:block}.faq-section h2>span:before{content:none}.faq-list summary{font-size:13px;gap:14px;padding:21px 0}.faq-list details p{font-size:13px;padding-right:10px}.contact-inner{padding-block:36px}.contact-top{margin-bottom:30px}.contact-top>.eyebrow{font-size:8px;letter-spacing:.7px}.contact-top>span{display:none}.contact-section h2{font-size:clamp(36px,8.5vw,54px)}.contact-section h2>svg{display:none}.contact-bottom{flex-direction:column;gap:25px;margin-top:29px;padding-top:23px}.contact-bottom>p{font-size:12px}.contact-actions{width:100%;gap:15px}.button-dark{width:100%;justify-content:space-between}.email-link{font-size:15px;min-height:40px}.contact-number{font-size:11px}.footer{padding-block:30px 23px}.footer-top{flex-wrap:wrap;gap:22px;padding-bottom:25px}.footer-top>p{order:3;width:100%;font-size:11px}.footer-bottom{font-size:9px;flex-direction:column;gap:8px}.back-top{margin-left:auto}.desktop-br{display:none}}
@media(max-width:360px){.container{width:calc(100% - 32px)}.hero h1{font-size:50px}.title-star{font-size:29px;margin-left:8px}.hero-actions{gap:12px}.hero-actions .button{font-size:11px;padding-inline:12px}.hero-actions .text-link{font-size:10px}.hero-foot{font-size:9px;gap:12px}.hero-visual{transform:scale(.72);margin-block:-35px -45px}.process-grid{grid-template-columns:1fr}.process-grid p{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* KODLIX / NEON EDITION — visual direction and motion */
:root{--bg:#080613;--surface:#121024;--surface-light:#211636;--text:#faf7ff;--muted:#bcb3d2;--line:#352845;--lime:#bca0ff;--ink:#130a27;--cyan:#55e7ff;--pink:#ff65cf;--purple:#9860ff}
body{background:var(--bg);isolation:isolate}body::before{content:"";position:absolute;inset:0 0 auto;height:1000px;background:radial-gradient(ellipse at 75% 28%,#6727d550,transparent 55%),radial-gradient(ellipse at 0% 15%,#33117445,transparent 48%);pointer-events:none;z-index:-1}.ambient-stage{position:absolute;inset:0 0 auto;height:960px;overflow:hidden;pointer-events:none;z-index:-1}.aurora{position:absolute;border-radius:50%;filter:blur(55px);opacity:.4;animation:aurora-drift 13s ease-in-out infinite alternate}.aurora-purple{width:640px;height:560px;background:radial-gradient(ellipse,#7124ff,transparent 70%);left:37%;top:60px}.aurora-blue{width:470px;height:400px;background:radial-gradient(ellipse,#0072db,transparent 70%);right:-120px;top:200px;animation-delay:-5s}.aurora-pink{width:450px;height:400px;background:radial-gradient(ellipse,#e415a1,transparent 70%);left:20%;top:430px;animation-delay:-9s}.header{height:90px;background:#090616df;border-bottom:1px solid #a570ff2b;backdrop-filter:blur(18px)}.logo-symbol{background:linear-gradient(135deg,#7845fb,#db45c0);color:white;box-shadow:0 0 23px #ac4aff45}.logo-dot{color:var(--pink)}nav>a:not(.nav-contact){color:#d1c4e7}.nav-contact{border-color:#9860ff8c;background:linear-gradient(125deg,#6b35c437,#e849c217);box-shadow:inset 0 0 20px #8950ff10}.nav-contact:hover{border-color:#ca91ff;box-shadow:0 0 25px #934fff35}.reading-progress{position:fixed;left:0;top:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#9a5bff,#ff6cce,#68f3ff);box-shadow:0 0 10px #cd78ff;z-index:100}.hero{min-height:780px;padding-block:80px 95px;gap:15px}.hero-copy{position:relative;z-index:3}.hero .eyebrow{display:inline-flex;background:#8045d325;border:1px solid #b785ff55;border-radius:30px;padding:9px 13px;font-size:10px;letter-spacing:1.2px;color:#e4cfff;box-shadow:inset 0 0 18px #a154ff10}.status-dot{background:#7ffff2;box-shadow:0 0 12px #5ef9fa,0 0 0 4px #5ef9fa12}.hero h1{font-weight:750;letter-spacing:-.065em;font-size:clamp(66px,6.7vw,96px);text-shadow:0 4px 35px #07031255}.hero h1>.gradient-title{color:#dca4ff;background:linear-gradient(105deg,#a17aff 4%,#ed8bff 30%,#ff75b9 53%,#8ef5ff 79%,#a17aff 100%);background-size:220% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-travel 7s linear infinite;filter:drop-shadow(0 0 24px #c548fd38)}.title-star{font-size:53px;color:var(--cyan);text-shadow:0 0 22px #52ddff90;animation:star-turn 18s linear infinite;vertical-align:middle;margin-top:0}.hero-description{color:#c7bdd8;font-size:17px;line-height:1.8}.hero-description strong{color:#fff}.button-lime{color:white;background:linear-gradient(115deg,#753df0,#a23ee4 55%,#cb3fba);box-shadow:0 7px 35px #9a35f94f,inset 0 1px #ffffff4a;border:1px solid #db9eff55;position:relative;overflow:hidden}.button-lime:after{content:"";position:absolute;inset:-70% -40%;background:linear-gradient(100deg,transparent 40%,#ffffff30 50%,transparent 60%);transform:translateX(-65%) rotate(15deg);animation:button-sheen 5s ease-in-out infinite;pointer-events:none}.button-lime:hover{background:linear-gradient(115deg,#8f52ff,#c24ce8,#e449b4);box-shadow:0 9px 45px #b649ff85;transform:translateY(-4px)}.hero .text-link{color:#e6d9ff}.hero-foot{color:#bdb1cf}.hero-foot svg{color:var(--cyan)}.hero-visual{height:560px;isolation:isolate;overflow:visible}.hero-visual:before{inset:0;background:radial-gradient(ellipse,#9b32e846,transparent 68%)}.visual-grid{inset:-15px;background-image:linear-gradient(#bb85ff14 1px,transparent 1px),linear-gradient(90deg,#bb85ff14 1px,transparent 1px);transform:perspective(500px) rotateX(15deg) rotate(-10deg);background-size:45px 45px}.visual-caption{top:8px;right:20px;font-size:9px;color:#c6a5f7;letter-spacing:1.2px}.visual-coordinate{left:20px;bottom:0;color:#a6bcf4;font-size:9px}.energy-halo{position:absolute;width:450px;height:450px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#e946ff16 20%,#7824d75a 42%,#ab48f627 52%,transparent 70%);animation:halo-breathe 6s ease-in-out infinite}.core-system{position:absolute;left:50%;top:49%;width:350px;height:350px;transform:translate(-50%,-50%);perspective:1000px}.core-sphere.layer-top{position:absolute;inset:58px;width:auto;height:auto;top:58px;border-radius:50%;background:radial-gradient(circle at 32% 23%,#e9adff 0%,#aa65ff 12%,#6429be 35%,#261055 60%,#0d122e 79%,#53e8ff 100%);border:1px solid #ce9fffaa;box-shadow:inset -16px -5px 35px #34b8ff45,inset 8px 7px 25px #ffc0ff6b,0 0 40px #a444fa50,0 0 95px #922cee40;transform:none;animation:core-levitate 6s ease-in-out infinite;overflow:hidden;color:white}.sphere-grid{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 23px,#e6adff24 24px 25px),repeating-linear-gradient(90deg,transparent 0 33px,#cca1ff1c 34px 35px);transform:rotate(-25deg) scale(1.25);mask-image:radial-gradient(circle,#000a,transparent 74%)}.sphere-shine{position:absolute;inset:8px;border-radius:50%;border-top:2px solid #f8d1ff;transform:rotate(-35deg);opacity:.75}.core-letter{position:absolute;left:73px;top:42px;font-size:126px;font-weight:750;line-height:1;letter-spacing:-10px;text-shadow:0 0 30px #e298ff9c;transform:rotate(-9deg);color:#f5eaff}.core-letter>span{position:absolute;font-size:65px;left:44px;top:6px;color:#94f2ff}.core-label{position:absolute;bottom:45px;left:0;right:0;font:8px Consolas,monospace;letter-spacing:3px;text-align:center;color:#e6cdff}.energy-ring{position:absolute;inset:0;border:2px solid transparent;border-radius:50%;transform-style:preserve-3d;pointer-events:none}.ring-a{border-top-color:#ef97ff;border-bottom-color:#a041ff;box-shadow:0 0 16px #ca56ff7d,inset 0 0 18px #a330ff4d;animation:ring-spin-a 14s linear infinite;transform:rotateX(65deg) rotateZ(-25deg) scale(1.33)}.ring-b{border-left-color:#57edff;border-right-color:#608bff;box-shadow:0 0 18px #4394ff55,inset 0 0 16px #3c6cff44;animation:ring-spin-b 19s linear infinite;transform:rotateY(64deg) rotateZ(35deg) scale(1.25)}.ring-c{inset:22px;border:1px dashed #de9cff88;transform:rotateX(25deg) rotateY(-20deg);animation:ring-spin-c 45s linear infinite}.orbit-spark{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff0fc;box-shadow:0 0 10px #fff,0 0 25px #ec61ff,0 0 40px #ab46ff;top:45%;left:48%;animation:orbit-dot 11s linear infinite}.spark-two{width:8px;height:8px;background:#b5fdff;box-shadow:0 0 12px #5cffff,0 0 30px #1cc5ff;animation-duration:16s;animation-direction:reverse}.code-window{position:absolute;border:1px solid #bc83ff70;background:linear-gradient(125deg,#2b1545ef,#130e29f5);border-radius:12px;box-shadow:0 18px 55px #05001170,inset 0 1px #dda8ff1c;z-index:4;backdrop-filter:blur(12px)}.float-code{top:26px;right:0;width:243px;transform:rotate(7deg);animation:float-code 7s ease-in-out infinite}.window-head{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #a96af82b;padding:10px 14px;font:9px Consolas,monospace;color:#c2b0d8}.window-head>span{display:flex;gap:4px}.window-head i{width:5px;height:5px;border-radius:50%;background:#ff729e}.window-head i:nth-child(2){background:#e0b56f}.window-head i:nth-child(3){background:#6febc4}.window-head b{font-weight:400}.window-head svg{width:13px;height:13px;color:var(--cyan)}.code-lines{padding:17px;font:10px/1.95 Consolas,monospace;color:#eee2ff}.code-lines>span{display:block}.code-lines em{color:#ee88ff;font-style:normal}.code-lines b{color:#6ce8ff;font-weight:400}.code-lines i{color:#b0f4bb;font-style:normal}.code-caret{display:inline-block;vertical-align:middle;width:5px;height:12px;background:#d899ff;margin-left:4px;animation:caret-breathe 1.5s ease-in-out infinite}.float-flow{bottom:39px;left:0;display:flex;align-items:center;gap:13px;padding:18px;transform:rotate(-6deg);animation:float-flow 8s ease-in-out infinite}.mini-flow-icon{background:linear-gradient(145deg,#974be8,#622bbc);box-shadow:0 0 20px #b343fa55;width:42px;height:42px;border-radius:10px;display:grid;place-items:center;color:white}.float-flow>div>span{display:block;font:8px Consolas,monospace;letter-spacing:1.1px;color:#cbacee}.float-flow strong{font-size:12px;font-weight:500;display:block;margin-top:5px}.live-light{width:6px;height:6px;border-radius:50%;background:#65f9d2;box-shadow:0 0 12px #43ffe6;align-self:flex-start;margin-top:4px}.signal-bars{height:20px;display:flex;gap:4px;align-items:center;margin-top:8px}.signal-bars i{width:4px;height:12px;background:linear-gradient(#83f8ff,#af5aff);border-radius:2px;animation:equalizer 1.2s ease-in-out infinite alternate}.signal-bars i:nth-child(3n){animation-delay:-.4s;height:18px}.signal-bars i:nth-child(3n+1){animation-delay:-.8s;height:8px}.orbit-label{position:absolute;display:flex;align-items:center;gap:9px;background:#211139d9;border:1px solid #a864ff5c;padding:10px 14px;border-radius:7px;font:9px Consolas,monospace;letter-spacing:1px;z-index:2;color:#e4c8ff}.orbit-label svg{width:16px;height:16px;color:var(--cyan)}.label-web{left:-5px;top:130px;transform:rotate(-9deg);animation:label-float 8s ease-in-out infinite}.label-code{right:-10px;bottom:158px;transform:rotate(10deg);animation:label-float 9s ease-in-out infinite reverse}.particle-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}.particle{position:absolute;width:3px;height:3px;border-radius:50%;background:#dfb9ff;box-shadow:0 0 9px #c765ff;animation:particle-rise var(--duration,8s) ease-in-out infinite;animation-delay:var(--delay,0s)}.particle:nth-child(3n){background:#76efff;box-shadow:0 0 9px #76efff;width:2px;height:2px}.expertise-strip{background:linear-gradient(95deg,#351257,#3d125b 35%,#17264e);border-color:#ad64fa66;box-shadow:0 -10px 65px #9149e313,0 10px 65px #9149e313;position:relative;overflow:hidden}.expertise-strip:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,#c675ff18,transparent);animation:strip-sweep 9s ease-in-out infinite;pointer-events:none}.expertise-strip p{color:#f0dcff}.expertise-strip i{color:#ff93e4;text-shadow:0 0 12px #ff5cc9;display:inline-block;animation:star-turn 16s linear infinite}.expertise-strip>.container>span{color:#d6bee9}.section-heading h2>span,.principles h2>span,.faq-section h2>span{color:#c598ff}.section-number{color:#e295ff}.service-grid{gap:20px}.service-card{position:relative;background:linear-gradient(135deg,#211332,#110d1e);border:1px solid #74518b65;overflow:hidden;isolation:isolate;transform:perspective(900px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s,border-color .25s,box-shadow .25s;--card-glow:#a24eff;--glow-rgb:162,78,255}.service-card:nth-child(3n+2){--card-glow:#49dafa;--glow-rgb:73,218,250}.service-card:nth-child(3n){--card-glow:#f76acb;--glow-rgb:247,106,203}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(280px circle at var(--mx,50%) var(--my,0%),rgba(var(--glow-rgb),.17),transparent 75%);pointer-events:none;z-index:-1}.service-card:after{content:"";position:absolute;left:20%;right:20%;top:0;height:1px;background:var(--card-glow);box-shadow:0 0 18px 2px var(--card-glow);opacity:.8}.service-card:hover{transform:perspective(900px) translateY(-7px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));border-color:var(--card-glow);background:linear-gradient(135deg,#291640,#140f24);box-shadow:0 16px 45px rgba(var(--glow-rgb),.13)}.service-card h3{font-weight:600}.service-card>p{color:#c2b5d1}.card-top>svg{color:var(--card-glow);filter:drop-shadow(0 0 9px var(--card-glow))}.card-top>span{color:#c5acd9}.card-bottom{border-color:#a973ca33;color:#c6b1da}.card-bottom svg{color:var(--card-glow)}.featured{border-color:#a267e28c;background:linear-gradient(145deg,#351951,#1a0e2c)}.featured .card-bottom{border-color:#70409366}.service-art{height:125px;margin-bottom:25px;border:1px solid #a87de133;border-radius:8px;position:relative;background:#0c0817;overflow:hidden;order:0}.service-card:has(.service-art) .card-top{margin-bottom:20px}.art-browser{padding:10px 13px;background:linear-gradient(135deg,#271443,#100b20)}.art-browser-bar{display:flex;gap:4px;border-bottom:1px solid #ae7cfb33;padding-bottom:8px}.art-browser-bar i{width:4px;height:4px;border-radius:50%;background:#bc85ec}.art-browser-content{display:flex;justify-content:space-between;align-items:center;padding:10px 7px}.art-browser-content>span{font-size:23px;font-weight:650;letter-spacing:-1px;line-height:1;color:#e5c5ff}.art-orb{width:62px;height:62px;background:radial-gradient(circle at 25% 20%,#fff0ff,#b778ff 30%,#7334c0 60%,#261b3a);border-radius:18px;box-shadow:0 0 27px #b149fa60;transform:rotate(35deg);animation:art-rotate 9s ease-in-out infinite}.art-browser-bottom{display:flex;gap:7px}.art-browser-bottom i{width:25%;height:4px;background:#a374dd55;border-radius:5px}.art-flow{display:flex;align-items:center;justify-content:center;padding:23px;background:radial-gradient(ellipse,#246c8130,transparent 80%)}.art-flow>span{width:44px;height:44px;flex-shrink:0;border:1px solid #53dffc80;border-radius:10px;display:grid;place-items:center;color:#96f4ff;background:#123348;box-shadow:0 0 20px #43d8fd20;z-index:1}.art-flow>i{height:1px;width:35px;background:#45d0ee88}.flow-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:#c8ffff;box-shadow:0 0 13px #57edff;left:17%;top:calc(50% - 3px);animation:flow-travel 3s ease-in-out infinite}.art-code{display:flex;align-items:center;justify-content:center;gap:22px;background:radial-gradient(ellipse,#c82d9225,transparent 80%)}.code-bracket{font:60px Consolas,monospace;color:#ff86d4;text-shadow:0 0 19px #f74bc978}.art-code>div{width:85px;display:grid;gap:10px}.art-code i{height:5px;background:linear-gradient(90deg,#e782dd,#815dc7);border-radius:6px}.art-code i:nth-child(2){width:65%;margin-left:14px}.art-code i:nth-child(3){width:80%;margin-left:14px}.art-code i:nth-child(4){width:55%}.art-code>b{position:absolute;bottom:11px;right:12px;font:12px Consolas,monospace;color:#e6a1d7}.showcase-section{position:relative;background:radial-gradient(ellipse at 12% 50%,#4821853a,transparent 60%),linear-gradient(145deg,#120b22,#0d0919);border-color:#9067bb44;overflow:hidden}.showcase-section:before{content:"";position:absolute;top:0;left:25%;right:25%;height:1px;background:linear-gradient(90deg,transparent,#d190ff,transparent);box-shadow:0 0 30px #b052ff}.demo-panel{border-color:#9360c782;background:linear-gradient(140deg,#160d27,#0a0a19);box-shadow:0 0 65px #7620d51f,0 25px 65px #0200077a}.demo-toolbar{background:#b564ff0c}.demo-sidebar{color:#b587e2}.flow-node{background:linear-gradient(130deg,#292146,#192441);border-color:#7553a375}.flow-node.active{border-color:#98f5ff;background:#273d55;box-shadow:0 0 18px #66ddff55}.flow-node svg{color:#76e5ff}.flow-node.done svg{color:#a9fff4}.flow-node small{color:#bbafcf}.flow-connector{background:#bc68fa}.flow-connector:after{border-color:#dc99ff}.demo-log{background:#2c16433b;color:#debbff}.demo-button{background:linear-gradient(110deg,#733add,#ab3aaf);color:white;border-color:#c47eec}.demo-button:hover{background:linear-gradient(110deg,#8954f3,#c251c6)}.demo-status{color:#7ceff2;border-color:#4b939967;background:#4ca4a60c}.demo-label,.overline,.demo-disclaimer,.demo-footer>span{color:#bfaccf}.outline-label{color:#ec9dfb}.experience-copy h3{color:#f1dcff}.check-list{color:#ddd0ec}.check-list svg{color:#76ebf6}.experience-copy .text-link{color:#d3a1ff}.step{color:#cca1fc;border-color:#724696;position:relative;text-shadow:0 0 25px #ad55fd35}.step:before{content:"";position:absolute;top:-1px;left:0;width:40%;height:1px;background:#d090ff;box-shadow:0 0 15px #cb70fc}.step>span{color:#70eeff}.step-tag{color:#ceafea}.principles{background:radial-gradient(ellipse at 0 0,#6a258936,transparent 65%),linear-gradient(110deg,#170e26,#130b1e);border-color:#83549e6b;box-shadow:inset 0 1px #d8a4ff1a}.principles .eyebrow{color:#ed9cff}.principle-list article>span{color:var(--pink)}.faq-list summary>span{color:var(--pink)}.faq-list summary:hover{color:#dfb1ff}.contact-section{background:radial-gradient(ellipse at 90% 10%,#18e8ff55,transparent 50%),radial-gradient(ellipse at 0 100%,#ff39be66,transparent 60%),linear-gradient(115deg,#49168b,#7425c7 50%,#3f238d);color:white;position:relative;border-block:1px solid #de85ff66}.contact-section:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 79px,#f7d4ff08 80px),repeating-linear-gradient(0deg,transparent 0 79px,#f7d4ff08 80px);mask-image:linear-gradient(90deg,transparent,black)}.contact-section:after{content:"";position:absolute;width:300px;height:300px;border:1px solid #dd9eff66;border-radius:50%;right:-160px;top:-180px;box-shadow:0 0 0 65px #dd9eff0c,0 0 0 130px #dd9eff08;pointer-events:none}.contact-inner{padding-block:65px;z-index:1}.contact-section h2{font-weight:700}.contact-section h2>span{color:#dfadff;background:linear-gradient(100deg,#ffc5f2,#92e8ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.contact-section h2>svg{color:#e1b5ff;filter:drop-shadow(0 0 20px #ca80ff);animation:cta-arrow 4s ease-in-out infinite}.contact-top .status-dot{background:#9cfaff;box-shadow:0 0 15px #83eaff}.contact-bottom{border-color:#dab6f450}.contact-bottom>p,.contact-number{color:#e0cbef}.button-dark{background:#fff;color:#541b8c;box-shadow:0 7px 30px #1e08294f}.button-dark:hover{background:#f0dfff;color:#492074}.email-link{color:white}.contact-section a:focus-visible{outline-color:white}.footer{position:relative}.footer-bottom{color:#b5a1c8}.motion-toggle{position:fixed;z-index:45;bottom:18px;right:20px;display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid #b47ef580;border-radius:30px;background:#180c2ae8;color:#e9d5ff;padding:9px 14px;box-shadow:0 6px 25px #05020966;font-size:10px;backdrop-filter:blur(10px)}.motion-icon{font-size:13px}.motion-toggle:hover{border-color:#e3adff}.reveal-ready{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.revealed{opacity:1;transform:translateY(0)}.service-card.reveal-ready.revealed:hover{transform:perspective(900px) translateY(-7px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}.motion-paused *,.page-hidden *,.offscreen-motion *{animation-play-state:paused!important}.motion-paused .reveal-ready,.reduced-motion .reveal-ready{opacity:1;transform:none;transition:none}.motion-paused .service-card{--rx:0deg!important;--ry:0deg!important}
@keyframes aurora-drift{from{transform:translate3d(-20px,-15px,0) scale(.9)}to{transform:translate3d(35px,25px,0) scale(1.12)}}
@keyframes gradient-travel{to{background-position:220% 0}}
@keyframes star-turn{to{rotate:360deg}}
@keyframes button-sheen{0%,60%{transform:translateX(-65%) rotate(15deg)}90%,100%{transform:translateX(65%) rotate(15deg)}}
@keyframes halo-breathe{0%,100%{opacity:.6;scale:.94}50%{opacity:1;scale:1.1}}
@keyframes core-levitate{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-13px) rotate(4deg)}}
@keyframes ring-spin-a{from{transform:rotateX(65deg) rotateZ(-25deg) scale(1.33)}to{transform:rotateX(65deg) rotateZ(335deg) scale(1.33)}}
@keyframes ring-spin-b{from{transform:rotateY(64deg) rotateZ(35deg) scale(1.25)}to{transform:rotateY(64deg) rotateZ(395deg) scale(1.25)}}
@keyframes ring-spin-c{to{transform:rotateX(25deg) rotateY(-20deg) rotateZ(360deg)}}
@keyframes orbit-dot{from{transform:rotate(0) translateX(195px) rotate(0)}to{transform:rotate(360deg) translateX(195px) rotate(-360deg)}}
@keyframes float-code{0%,100%{transform:translateY(0) rotate(7deg)}50%{transform:translateY(-14px) rotate(4deg)}}
@keyframes float-flow{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(12px) rotate(-3deg)}}
@keyframes caret-breathe{50%{opacity:.2}}
@keyframes equalizer{to{transform:scaleY(.3);opacity:.6}}
@keyframes label-float{50%{translate:0 -12px}}
@keyframes particle-rise{0%,100%{transform:translateY(10px);opacity:.2}50%{transform:translateY(-38px);opacity:.9}}
@keyframes strip-sweep{0%,100%{transform:translateX(-50%)}50%{transform:translateX(50%)}}
@keyframes art-rotate{50%{transform:rotate(65deg) translateY(-4px);border-radius:50%}}
@keyframes flow-travel{0%{transform:translateX(0);opacity:0}15%{opacity:1}85%{opacity:1}100%{transform:translateX(200px);opacity:0}}
@keyframes cta-arrow{50%{transform:translate(7px,-7px)}}
@media(max-width:1150px){.hero{min-height:710px}.hero h1{font-size:74px}.hero-visual{transform:scale(.88)}.title-star{font-size:38px}.hero .eyebrow{font-size:9px;letter-spacing:.6px}.hero-description{font-size:15px}.art-flow{padding:16px}.art-flow>span{width:35px;height:35px}.art-flow>i{width:25px}}
@media(max-width:900px){.header{height:90px}.hero{min-height:660px}.hero h1{font-size:60px}.hero-visual{width:440px;transform:scale(.77)}.title-star{font-size:32px}.hero .eyebrow{font-size:8px;letter-spacing:.3px;padding:8px 10px}.hero-description{font-size:14px}.hero-foot{font-size:9px}.service-art{height:130px}.aurora{filter:blur(35px)}.aurora-purple{left:20%;width:550px}}
@media(max-width:650px){.header{height:76px}.hero{padding-top:38px;padding-bottom:15px;overflow:visible;min-height:0}.hero h1{font-size:clamp(53px,12vw,76px);margin-top:24px}.hero .eyebrow{font-size:8px;letter-spacing:.7px}.hero-description{font-size:14px}.hero-visual{width:100%;height:470px;transform:none;margin:14px 0 5px;align-self:stretch;overflow:hidden}.core-system{width:310px;height:310px;top:51%;transform:translate(-50%,-50%) scale(.87)}.energy-halo{width:100%;height:390px}.visual-grid{inset:0}.float-code{width:206px;top:15px;right:8px;border-radius:9px}.code-lines{font-size:9px;line-height:1.8;padding:13px}.window-head{padding:8px 11px;font-size:8px}.float-flow{bottom:26px;left:9px;padding:13px;gap:10px}.float-flow strong{font-size:11px}.float-flow>div>span{font-size:7px}.mini-flow-icon{width:35px;height:35px}.visual-caption{top:0;left:8px;right:auto;font-size:6px;letter-spacing:1px}.visual-coordinate{bottom:0;left:5px;right:5px;font-size:7px}.label-web{top:147px;left:5px;padding:8px;font-size:8px}.label-code{right:7px;bottom:132px;padding:8px;font-size:8px}.core-sphere.layer-top{inset:49px}.core-letter{left:63px;top:35px;font-size:119px}.core-label{bottom:37px;font-size:7px}.core-letter>span{font-size:59px;left:40px}.particle:nth-child(n+17){display:none}.aurora{opacity:.35;filter:blur(28px)}.aurora-purple{left:15%;top:90px;width:370px;height:600px}.aurora-blue{right:-120px;top:400px;width:340px}.aurora-pink{left:-100px;top:350px;width:300px}.title-star{font-size:34px}.hero-foot{font-size:10px}.hero-actions .button{font-size:12px}.expertise-strip p{font-size:12px}.service-art{height:145px}.art-browser-content{padding-inline:12px}.art-browser-content>span{font-size:29px}.art-orb{height:78px;width:78px}.art-flow>span{width:49px;height:49px}.art-flow>i{width:42px}.motion-toggle{right:12px;bottom:12px;padding:10px 12px;min-width:44px;min-height:44px}.motion-text{display:none}.contact-inner{padding-block:40px}.footer{padding-bottom:68px}.service-card:hover{transform:none}.service-card.reveal-ready.revealed:hover{transform:none}.contact-section h2{font-size:clamp(36px,8.5vw,54px)}}
@media(max-width:360px){.hero h1{font-size:49px}.title-star{font-size:27px}.hero .eyebrow{font-size:7px}.hero-actions .button{font-size:11px}.hero-visual{height:430px;margin:15px 0 5px}.core-system{transform:translate(-50%,-50%) scale(.77)}.float-code{width:190px}.float-flow{bottom:25px;left:8px}.hero-foot{font-size:9px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.aurora{opacity:.25}.service-card:hover{transform:none}.hero h1>.gradient-title{background-position:20% 0}html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Decorative orbit and light beams stay within the page canvas. */
main{overflow:clip}
@media(min-width:651px) and (max-width:820px){.hero{grid-template-columns:1fr 1fr}.hero-visual{width:380px;transform:scale(.72)}.hero h1{font-size:56px}.hero .eyebrow{font-size:7px;letter-spacing:.2px}.hero-description{max-width:325px}.hero-foot{gap:10px}}
.motion-paused *::before,.motion-paused *::after,.page-hidden *::before,.page-hidden *::after,.offscreen-motion *::before,.offscreen-motion *::after{animation-play-state:paused!important}.motion-toggle:disabled{cursor:default;opacity:.8}
@media(min-width:651px) and (max-width:900px){.hero .title-star{display:none}}
/* Official Kodlix emblem */
.brand-emblem{width:48px;height:48px;object-fit:contain;border-radius:50%;flex-shrink:0;filter:drop-shadow(0 0 8px #379eff40)}.footer .brand-emblem{width:40px;height:40px}.logo{gap:10px}@media(max-width:650px){.brand-emblem{width:40px;height:40px}}