/* Kodlix identity: the supplied cyan / cobalt / violet emblem sets the palette. */
:root{--paper:#080d20;--ink:#f5f8ff;--muted:#aebbd3;--line:#28365a;--orange:#35dfff;--orange-deep:#566bff;--dark:#060a18;--cream:#f5f8ff}
html{background:#060a18}body{background:#080d20;color:var(--ink)}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#58e8ff}::selection{background:#5b69ff;color:#fff}
.scroll-progress{background:linear-gradient(90deg,#35e5ff,#327bff,#a361ff)}
.header{background:#060b1cf2;border-bottom:1px solid #5b7bba36;box-shadow:0 8px 35px #0207196b}.logo{color:#f5f8ff;gap:9px}.brand-emblem{width:51px;height:51px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 0 10px #168bff73)}.brand-dot{color:#45e5ff}.header nav a:after{background:linear-gradient(90deg,#32e6ff,#8666ff)}.header nav a>span{color:#7f95c5}.header-whatsapp{border-color:#4095da75;background:#0b1735}.header-whatsapp:hover{background:#102653;border-color:#45e7ff}.header nav{color:#e8f2ff}
.hero{background:radial-gradient(ellipse 55% 56% at 77% 37%,#123fb150,transparent 73%),radial-gradient(ellipse 37% 43% at 54% 5%,#37177645,transparent 80%),#050915}.hero-grain{opacity:.035}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(90deg,transparent 0%,#12225d0d 50%,transparent 100%)}.hero-eyebrow{color:#c5d6ff}.live-dot{background:#46eaff;box-shadow:0 0 0 4px #30dfff15,0 0 20px #24dfff}.hero h1{color:#f5f9ff;text-shadow:0 7px 38px #12297830}.hero h1 em{color:#5aeaff;background:linear-gradient(100deg,#68f4ff 6%,#3f9fff 52%,#a582ff 95%);background-clip:text;-webkit-text-fill-color:transparent}.hero-description{color:#b9c9e6}.hero-description strong{color:#f1f8ff}.button.primary{background:linear-gradient(110deg,#41edff,#3c91ff 65%,#826cff);color:#051024;box-shadow:0 12px 35px #1389fa4f}.button.primary:hover{background:linear-gradient(110deg,#82f5ff,#68acff 65%,#a58aff);box-shadow:0 15px 40px #24bfff70}.button.quiet{color:#eff6ff}.button.quiet>span{border-color:#7ba5d4}.hero-proof{color:#b2c5e5}.hero-proof svg{color:#52e5ff}.stage-halo{background:radial-gradient(ellipse at 60% 43%,#3756ff55 0%,#184cdf2e 28%,#8a4dfe1c 50%,transparent 70%)}.stage-grid{background-image:linear-gradient(#5c89ff16 1px,transparent 1px),linear-gradient(90deg,#5c89ff16 1px,transparent 1px)}.stage-coordinate,.stage-cross{color:#739ce8}.stage-orbit{border-color:#57baff51;box-shadow:0 0 50px #1d63ea25,inset 0 0 36px #1d63ea1d}.stage-orbit:after{background:#5deaff;box-shadow:0 0 26px #50eaff}.stage-orbit>span{color:#adc8fd}.hero-stage:before{content:"";position:absolute;right:7%;top:0;width:68%;aspect-ratio:1;border-radius:50%;background:url('assets/kodlix-amblem.webp') center/cover no-repeat;opacity:.26;filter:blur(.3px) saturate(1.4) drop-shadow(0 0 54px #1366ff);pointer-events:none;transform:rotate(-12deg)}.featured-project{background:#0d1734;color:#f6faff;border:1px solid #7693ed92;box-shadow:0 35px 100px #020916d9,0 0 55px #185cff57}.featured-toolbar{border-color:#6183df5b;color:#c7dbff;background:#0b1533}.featured-toolbar .browser-dots i{background:#65bbff}.featured-caption{background:#0a1430;color:#f2f8ff}.featured-caption>div>span{color:#91b8f4}.featured-caption>a{border-color:#7189d16b}.stage-tag{background:linear-gradient(110deg,#11376c,#322278);color:#f1faff;border:1px solid #64c9ff8e;box-shadow:0 8px 32px #1055ed80}.tag-icon{color:#5beaff}.project-selector button{border-color:#6284d1;color:#cad9ff}.project-selector button.active{background:#48dfff;color:#06152d;border-color:#48dfff;box-shadow:0 0 18px #2fdfff8a}.hero-bottom{border-color:#85b2fa2e}.hero-bottom>p{color:#d6e4fd}.hero-bottom>p>span,.hero-location>span{color:#97baf9}.hero-location{color:#b8d0fa}.scroll-cue-icon{border-color:#79adf184}.hero-wordmark{color:#dceaff}.hero-wordmark>i{color:#61dcff;text-shadow:0 0 30px #376fff}
.manifesto{background:transparent}.eyebrow>span:first-child{color:#67caff}.serif-word{color:#8d9fff}.manifesto-star,.process-flower{color:#5deaff;text-shadow:0 0 28px #397fff80}.manifesto-bottom p{color:#b5c4e0}.section-heading>p,.small-note{color:#a9bad9}
.portfolio-section{background:radial-gradient(circle at 94% 4%,#20409a42,transparent 35%),radial-gradient(circle at 8% 70%,#4323814b,transparent 40%),#0b1128;border-color:#2a3761}.portfolio-section h2 em{color:#71b9ff}.portfolio-toolbar{border-color:#354573}.filters button{color:#c0d0eb}.filters button.active{background:linear-gradient(110deg,#1c7def,#6e5aff);color:#fff;box-shadow:0 6px 23px #2460e96c}.filters button:not(.active):hover{background:#172849}.portfolio-toolbar>[role=status]{color:#a6bfe7}.portfolio-cover{border:1px solid #6c89d455;background:#162344;box-shadow:0 18px 46px #02071590}.project-backdrop{background:radial-gradient(ellipse at 53% 20%,#4b6dce80,transparent 63%),linear-gradient(140deg,#123867,#181044)}.project-wordmark,.project-domain{color:#e1efff}.project-screen{box-shadow:0 28px 38px #02071698,0 0 30px #458dff4d;border-color:#b7d4ff}.project-open{background:linear-gradient(110deg,#217bfb,#665bff);color:#fff}.portfolio-cover:hover .project-open{background:linear-gradient(110deg,#2ccdfa,#9261ff)}.card-restaurant .project-backdrop{background:radial-gradient(circle at 50% 20%,#eb957855,transparent 60%),linear-gradient(145deg,#583c65,#171b43)}.card-shop .project-backdrop{background:radial-gradient(circle at 50% 20%,#4ccdbb60,transparent 60%),linear-gradient(145deg,#1d5966,#151946)}.card-clinic .project-backdrop{background:radial-gradient(circle at 50% 20%,#58cddc60,transparent 60%),linear-gradient(145deg,#18587d,#182359)}.card-estate .project-backdrop{background:radial-gradient(circle at 50% 20%,#688fdc60,transparent 60%),linear-gradient(145deg,#274a77,#171847)}.card-hotel .project-backdrop{background:radial-gradient(circle at 50% 20%,#a097e65c,transparent 60%),linear-gradient(145deg,#424884,#241547)}.portfolio-meta,.portfolio-card>p,.project-tags span{color:#a9bbdc}.portfolio-title>a{border-color:#5d7ab4}.portfolio-title>a:hover{background:#267aff;color:#fff}.project-tags span{border-color:#415a91}.portfolio-note{border-color:#344574}.portfolio-note>span{color:#55dfff}.portfolio-note p{color:#b4c4e4}
.services-section{background:radial-gradient(circle at 0% 25%,#132c885a,transparent 45%),#060b1c}.services-section .small-note,.services-section .section-heading>p{color:#aebee3}.services-section h2 em{color:#75baff}.services-section .eyebrow>span{color:#62dfff}.service-card{background:linear-gradient(155deg,#121f3d,#0b142c);border-color:#355080}.service-card:hover{background:linear-gradient(155deg,#172b57,#0d1a38);border-color:#4bb4f5}.service-card-top,.service-card p{color:#b6cae9}.service-card-top>svg:first-child{color:#5fe8ff}.service-tags span{color:#a9d4f6;border-color:#3b5a91}.service-browser-art{background:#dfe8ff;color:#17264c;border-color:#729dea}.art-title em{color:#455fe0}.art-sun{background:linear-gradient(135deg,#45e1ff,#556aff,#a268ff);box-shadow:inset -23px -10px 40px #2b2cb6aa}.art-sun:before{border-color:#b6efffaa}.art-lines i{background:#8ea4d2}.service-product-art>div>span:first-child{color:#a9c3ea}.service-product-art strong{color:#e7f4ff}.art-add{background:#3fcef9;color:#06152c}.code-visual span{color:#4fdbff}.code-visual i{color:#a5adff}.interactive-label{border-color:#4a73b7}.flow-node{background:#0b1a38;border-color:#345899}.flow-node svg{color:#6ddfff}.flow-node.active{background:#123d70;border-color:#6bdfff}.flow-node.done{background:#16375a;border-color:#4fe2ff}.flow-node.done svg{color:#98f2ff}.workflow>i{background:#5c8cce}.workflow-footer>[role=status]{color:#c3dafa}.workflow-footer button{background:#54dbff;color:#062340}.service-flow small{color:#a8bfe2}
.process-section{background:#0a1025}.process-intro p,.process-steps p{color:#afbfdd}.process-contact{color:#78dfff}.process-steps article{border-color:#2a3b67}.principle-band{background:linear-gradient(110deg,#164bc0,#32218a 75%,#401983);color:#fff}.principle-band strong em{color:#8ff2ff}.principle-spark{color:#80eaff}.faq-section{background:#080e20}.faq-section>div>p:not(.eyebrow),.faq-answer p{color:#adc0de}.faq-list{border-color:#2e4172}.faq-list details{border-color:#2e4172}.contact-section{background:radial-gradient(circle at 84% 20%,#5558e58a,transparent 48%),linear-gradient(135deg,#091c43,#171346);color:#fff}.contact-section h2 em{color:#8deaff}.contact-spark{color:#7feaff}.contact-bottom>p{color:#c3d7f2}.button.cream{background:#eff9ff;color:#10214c}.contact-actions>a:not(.button){border-color:#a4c6ff7b}.footer{background:#050a19;color:#c8d9f3}.footer-top,.footer-bottom{border-color:#2a3b63}.footer-top>p,.footer-bottom{color:#a3b6d3}
@media(max-width:850px){.header nav{background:#08132a;border-color:#355795}.hero-stage:before{width:60%;right:8%;top:0}}
@media(max-width:540px){.brand-emblem{width:39px;height:39px}.hero-stage:before{width:76%;right:0;top:0;opacity:.2}.stage-tag{background:linear-gradient(110deg,#123a74,#37277d)}.header-whatsapp{border-color:#2d72a3}}
@media(prefers-reduced-motion:reduce){.hero-stage:before{filter:none}}

/* Shared catalog surfaces follow the supplied emblem. */
.card-restaurant .project-backdrop{background:radial-gradient(circle at 50% 20%,#367fed55,transparent 60%),linear-gradient(145deg,#143d75,#24164b)}
.motion-control{background:#0b1732ed;color:#d1dff7;border-color:#4573b1}