:root{--ink:#061427;--paper:#f6f7f9;--white:#fff;--black:#061427;--blue:#0869dc;--blue-soft:#c8d9ff;--g200:#dce2eb;--g300:#b9c5d5;--g400:#9aabc1;--g500:#667891;--g600:#53637a;--g700:#354863;--pad:max(24px,calc((100vw - 1280px)/2));--line:#dce2eb;--cyan:#58d9f5}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #578bff;outline-offset:4px}.skip{position:fixed;left:20px;top:-100px;z-index:300;background:white;color:var(--ink);padding:12px 20px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background:var(--cyan);color:var(--ink)}
.site-header{position:sticky;top:0;z-index:100;height:84px;display:flex;align-items:center;gap:24px;padding:0 var(--pad);background:#061427;color:white;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;margin-right:auto;font-weight:800;letter-spacing:.12em;font-size:17px}.brand img{width:42px;height:42px;object-fit:contain}.site-header .nav{display:flex;align-items:center;gap:26px}.nav a{font-size:14px;padding:12px 0;color:#c8d2e1}.nav a:hover,.nav a[aria-current]{color:white}.nav a[aria-current]{box-shadow:0 2px var(--cyan)}.header-login{font-size:12px;border-left:1px solid #ffffff30;padding-left:22px;color:#c8d2e1;white-space:nowrap}.language-switch{border:1px solid #ffffff35;background:transparent;color:white;width:44px;height:44px;border-radius:50%;font-size:12px}.menu-btn{display:none}.page{min-height:60vh}.eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--g600);margin-bottom:22px}.hero{background:var(--ink);color:white;padding:78px var(--pad) 60px;position:relative;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.hero .eyebrow{color:#c8d2e1;display:flex;align-items:center;gap:10px}.hero .eyebrow:before{content:'';width:7px;height:7px;background:var(--cyan);border-radius:50%}.hero h1{font-size:clamp(46px,5.2vw,76px);font-weight:500;line-height:1.04;letter-spacing:-.065em;margin:0 0 27px}.hero h1 em{display:block;font-family:Georgia,serif;font-weight:400;color:var(--cyan)}.hero-copy{max-width:490px;font-size:17px;color:#b9c7da;line-height:1.75;margin-bottom:30px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:14px 22px;border-radius:7px;border:1px solid #ffffff40;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px);background:#ffffff12}.button-primary{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.button-primary:hover{background:#8ee9fb}.hero-note{font-size:12px;color:#9dafc6;margin:20px 0 0}.hero-studio{position:relative;min-width:0;padding:28px 0 10px}.studio-frame{background:#e7edf4;border:1px solid #ffffff30;border-radius:14px;overflow:hidden;box-shadow:0 30px 70px #030e2055;transform:rotate(-2deg)}.studio-bar{height:43px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#53637a;font-size:10px;letter-spacing:.08em}.studio-bar i{height:7px;width:7px;border-radius:50%;background:#b6c2d2;display:inline-block;margin-right:5px}.studio-preview{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.studio-preview img{width:100%;aspect-ratio:1.05;object-fit:cover;object-position:top;border-radius:5px}.studio-preview a{display:block;transition:transform .2s}.studio-preview a:hover{transform:translateY(-4px)}.studio-preview small{display:block;color:#32465f;font-size:11px;margin-top:9px;font-weight:600}.studio-caption{background:#fff;padding:15px 18px;display:flex;justify-content:space-between;color:#33455c;font-size:11px}.studio-caption strong{color:#2458d3}.studio-tag{position:relative;margin:-8px 18px 0 auto;width:max-content;max-width:90%;background:var(--cyan);color:var(--ink);padding:15px 22px;border-radius:8px;font-size:12px;box-shadow:0 12px 30px #0002;transform:rotate(2deg)}.studio-tag b{display:block;font-size:17px;letter-spacing:-.03em}.hero-foot{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;margin-top:65px;padding-top:22px;font-size:11px;color:#a6b7cf;letter-spacing:.07em}.hero-foot a{color:white}.expertise-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px var(--pad);background:#e9edf4;border-bottom:1px solid var(--line);font-size:12px}.expertise-strip>span{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--g600)}.expertise-strip a{padding:7px 0;font-weight:600}.expertise-strip a:hover{color:var(--blue)}
.intro,.services-preview,.work,.process,.faq,.manifesto,.principles,.portfolio-grid,.contact-layout,.map-section{padding:88px var(--pad)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:70px}.intro p{color:var(--g600);font-size:14px;max-width:240px}.intro h2{font-size:clamp(30px,3.6vw,49px);font-weight:500;line-height:1.18;margin:0;max-width:850px}.services-preview{padding-top:12px;background:var(--paper)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:36px}.section-head h2{font-size:clamp(30px,3.2vw,46px);font-weight:500;margin:0}.section-head .eyebrow{margin-bottom:14px}.text-link{display:inline-flex;align-items:center;gap:20px;white-space:nowrap;font-size:13px;border-bottom:1px solid currentColor;padding:8px 0}.service-row{display:grid;grid-template-columns:110px 1.15fr 1fr 44px;gap:30px;align-items:center;padding:27px 0;border-top:1px solid var(--line);transition:background .2s}.service-row:last-child{border-bottom:1px solid var(--line)}.service-row:hover{background:#e9eef7}.service-row .eyebrow{margin:0;font-size:10px;color:#697c96}.service-row h3{font-size:24px;font-weight:500;margin:0}.service-row p{font-size:13px;line-height:1.65;color:var(--g600);margin:0}.service-glyph{grid-column:4;grid-row:1;font-style:normal;width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%}.service-row p{grid-column:3;grid-row:1}.work{background:white}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.project-visual{position:relative;aspect-ratio:1.25;background:#e8edf3;padding:18px;overflow:hidden;border-radius:10px}.project-visual img{height:100%;width:100%;object-fit:cover;object-position:top;border-radius:4px;transition:transform .3s}.project:hover img{transform:scale(1.025)}.project-status{position:absolute;left:26px;bottom:24px;font-size:10px;padding:6px 10px;border:1px solid #dce2eb;background:#fffffff0;color:var(--ink);border-radius:4px}.project-meta{padding-top:20px}.project-meta h3{font-size:20px;font-weight:600;margin-bottom:8px}.project-meta small{font-size:12px;color:var(--g600)}.process{background:#eaf0f7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.step{border-top:1px solid #c4d0df;padding-top:23px}.step>span{font-size:12px;color:#53637a}.step h3{font-size:24px;font-weight:500;margin:25px 0 15px}.step p{font-size:14px;color:var(--g600);margin:0}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:70px}.faq h2{font-size:40px;font-weight:500}.faq details{padding:21px 0;border-bottom:1px solid var(--line)}.faq details:first-child{border-top:1px solid var(--line)}.faq summary{cursor:pointer;font-weight:600;font-size:15px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:22px;font-weight:400}.faq details[open] summary:after{content:'−'}.faq details p{margin:15px 0 0;color:var(--g600);font-size:14px}.cta{padding:72px var(--pad);background:var(--cyan)}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{font-size:clamp(34px,4.5vw,62px);font-weight:500;margin:0}.cta .button{background:var(--ink);color:white;border-color:var(--ink);flex-shrink:0}.cta .button:hover{background:#283f5e}
.site-footer{background:var(--ink);color:white;padding:65px var(--pad) 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1.2fr 1fr;gap:35px;padding-bottom:50px}.footer-brand{display:flex;align-items:center;gap:14px;align-self:start}.footer-brand img{width:48px;height:48px}.footer-title{font-size:23px;letter-spacing:.06em;margin:0}.footer-col h3{font-size:11px;font-weight:400;color:#a6b7cf;letter-spacing:.04em;margin-bottom:19px}.footer-col>a{display:block;font-size:13px;margin:10px 0;color:#e1e8f3}.footer-col a:hover{color:var(--cyan)}.footer-whatsapp{display:flex!important;align-items:center;gap:8px}.footer-whatsapp img{width:17px;height:17px}.social-icons,.contact-social-icons{display:flex;gap:10px;flex-wrap:wrap}.social-icons a,.contact-social-icons a{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ffffff30;border-radius:50%}.social-icons img,.contact-social-icons img{width:17px;height:17px}.footer-bottom{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid #ffffff20;padding-top:24px;font-size:10px;color:#a6b7cf}
.page-hero{background:var(--ink);color:white;padding:72px var(--pad) 65px}.page-hero .eyebrow{color:var(--cyan)}.page-hero h1{font-size:clamp(40px,5.8vw,80px);max-width:950px;font-weight:500;margin:0 0 25px}.page-hero p{font-size:17px;line-height:1.75;color:#b9c7da;max-width:650px;margin-bottom:0}.orb{display:none}.service-detail{display:grid;grid-template-columns:1fr 1.1fr;gap:70px;padding:85px var(--pad);border-bottom:1px solid var(--line);align-items:center}.service-detail:nth-child(odd){background:white}.service-detail h2{font-size:clamp(30px,3.4vw,46px);font-weight:500;margin-bottom:22px}.service-detail p{font-size:15px;color:var(--g600)}.feature-list{padding:0;margin:28px 0 0;list-style:none}.feature-list li{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding:13px 0;font-size:13px}.service-detail .eyebrow{color:var(--blue)}.service-detail .service-cta{margin-top:25px;color:var(--blue)}.service-film video{width:100%;display:block}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 32px;background:white}.case{min-width:0}.case-media{position:relative;aspect-ratio:1.35;background:#e8edf3;padding:22px;border-radius:10px;overflow:hidden}.case-media img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:5px;transition:transform .3s}.case:hover img{transform:scale(1.02)}.visit-label{position:absolute;right:30px;bottom:30px;background:var(--ink);color:white;border-radius:4px;padding:8px 12px;font-size:11px}.case-info{padding-top:23px;display:flex;flex-direction:column;gap:12px}.case h2{font-size:26px;font-weight:500;margin-bottom:13px}.case p{font-size:14px;color:var(--g600);margin:0;max-width:490px}.tag{font-size:10px;color:var(--g600);align-self:start;border:1px solid var(--line);border-radius:30px;padding:5px 10px}.manifesto{display:grid;grid-template-columns:1fr 2fr;gap:50px;background:white}.manifesto blockquote{font-size:clamp(28px,3.4vw,46px);line-height:1.25;margin:0;letter-spacing:-.04em}.principles{padding-top:30px;background:white}.principle{display:grid;grid-template-columns:.6fr 1fr 1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}.principle h3{font-size:24px;font-weight:500;margin:0}.principle p{font-size:14px;color:var(--g600);margin:0}.principle .eyebrow{margin-top:5px}
.contact-layout{display:grid;grid-template-columns:.85fr 1.4fr;gap:80px}.contact-aside h2{font-size:34px;font-weight:500;margin-bottom:26px}.contact-mails a{display:block;font-size:15px;margin:10px 0}.whatsapp-button{display:inline-flex;align-items:center;gap:10px;border:1px solid #bfcad9;border-radius:7px;padding:13px 17px;font-size:13px;margin:20px 0}.whatsapp-button img{width:20px;height:20px}.contact-social-icons a{border-color:var(--line);margin-bottom:16px}.contact-aside>p{color:var(--g600);font-size:13px}#contact-form{padding:32px;background:white;border:1px solid var(--line);border-radius:12px;min-width:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px;min-width:0}.field label,legend{display:block;font-size:12px;font-weight:600;margin-bottom:9px}.field input,.field textarea,.field select{width:100%;min-height:48px;border:1px solid #b8c5d5;border-radius:5px;padding:11px 12px;background:white;color:var(--ink);font-size:15px}.field textarea{min-height:145px;resize:vertical}.service-choices{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 24px}.choice{position:relative;cursor:pointer}.choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.choice span{display:block;border:1px solid #bbc8d8;border-radius:5px;font-size:11px;padding:10px 12px}.choice input:checked+span{background:var(--ink);border-color:var(--ink);color:white}.choice input:focus-visible+span{outline:3px solid #578bff;outline-offset:3px}.submit{background:var(--ink);color:white;min-height:50px;padding:13px 23px;border:0;border-radius:6px;font-weight:600;font-size:13px}.form-note,.form-status{font-size:12px;color:var(--g600);line-height:1.65;margin:16px 0 0}.form-status:empty{display:none}.map-section{padding-top:0;display:grid;grid-template-columns:.85fr 1.4fr;gap:80px;align-items:center}.map-section h2{font-size:30px;font-weight:500}.map-section p{font-size:14px;color:var(--g600)}.map-section iframe{width:100%;height:280px;border:1px solid var(--line);border-radius:10px}.noscript-note{padding:12px var(--pad);background:var(--cyan);font-size:13px}
@media(max-width:1100px){.site-header{height:74px;gap:12px}.site-header .menu-btn{display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;background:transparent;color:white;border:1px solid #ffffff30;border-radius:50%;height:44px;width:44px;flex-shrink:0;order:4}.menu-btn span{width:18px;height:1px;background:currentColor}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header .nav{position:fixed;inset:74px 0 0;background:var(--ink);padding:30px var(--pad);display:flex;flex-direction:column;align-items:stretch;gap:0;visibility:hidden;opacity:0;overflow:auto}.site-header .nav.open{visibility:visible;opacity:1}.nav a{font-size:26px;padding:18px 0;border-bottom:1px solid #ffffff20}.header-login{padding:0;border:0}.hero-layout{gap:30px}.hero h1{font-size:54px}.hero{padding-top:60px}.service-row{grid-template-columns:80px 1fr 1fr 40px;gap:20px}.service-detail{gap:35px}.contact-layout,.map-section{gap:35px}.footer-top{grid-template-columns:1fr 1fr}.expertise-strip{flex-wrap:wrap;justify-content:flex-start;column-gap:26px}}
@media(max-width:760px){:root{--pad:24px}.hero{padding-top:44px;padding-bottom:28px}.hero-layout{grid-template-columns:1fr;gap:22px}.hero h1{font-size:clamp(43px,10.4vw,65px);max-width:560px}.hero .eyebrow{font-size:9px;letter-spacing:.11em}.hero-copy{font-size:15px;max-width:510px}.hero-note{font-size:11px}.hero-studio{max-width:510px;width:100%;padding:8px 5px 0;margin:auto}.studio-preview img{aspect-ratio:1.4}.studio-tag{padding:10px 16px;font-size:10px}.studio-tag b{font-size:14px}.hero-foot{margin-top:32px;font-size:9px;letter-spacing:0}.hero-foot span:last-child{display:none}.expertise-strip{padding-block:19px;gap:10px 22px;font-size:11px}.expertise-strip>span{width:100%}.intro,.services-preview,.work,.process,.faq,.manifesto,.principles,.portfolio-grid,.contact-layout{padding-block:55px}.intro,.faq,.manifesto{grid-template-columns:1fr;gap:22px}.intro p{max-width:none;margin-bottom:0}.intro h2{font-size:31px}.services-preview{padding-top:5px}.section-head{align-items:flex-start;flex-direction:column;gap:16px;margin-bottom:25px}.section-head h2{font-size:32px}.service-row{grid-template-columns:1fr 40px;gap:12px;padding-block:24px}.service-row .eyebrow{grid-column:1;grid-row:1}.service-row h3{grid-column:1;grid-row:2;font-size:23px}.service-row p{grid-column:1;grid-row:3}.service-glyph{grid-column:2;grid-row:2}.projects{grid-template-columns:1fr;gap:30px}.project-visual{aspect-ratio:1.4}.project-meta h3{font-size:22px}.steps{grid-template-columns:1fr;gap:25px}.step h3{margin:12px 0;font-size:24px}.faq{gap:5px}.faq h2{font-size:32px}.cta{padding-block:48px}.cta-inner{align-items:flex-start;flex-direction:column;gap:26px}.cta h2{font-size:40px}.site-footer{padding-top:45px}.footer-top{gap:30px 20px;padding-bottom:30px}.footer-brand{grid-column:1/-1}.footer-col a{font-size:12px;overflow-wrap:anywhere}.footer-col:nth-child(3){grid-column:1/-1;grid-row:3}.footer-social{grid-column:2;grid-row:2}.footer-bottom{flex-direction:column;gap:9px;font-size:10px}.page-hero{padding-block:45px}.page-hero h1{font-size:43px}.page-hero p{font-size:15px}.service-detail{grid-template-columns:1fr;gap:30px;padding-block:50px}.service-detail h2{font-size:33px}.portfolio-grid{grid-template-columns:1fr;gap:38px}.case-media{aspect-ratio:1.25;padding:16px}.case h2{font-size:25px}.principle{grid-template-columns:1fr;gap:12px}.principle .eyebrow{margin-bottom:0}.contact-layout,.map-section{grid-template-columns:1fr;gap:30px}.contact-aside h2{font-size:30px;max-width:430px}#contact-form{padding:22px 18px}.map-section{padding-bottom:50px}.form-row{grid-template-columns:1fr;gap:0}.map-section iframe{height:240px}.header-login{font-size:11px}.brand{font-size:14px;gap:9px}.brand img{width:34px;height:34px}.site-header{gap:10px}.language-switch{flex-shrink:0}.contact-aside .contact-social-icons{display:none}.contact-aside>p{margin-bottom:0}}
@media(max-width:370px){:root{--pad:18px}.site-header{gap:8px}.brand{font-size:12px}.brand img{width:30px;height:30px}.header-login span{display:none}.header-login{font-size:10px}.hero-actions{gap:10px}.hero-actions .button{width:100%}.hero h1{font-size:42px}.studio-bar{padding-inline:12px}.studio-preview{padding:12px;gap:9px}.studio-caption{font-size:9px;padding:12px}.studio-preview small{font-size:9px}.page-hero h1{font-size:37px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

.service-screenshot{border:1px solid var(--line);border-radius:12px;padding:18px;background:#eaf0f7;overflow:hidden}.service-screenshot img{width:100%;border-radius:6px;aspect-ratio:1.55;object-fit:cover;object-position:top}.service-screenshot p{font-size:11px;margin:14px 0 0}.app-blueprint{padding:35px;background:var(--ink);color:white;border-radius:12px}.app-blueprint .eyebrow{color:var(--cyan);font-size:9px}.app-blueprint h3{font-size:32px;font-weight:500}.app-tiles{display:grid;grid-template-columns:1fr 1fr;gap:12px}.app-tiles>div{padding:22px 16px;background:#ffffff07;border:1px solid #ffffff20;border-radius:6px;font-size:13px}.app-tiles b{display:block;color:var(--cyan);font-size:11px;margin-bottom:17px}.app-blueprint>p{color:#b9c7da;margin:24px 0 0;font-size:12px}@media(max-width:400px){.app-blueprint{padding:24px}.app-blueprint h3{font-size:28px}.app-tiles>div{font-size:11px;padding:18px 12px}}

/* Brand atmosphere: the logo's blue and cyan, with a restrained gold reflection. */
:root{--brand-gold:#ffd126}
.site-header{background:#061427;border-bottom-color:#168be433}.brand img{filter:drop-shadow(0 0 7px #087bff40)}
.hero,.page-hero,.cta,.site-footer{position:relative;isolation:isolate;overflow:hidden;background:#061427;color:#fff}
.hero::before,.page-hero::before,.cta::before,.site-footer::before{content:"";position:absolute;z-index:-1;inset:-22%;pointer-events:none;background:radial-gradient(ellipse at 74% 45%,#076eea75 0,transparent 44%),radial-gradient(ellipse at 88% 80%,#00c8e83d 0,transparent 38%),radial-gradient(ellipse at 12% 20%,#094d9c40 0,transparent 40%);animation:brand-current 20s ease-in-out infinite alternate;will-change:transform}
.hero::after,.page-hero::after,.cta::after,.site-footer::after{content:"";position:absolute;z-index:-1;inset:-20%;pointer-events:none;background:radial-gradient(ellipse at 85% 28%,#ffd12614 0,transparent 28%),radial-gradient(ellipse at 35% 78%,#00cbed24 0,transparent 34%);animation:brand-reflection 26s ease-in-out infinite alternate;will-change:transform}
.hero h1 em{color:#65ddf5}.hero .eyebrow:before{background:var(--brand-gold)}.nav a[aria-current]{box-shadow:0 2px var(--cyan)}
.button-primary{background:var(--cyan);border-color:var(--cyan);color:#061427;box-shadow:0 6px 24px #009bd515}.button-primary:hover{background:#8ee9fb}.studio-tag{background:#d9f6fc;border:1px solid #9de5f5;color:#09274a}.studio-tag:before{content:"";display:block;width:28px;height:3px;background:var(--brand-gold);margin-bottom:8px;border-radius:2px}.studio-frame{transform:rotate(-1deg)}.studio-tag{transform:rotate(1deg)}
.cta{border-top:1px solid #178ddb33}.cta .button{background:var(--cyan);border-color:var(--cyan);color:#061427}.cta .button:hover{background:#8ee9fb}.footer-col a:hover{color:var(--cyan)}
.expertise-strip{background:#e9f1fa}.process{background:#edf4fa}.app-blueprint .eyebrow,.app-tiles b{color:#65ddf5}.service-row .eyebrow{color:#53637a}
@keyframes brand-current{from{transform:translate3d(-4%,-2%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.09)}}
@keyframes brand-reflection{from{transform:translate3d(4%,-3%,0) scale(1.02)}to{transform:translate3d(-5%,5%,0) scale(1.1)}}
@media(max-width:760px){.hero::before,.page-hero::before,.cta::before,.site-footer::before{animation-duration:24s}.hero::after,.page-hero::after,.cta::after,.site-footer::after{animation-duration:30s}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after,.page-hero::before,.page-hero::after,.cta::before,.cta::after,.site-footer::before,.site-footer::after{animation:none;will-change:auto}}

/* Service films preserve the full frame and load only on playback. */
.service-art.service-film{min-height:0;align-self:center;aspect-ratio:16/9;width:100%;background:var(--ink);border:1px solid #ffffff18;border-radius:12px;overflow:hidden}
.service-art.service-film>video{position:static;display:block;width:100%;height:100%;object-fit:contain}
.service-detail[id]{scroll-margin-top:100px}
@media(max-width:800px){.service-art.service-film{min-height:0;border-radius:8px}.service-detail[id]{scroll-margin-top:84px}}

.corporate-showcase{align-self:center;min-width:0;width:100%;background:var(--ink);color:white;border-radius:12px;overflow:hidden}
.corporate-slides{position:relative;aspect-ratio:16/9;overflow:hidden}.corporate-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1s ease;pointer-events:none}.corporate-slide.is-active{opacity:1}
.corporate-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px}.corporate-caption{font-size:.75rem;color:var(--g200)}.corporate-actions{display:flex;gap:6px;flex-shrink:0}.corporate-actions button{width:44px;height:44px;background:transparent;color:white;border:1px solid #ffffff30;border-radius:50%;font-size:.75rem;cursor:pointer}.corporate-actions button.is-active{background:var(--blue-soft);color:var(--ink);border-color:var(--blue-soft)}
@media(max-width:520px){.corporate-controls{flex-wrap:wrap}.corporate-caption{flex:1;min-width:120px}.corporate-showcase{border-radius:8px}}

/* Learning platform illustration */
.learning-showcase{align-self:center;min-width:0;background:#fff;border:1px solid #dce0ea;border-radius:16px;overflow:hidden;box-shadow:0 24px 64px #17192110;color:#171921}
.learning-top{height:64px;padding:0 24px;border-bottom:1px solid #e7eaf0;display:flex;align-items:center;justify-content:space-between}.learning-brand{display:flex;align-items:center;gap:10px;font-size:22px;font-weight:800;color:#31356d}.learning-brand>span{font:600 10px ui-monospace,monospace;letter-spacing:.18em;color:#4e5361}.learning-avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef0fa;color:#31356d;font-size:11px;font-weight:700}
.learning-body{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(165px,1fr)}.learning-course{padding:28px 24px}.learning-kicker{font:500 9px ui-monospace,monospace;letter-spacing:.09em;color:#666c7a}.learning-course h3{font:400 clamp(1.35rem,2.3vw,2.1rem)/1.12 Georgia,serif;letter-spacing:-.035em;margin:14px 0 24px}
.learning-player{position:relative;aspect-ratio:16/10;background:radial-gradient(ellipse at 80% 20%,#494e8f,#20233c 70%);border-radius:9px;overflow:hidden;display:grid;place-items:center}.learning-window{width:61%;height:62%;border:1px solid #bacdff50;border-radius:7px;background:#17192190;transform:rotate(-7deg);padding:9px}.learning-window>i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#bacdff70;margin-right:3px}.learning-code{margin:10px 6px;display:grid;gap:8px}.learning-code span{height:4px;background:#bacdff80;border-radius:4px;width:80%}.learning-code span:nth-child(2){width:54%;background:#b19ade}.learning-code span:nth-child(3){width:68%;margin-left:12%}.learning-code span:nth-child(4){width:38%}.learning-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#ffffffed;color:#31356d;box-shadow:0 4px 24px #0003;font-size:16px}.learning-timeline{position:absolute;left:14px;right:14px;bottom:27px;height:3px;background:#ffffff35;border-radius:3px}.learning-timeline>span{display:block;width:70%;height:100%;background:#bacdff;transform-origin:left;transform:scaleX(.15);transition:transform 1.6s ease .3s}.in-view .learning-timeline>span{transform:scaleX(1)}.learning-player>small{position:absolute;bottom:9px;left:14px;font:8px ui-monospace,monospace;color:#dce4ff}
.learning-lesson{display:flex;gap:10px;align-items:center;margin-top:18px}.learning-lesson>span{border:1px solid #e6e8eb;border-radius:7px;padding:8px;font:11px ui-monospace,monospace;color:#666c7a}.learning-lesson strong{display:block;font-size:11px;font-weight:600}.learning-lesson small{display:block;font-size:10px;color:#666c7a;margin-top:3px}.learning-lesson>i{margin-left:auto;font-style:normal;color:#31356d}
.learning-sidebar{background:#f5f6fa;border-left:1px solid #e7eaf0;padding:28px 18px}.learning-progress{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:10px;color:#666c7a}.learning-progress strong{color:#31356d;font-size:15px}.learning-progress-track{height:5px;margin:10px 0 22px;border-radius:5px;background:#e0e4ee;overflow:hidden}.learning-progress-track>span{display:block;width:67%;height:100%;background:#31356d;transform:scaleX(0);transform-origin:left;transition:transform 1.3s ease .4s}.in-view .learning-progress-track>span{transform:scaleX(1)}.learning-module{display:flex;gap:9px;align-items:center;padding:14px 0;border-bottom:1px solid #e6e8eb}.learning-module>i{font-style:normal;background:#e1e7df;color:#3c6041;width:23px;height:23px;flex:0 0 23px;display:grid;place-items:center;border-radius:50%;font-size:10px}.learning-module>span{font-size:10px;font-weight:600}.learning-module small{display:block;margin-top:3px;font-size:9px;font-weight:400;color:#666c7a}.learning-module.current>i{background:#31356d;color:#fff;font-size:8px}.learning-module.current>span{color:#31356d}.learning-module.next>i{background:#e6e8eb;color:#666c7a;font-size:8px}.learning-certificate{display:flex;align-items:center;gap:8px;margin-top:20px;color:#666c7a}.learning-certificate>span{font-size:24px;color:#31356d}.learning-certificate>p{font:10px/1.4 Arial,sans-serif;margin:0}
.learning-bottom{display:flex;align-items:center;gap:7px;padding:14px 24px;border-top:1px solid #e7eaf0;font-size:9px;color:#666c7a}.learning-status{width:5px;height:5px;background:#71957b;border-radius:50%}.learning-example{margin-left:auto;color:#666c7a}
@media(min-width:801px) and (max-width:1100px){.learning-body{grid-template-columns:1fr}.learning-sidebar{border-left:0;border-top:1px solid #e7eaf0}.learning-module{padding:10px 0}.learning-certificate{display:none}}
@media(max-width:520px){.learning-body{grid-template-columns:1fr}.learning-course{padding:22px 20px}.learning-course h3{font-size:1.8rem}.learning-sidebar{border-left:0;border-top:1px solid #e7eaf0;padding:22px 20px}.learning-module>span{font-size:12px}.learning-module small{font-size:10px}.learning-certificate{display:none}.learning-bottom{padding:14px 20px;flex-wrap:wrap}.learning-example{margin-left:0}.learning-top{padding-inline:20px}}

.feature-list li{align-items:center;gap:16px}.feature-code-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;border:1px solid #31356d25;border-radius:8px;background:#31356d08;color:var(--blue);font:600 12px/1 ui-monospace,monospace;letter-spacing:-1px}.learning-lesson>.feature-code-icon{font-size:11px;font-style:normal}

/* OUTIS ERP — alternating original brand artwork. */
.outis-showcase{max-width:520px;justify-self:center;border:1px solid #31356d25}.outis-slides{aspect-ratio:1;background:#05070a}.outis-slides .corporate-slide{object-fit:contain;transition:opacity 1.2s ease}.outis-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 8px}.outis-summary .learning-kicker{color:#b2b8c2}.outis-summary h3{margin:7px 0 0;font:600 24px/1.1 Arial,sans-serif;letter-spacing:.14em}.outis-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffc40040;background:#ffc4000b;border-radius:100px;padding:9px 12px;font-size:10px;color:#f5cf60}.outis-status i{width:5px;height:5px;flex-shrink:0;background:#ffc400;border-radius:50%}.outis-showcase .corporate-controls{padding:16px 24px 20px}
@media(max-width:520px){.outis-summary{padding:20px 18px 8px;flex-wrap:wrap}.outis-status{font-size:10px}.outis-showcase .corporate-controls{padding:14px 18px 18px}}


.learning-timeline>span,.learning-progress-track>span{transform:scaleX(1)}