:root{--navy:#0b1f36;--charcoal:#1d2733;--muted:#617084;--blue:#1268a8;--blue-dark:#0f4c81;--brand-purple:#443261;--brand-purple-dark:#312244;--brand-lilac:#f1edf7;--blue-soft:#eaf4fb;--line:#dfe7ef;--surface:#fff;--surface-2:#f8fafc;--shadow:0 24px 70px rgba(68,50,97,.12);--radius:24px;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:linear-gradient(180deg,#fff 0%,#faf8fd 46%,#f8fbfe 100%);color:var(--charcoal);line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{width:min(100% - 40px,var(--max));margin-inline:auto}.narrow{max-width:860px}.section-pad{padding:92px 0}.skip-link{position:absolute;left:16px;top:-60px;background:var(--brand-purple);color:#fff;padding:10px 14px;border-radius:10px;z-index:100}.skip-link:focus{top:14px}.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}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);backdrop-filter:blur(18px);border-bottom:1px solid rgba(223,231,239,.9)}.header-inner{height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand-logo{width:270px;height:auto;display:block}.primary-nav{display:flex;align-items:center;gap:8px}.nav-link{padding:10px 13px;border-radius:999px;color:#405064;font-weight:650;font-size:.95rem}.nav-link:hover,.nav-link.is-active{background:var(--brand-lilac);color:var(--brand-purple)}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:linear-gradient(135deg,var(--brand-purple),var(--blue-dark));color:#fff;font-weight:750;padding:14px 22px;box-shadow:0 14px 34px rgba(68,50,97,.22);transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.button:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(68,50,97,.29)}.button-small{padding:10px 16px;font-size:.93rem}.button-secondary{background:#fff;color:var(--brand-purple);border:1px solid #d8cfe3;box-shadow:none}.nav-toggle{display:none;background:transparent;border:0;width:44px;height:44px;border-radius:12px}.nav-toggle span:not(.sr-only){display:block;width:22px;height:2px;background:var(--brand-purple);margin:5px auto;border-radius:2px}.hero{overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);align-items:center;gap:56px;min-height:620px}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--brand-purple);font-weight:800;font-size:.76rem;margin:0 0 12px}.h1,h1{font-size:clamp(2.6rem,6.55vw,5.35rem);line-height:.98;margin:0 0 26px;color:var(--navy);letter-spacing:-.065em}h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.04;margin:0 0 18px;color:var(--navy);letter-spacing:-.045em}h3{font-size:1.22rem;line-height:1.25;margin:0 0 10px;color:var(--navy);letter-spacing:-.02em}p{margin:0 0 18px}.lead{font-size:clamp(1.1rem,1.9vw,1.32rem);color:#4d5d70;max-width:680px;line-height:1.7}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:36px}.hero-graphic{position:relative;min-height:520px;border-radius:42px;background:radial-gradient(circle at 20% 18%,#eee7f6 0,transparent 33%),linear-gradient(145deg,#fbfaff,#eef6fc);border:1px solid #e4ddea;box-shadow:var(--shadow);overflow:hidden}.orb{position:absolute;border-radius:50%;filter:blur(1px);opacity:.72}.orb-one{width:230px;height:230px;background:#e4d8ee;right:-70px;top:-70px}.orb-two{width:190px;height:190px;background:#dceafd;left:-70px;bottom:-55px}.device-card{position:absolute;background:rgba(255,255,255,.86);backdrop-filter:blur(16px);border:1px solid rgba(223,231,239,.95);box-shadow:0 22px 50px rgba(68,50,97,.13)}.phone{width:148px;height:276px;border-radius:30px;left:54px;top:116px;padding:24px}.phone span{display:block;width:42px;height:5px;margin:0 auto 26px;background:#cfc2dc;border-radius:999px}.phone div{height:42px;border-radius:14px;background:linear-gradient(135deg,#f0eaf7,#fff);margin-bottom:14px;border:1px solid #e8e1ee}.dashboard{width:330px;border-radius:28px;right:42px;top:78px;padding:24px}.dash-top{height:52px;border-radius:18px;background:linear-gradient(135deg,var(--brand-purple),var(--blue-dark));margin-bottom:18px}.dash-row{height:12px;width:58%;background:#d9d2e3;border-radius:999px;margin-bottom:11px}.dash-row.wide{width:88%}.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.dash-grid span{height:72px;border-radius:18px;background:#f6f2fa;border:1px solid #e6ddeb}.global-card{position:absolute;right:86px;bottom:70px;width:182px;border-radius:28px;padding:20px;background:rgba(255,255,255,.92);border:1px solid #e4ddea;box-shadow:0 22px 50px rgba(68,50,97,.12)}.global-card svg{stroke:var(--brand-purple);fill:none;stroke-width:3;margin:auto;width:104px}.global-card p{text-align:center;font-weight:800;color:var(--navy);margin:8px 0 0}.about-band{background:linear-gradient(135deg,#fbfaff,#fff);border-block:1px solid #ece6f2}.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.text-link{display:inline-flex;color:var(--brand-purple);font-weight:800;border-bottom:2px solid rgba(68,50,97,.22);padding-bottom:3px}.section-heading{max-width:740px;margin-bottom:34px}.with-action{max-width:none;display:flex;justify-content:space-between;gap:24px;align-items:end}.card-grid,.why-grid,.content-grid{display:grid;gap:22px}.three-cards{grid-template-columns:repeat(3,1fr)}.service-card,.why-item,.content-card,.detail-card,.contact-panel,.company-info,.info-card,.project-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 45px rgba(68,50,97,.06)}.service-card{padding:32px;transition:transform .2s ease,border-color .2s ease}.service-card:hover,.project-card:hover{transform:translateY(-4px);border-color:#cabbd8}.line-icon{width:50px;height:50px;stroke:var(--brand-purple);fill:none;stroke-width:2.7;stroke-linecap:round;stroke-linejoin:round;margin-bottom:22px}.why-section{background:#f8f6fb}.why-grid{grid-template-columns:repeat(4,1fr)}.why-item{padding:26px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.project-card{overflow:hidden;transition:transform .2s ease,border-color .2s ease}.project-visual{height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#f1edf7,#eaf4fb);position:relative}.project-visual:before{content:"";position:absolute;inset:34px;border:1px solid rgba(68,50,97,.16);border-radius:24px}.project-visual span{position:relative;display:grid;place-items:center;width:88px;height:88px;border-radius:28px;background:#fff;color:var(--brand-purple);font-weight:900;box-shadow:0 14px 34px rgba(68,50,97,.1)}.visual-mobile{background:linear-gradient(135deg,#f7f4fb,#f7fbff)}.visual-internal{background:linear-gradient(135deg,#f4f8fb,#eee8f5)}.project-content{padding:24px}.project-links span{font-size:.92rem;color:var(--muted);font-weight:700}.cta-panel{border-radius:34px;padding:60px;background:linear-gradient(135deg,var(--brand-purple-dark),#123f68);color:#fff;box-shadow:var(--shadow)}.cta-panel h2{color:#fff}.cta-panel p{max-width:720px;color:#e9e1f2;font-size:1.1rem}.page-hero{background:linear-gradient(180deg,#fbfaff,#fff);border-bottom:1px solid #ece6f2}.content-grid{grid-template-columns:repeat(2,1fr)}.content-card{padding:34px}.detail-stack{display:grid;gap:24px}.detail-card{padding:34px;scroll-margin-top:100px}.detail-head{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:start}.check-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:0;margin:24px 0 0;list-style:none}.check-list li{padding:12px 14px;border-radius:14px;background:#f8f4fb;color:#33465b;font-weight:650}.check-list li:before{content:"✓";color:var(--brand-purple);font-weight:900;margin-right:8px}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.contact-panel,.company-info{padding:36px}.form-intro{color:var(--muted);margin-top:-6px;margin-bottom:26px}.form-row{margin-bottom:18px}label{display:block;font-weight:800;color:var(--navy);margin-bottom:8px}input,textarea{width:100%;border:1px solid #cfdce8;border-radius:16px;padding:14px 16px;font:inherit;color:var(--navy);background:#fff;transition:border-color .15s ease,box-shadow .15s ease}input:focus,textarea:focus{outline:none;border-color:var(--brand-purple);box-shadow:0 0 0 4px rgba(68,50,97,.12)}.checkbox-row{display:flex;gap:10px;align-items:flex-start;font-weight:650;color:#4d5d70}.checkbox-row input{width:auto;margin-top:7px}.checkbox-row a,.legal a,.contact-detail a,.footer-contact a{color:var(--brand-purple);text-decoration:underline;text-underline-offset:3px}.field-error{min-height:18px;margin:6px 0 0;color:#b42318;font-size:.9rem;font-weight:650}.form-status{margin-top:16px;font-weight:800}.form-status.success{color:#067647}.form-status.error{color:#b42318}.contact-detail-list{display:grid;gap:16px;margin-top:20px}.contact-detail{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:18px;border:1px solid var(--line);border-radius:18px;background:#fbfaff}.contact-icon{width:28px;height:28px;stroke:var(--brand-purple);fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;margin-top:3px}.contact-detail h3{font-size:1rem;margin-bottom:4px}.contact-detail p{margin:0;color:#4d5d70}.contact-detail strong{color:var(--navy)}.legal h2{font-size:1.45rem;margin-top:28px}.project-empty{border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,#fff,#fbfaff);box-shadow:0 16px 45px rgba(68,50,97,.06);padding:42px;max-width:760px}.project-empty h3{font-size:1.55rem;margin-bottom:10px}.project-empty p{color:var(--muted);font-size:1.05rem;line-height:1.75}.project-template-source{display:none!important}.site-footer{background:#211730;color:#e9e1f2;padding:58px 0 26px}.footer-grid-large{display:grid;grid-template-columns:1.35fr .75fr .9fr 1.15fr;gap:40px;align-items:start}.footer-logo-link{display:inline-flex;margin-bottom:18px}.footer-logo{width:214px;height:auto;border-radius:2px}.footer-company p{color:#d2c6df;max-width:360px}.footer-column h2{font-size:.83rem;line-height:1;text-transform:uppercase;letter-spacing:.14em;color:#fff;margin:0 0 18px}.footer-column{display:grid;gap:10px;font-style:normal}.footer-column a{color:#e9e1f2;font-weight:700}.footer-column a:hover{color:#fff}.footer-contact p{color:#d2c6df;margin:0 0 14px}.footer-contact a{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:36px;padding-top:22px;color:#c8bbd5}.reveal{opacity:1;transform:none;transition:transform .35s ease,box-shadow .35s ease}.reveal.is-visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.reveal{opacity:1;transform:none}}@media (max-width:1040px){.footer-grid-large{grid-template-columns:1fr 1fr}.brand-logo{width:238px}.primary-nav{gap:4px}.nav-link{padding:9px 10px}}@media (max-width:980px){.section-pad{padding:78px 0}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero-grid{min-height:0}.hero-graphic{min-height:460px}.three-cards,.portfolio-grid{grid-template-columns:1fr 1fr}.why-grid{grid-template-columns:repeat(2,1fr)}.check-list{grid-template-columns:1fr 1fr}}@media (max-width:820px){.container{width:min(100% - 30px,var(--max))}.header-inner{height:72px}.brand-logo{width:248px}.nav-toggle{display:block}.primary-nav{position:absolute;left:14px;right:14px;top:76px;display:none;flex-direction:column;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:22px;padding:12px;box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.nav-link,.primary-nav .button{text-align:center;justify-content:center}.section-pad{padding:68px 0}body{font-size:16.5px;line-height:1.72}h1{font-size:clamp(2.55rem,13vw,4.05rem);line-height:1.02;margin-bottom:24px}h2{font-size:clamp(1.95rem,8.6vw,2.68rem)}h3{font-size:1.22rem}.lead{font-size:1.08rem;line-height:1.75}.hero{padding-top:62px}.hero-grid{gap:42px}.hero-actions{gap:14px;margin-top:30px}.button{min-height:48px;padding:14px 22px;font-size:.98rem}.hero-graphic{min-height:390px;border-radius:30px}.phone{width:116px;height:218px;left:22px;top:100px;padding:18px;border-radius:24px}.phone div{height:31px}.dashboard{width:236px;right:18px;top:52px;padding:18px;border-radius:24px}.dash-grid span{height:48px}.global-card{width:150px;right:42px;bottom:34px}.global-card svg{width:80px}.three-cards,.portfolio-grid,.why-grid,.content-grid,.check-list,.footer-grid-large{grid-template-columns:1fr}.card-grid,.why-grid,.portfolio-grid{gap:20px}.with-action{display:block}.section-heading{margin-bottom:28px}.service-card,.why-item{padding:26px}.service-card p,.why-item p,.project-card p,.footer-company p,.footer-contact p,.contact-detail p{font-size:1rem;line-height:1.72}.line-icon{margin-bottom:20px}.cta-panel{padding:40px 30px;border-radius:28px}.cta-panel p{font-size:1.04rem;line-height:1.72}.cta-panel .button{margin-top:4px}.detail-head{grid-template-columns:1fr}.contact-panel,.company-info,.detail-card,.content-card{padding:26px}.contact-detail{padding:18px}.site-footer{padding:52px 0 28px}.footer-grid-large{gap:28px}.footer-column{gap:12px}.footer-column h2{margin-bottom:8px}.footer-logo{width:220px}}@media (max-width:430px){.brand-logo{width:242px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.project-visual{height:160px}.container{width:min(100% - 28px,var(--max))}}@media (max-width:340px){.brand-logo{width:214px}.header-inner{gap:12px}.nav-toggle{width:40px}.contact-panel,.company-info,.detail-card,.content-card,.service-card,.why-item{padding:22px}.cta-panel{padding:34px 24px}body{font-size:16px}}