:root { color-scheme: light; --ink:#061521; --ink-2:#0a2233; --muted:#4f6471; --paper:#f3f7f8; --white:#fff; --line:#d8e2e7; --blue:#3366ff; --aqua:#70f0dd; --lime:#c9ff57; --max:1220px; --radius:1.35rem; --ease:cubic-bezier(.16,1,.3,1); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:clip; color:var(--ink); background:var(--paper); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.55; -webkit-font-smoothing:antialiased; }
::selection { color:var(--ink); background:var(--aqua); }
a { color:inherit; } button,a { -webkit-tap-highlight-color:transparent; } img { display:block; max-width:100%; }
em { color:var(--blue); font-family:Georgia,"Times New Roman",serif; font-weight:400; }
.shell { width:min(calc(100% - 3rem),var(--max)); margin-inline:auto; }
.section { padding:8rem 0; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip-link { position:fixed; top:1rem; left:1rem; z-index:100; transform:translateY(-160%); padding:.75rem 1rem; background:var(--white); border-radius:.5rem; text-decoration:none; }
.skip-link:focus { transform:none; }
.scroll-progress { position:fixed; z-index:80; inset:0 auto auto 0; width:100%; height:3px; background:linear-gradient(90deg,var(--aqua),var(--blue),var(--lime)); transform:scaleX(var(--scroll-progress,0)); transform-origin:left; box-shadow:0 0 18px rgba(112,240,221,.65); pointer-events:none; }

.site-header { position:fixed; inset:0 0 auto; z-index:50; color:var(--white); border-bottom:1px solid rgba(255,255,255,.12); transition:background .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease; }
.site-header.is-scrolled { color:var(--ink); background:rgba(243,247,248,.9); border-color:rgba(6,21,33,.09); box-shadow:0 12px 40px rgba(6,21,33,.07); backdrop-filter:blur(18px); }
.header-inner { min-height:5.4rem; display:flex; align-items:center; justify-content:space-between; gap:2rem; }
.brand { display:inline-flex; align-items:center; gap:.75rem; color:inherit; font-weight:780; letter-spacing:-.025em; text-decoration:none; }
.brand-mark { position:relative; display:grid; place-items:center; width:2.25rem; height:2.25rem; color:var(--ink); background:var(--aqua); border-radius:.48rem; font-size:1rem; font-weight:900; line-height:1; transform:rotate(-3deg); }
.brand-mark i,.brand-mark i::before { position:absolute; display:block; content:""; background:var(--blue); }
.brand-mark i { width:.55rem; height:.16rem; right:.2rem; top:.3rem; }
.brand-mark i::before { width:.16rem; height:.55rem; left:.195rem; top:-.195rem; }
.nav { display:flex; align-items:center; gap:1.65rem; }
.nav a { color:inherit; font-size:.88rem; font-weight:680; text-decoration:none; opacity:.76; transition:opacity .2s,color .2s,background .2s; }
.nav a:hover,.nav a:focus-visible { opacity:1; color:var(--aqua); }
.site-header.is-scrolled .nav a:hover,.site-header.is-scrolled .nav a:focus-visible { color:var(--blue); }
.nav .nav-cta { padding:.68rem 1rem; color:var(--ink); background:var(--aqua); border-radius:.65rem; opacity:1; }
.site-header.is-scrolled .nav .nav-cta { color:var(--white); background:var(--ink); }
.lang-switcher { display:flex; align-items:center; padding:.22rem; border:1px solid rgba(255,255,255,.22); border-radius:.55rem; }
.site-header.is-scrolled .lang-switcher { border-color:var(--line); }
.lang-switcher button { min-width:2rem; padding:.32rem .38rem; color:inherit; background:transparent; border:0; border-radius:.35rem; cursor:pointer; font:inherit; font-size:.65rem; font-weight:800; letter-spacing:.05em; opacity:.56; }
.lang-switcher button:hover,.lang-switcher button:focus-visible { opacity:1; }
.lang-switcher button[aria-current="true"] { color:var(--ink); background:var(--aqua); opacity:1; }
.motion-toggle { min-height:2rem; padding:.28rem .48rem; display:inline-flex; align-items:center; gap:.35rem; color:inherit; background:transparent; border:1px solid rgba(255,255,255,.22); border-radius:.55rem; cursor:pointer; font:inherit; font-size:.64rem; font-weight:850; letter-spacing:.06em; }.site-header.is-scrolled .motion-toggle { border-color:var(--line); }.motion-toggle i { width:.45rem; height:.45rem; border-radius:50%; background:var(--aqua); box-shadow:0 0 11px var(--aqua); }.motion-toggle[aria-pressed="true"] { opacity:.6; }.motion-toggle[aria-pressed="true"] i { background:#93a2aa; box-shadow:none; }
.menu-button { display:none; }

.hero { position:relative; min-height:880px; padding:10.5rem 0 7.2rem; display:grid; align-items:center; overflow:hidden; color:var(--white); background:var(--ink); }
.hero::before { position:absolute; content:""; width:58rem; height:58rem; right:-22rem; top:-24rem; border-radius:50%; background:radial-gradient(circle,rgba(51,102,255,.5),rgba(51,102,255,0) 67%); filter:blur(4px); animation:glow-shift 8s ease-in-out infinite alternate; }
.hero::after { position:absolute; content:""; width:36rem; height:36rem; left:-18rem; bottom:-22rem; border-radius:50%; background:radial-gradient(circle,rgba(112,240,221,.17),transparent 68%); }
.hero-noise { position:absolute; inset:0; opacity:.1; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px); background-size:64px 64px; mask-image:linear-gradient(to right,rgba(0,0,0,.8),transparent 88%); animation:grid-move 16s linear infinite; }
.hero-grid { position:relative; z-index:2; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:5rem; }
.eyebrow { display:flex; align-items:center; gap:.65rem; margin:0 0 1.25rem; color:var(--blue); font-size:.76rem; font-weight:850; letter-spacing:.17em; text-transform:uppercase; }
.eyebrow b { font:inherit; }.eyebrow>span { width:1.55rem; height:2px; background:currentColor; }.eyebrow-light { color:var(--aqua); }
.hero h1 { margin:0; font-size:clamp(3.4rem,6.2vw,6.6rem); line-height:.9; letter-spacing:-.075em; text-wrap:balance; }
.hero h1 em { display:inline-block; color:var(--aqua); font-size:.9em; letter-spacing:-.055em; }
.hero-lead { max-width:680px; margin:2rem 0 0; color:rgba(255,255,255,.72); font-size:clamp(1.06rem,1.7vw,1.22rem); line-height:1.65; }
.company-fact { display:flex; align-items:center; gap:.6rem; margin:1rem 0 0; color:rgba(255,255,255,.58); font-size:.72rem; font-weight:760; letter-spacing:.075em; text-transform:uppercase; }
.company-fact span { flex:0 0 auto; width:.48rem; height:.48rem; border-radius:50%; background:var(--lime); box-shadow:0 0 0 .32rem rgba(201,255,87,.08),0 0 16px rgba(201,255,87,.4); }
.company-fact b { font:inherit; }
.hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:1.4rem; margin-top:2.3rem; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:.8rem; min-height:3.35rem; padding:.82rem 1.25rem; border-radius:.72rem; font-size:.92rem; font-weight:780; text-decoration:none; transition:transform .35s var(--ease),background .25s,color .25s,box-shadow .35s; }
.button:hover,.button:focus-visible { transform:translateY(-4px); }
.button-primary { color:var(--ink); background:var(--aqua); box-shadow:0 14px 34px rgba(112,240,221,.16); }
.button-primary:hover,.button-primary:focus-visible { background:var(--lime); box-shadow:0 20px 48px rgba(201,255,87,.2); }
.text-link { font-weight:750; text-underline-offset:.35rem; text-decoration-thickness:1px; }.text-link-light { color:rgba(255,255,255,.82); }.text-link span:last-child { margin-left:.25rem; color:var(--aqua); }
.hero-proof { display:grid; grid-template-columns:repeat(3,1fr); max-width:600px; margin-top:3rem; padding-top:1.2rem; border-top:1px solid rgba(255,255,255,.14); }
.hero-proof span { color:rgba(255,255,255,.62); font-size:.78rem; font-weight:720; text-transform:uppercase; letter-spacing:.08em; }.hero-proof b { margin-right:.4rem; color:var(--aqua); }.hero-proof i { font-style:normal; }

.ops-stage { --rx:0deg; --ry:0deg; position:relative; min-height:580px; transform:perspective(1100px) rotateX(var(--rx)) rotateY(var(--ry)); transform-style:preserve-3d; transition:transform .2s ease-out; }
.ops-grid { position:absolute; inset:3rem 1rem; border:1px solid rgba(112,240,221,.15); border-radius:50%; background:radial-gradient(circle,rgba(51,102,255,.17),transparent 55%); box-shadow:inset 0 0 80px rgba(51,102,255,.12),0 0 90px rgba(51,102,255,.08); }
.ops-ring { position:absolute; border:1px solid rgba(255,255,255,.12); border-radius:50%; }
.ops-ring-one { inset:7rem 4.5rem; animation:spin 26s linear infinite; }.ops-ring-two { inset:11rem 8.5rem; border-style:dashed; animation:spin-reverse 18s linear infinite; }
.ops-ring-one::before,.ops-ring-two::after { position:absolute; content:""; width:.7rem; height:.7rem; border-radius:50%; background:var(--aqua); box-shadow:0 0 0 .45rem rgba(112,240,221,.12),0 0 24px var(--aqua); }
.ops-ring-one::before { left:12%; top:10%; }.ops-ring-two::after { right:10%; bottom:8%; background:var(--blue); box-shadow:0 0 0 .45rem rgba(51,102,255,.14),0 0 24px var(--blue); }
.ops-core { position:absolute; z-index:4; inset:50% auto auto 50%; width:235px; height:235px; padding:2rem; display:flex; flex-direction:column; justify-content:center; transform:translate(-50%,-50%) translateZ(40px); color:var(--white); background:rgba(10,34,51,.84); border:1px solid rgba(112,240,221,.44); border-radius:50%; box-shadow:0 0 0 1.4rem rgba(112,240,221,.035),0 28px 70px rgba(0,0,0,.35); backdrop-filter:blur(18px); }
.ops-core::before { position:absolute; content:""; inset:-3px; z-index:-1; border-radius:50%; background:conic-gradient(from 0deg,transparent 0 62%,var(--aqua) 72%,transparent 82%); animation:spin 5s linear infinite; }
.ops-core span { color:var(--aqua); font-size:.7rem; font-weight:850; letter-spacing:.18em; }.ops-core strong { margin-top:.75rem; font-size:1.45rem; line-height:1.18; letter-spacing:-.04em; }.ops-core i { width:3.5rem; height:.25rem; margin-top:1.35rem; background:linear-gradient(90deg,var(--aqua),var(--blue)); border-radius:2rem; animation:line-pulse 2s ease-in-out infinite; }
.ops-node { position:absolute; z-index:5; padding:.72rem .9rem; display:flex; align-items:center; gap:.55rem; color:rgba(255,255,255,.9); background:rgba(6,21,33,.78); border:1px solid rgba(255,255,255,.13); border-radius:.7rem; box-shadow:0 15px 35px rgba(0,0,0,.22); backdrop-filter:blur(14px); font-size:.78rem; font-weight:760; animation:node-float 4.5s ease-in-out infinite; }
.ops-node b { font:inherit; }.ops-node span { width:.5rem; height:.5rem; border-radius:50%; background:var(--aqua); box-shadow:0 0 12px var(--aqua); }
.node-amazon { top:7%; left:37%; }.node-web { top:28%; right:-1%; animation-delay:-.8s; }.node-product { bottom:18%; right:2%; animation-delay:-1.6s; }.node-ai { bottom:7%; left:9%; animation-delay:-2.4s; }.node-admin { top:28%; left:-1%; animation-delay:-3.2s; }
.ops-status { position:absolute; z-index:6; right:9%; bottom:3%; display:flex; align-items:center; gap:.55rem; color:rgba(255,255,255,.64); font-size:.72rem; text-transform:uppercase; letter-spacing:.11em; }.ops-status i { width:.48rem; height:.48rem; border-radius:50%; background:var(--lime); box-shadow:0 0 0 .35rem rgba(201,255,87,.1); animation:status-pulse 1.8s ease-in-out infinite; }
.scope-rail { position:absolute; z-index:3; inset:auto 0 0; height:3.65rem; overflow:hidden; border-top:1px solid rgba(255,255,255,.12); background:rgba(255,255,255,.035); }.scope-track { width:max-content; height:3.65rem; display:flex; flex-wrap:nowrap; align-items:center; gap:1.35rem; white-space:nowrap; color:rgba(255,255,255,.54); font-size:.72rem; font-weight:780; letter-spacing:.14em; animation:marquee 38s linear infinite; will-change:transform; }.scope-track>* { flex:0 0 auto; }.scope-track i { width:.35rem; height:.35rem; border-radius:50%; background:var(--aqua); }

.section-heading { max-width:820px; margin-bottom:4rem; }.section-heading h2,.method h2,.contact h2 { margin:0; font-size:clamp(2.7rem,4.8vw,5rem); line-height:.98; letter-spacing:-.065em; text-wrap:balance; }.section-heading>p:last-child { max-width:650px; margin:1.2rem 0 0; color:var(--muted); font-size:1.08rem; }
.split-heading { max-width:none; display:grid; grid-template-columns:1fr .72fr; gap:7rem; align-items:end; }.split-heading>p:last-child { margin:0 0 .35rem; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.service-card { position:relative; min-height:270px; padding:1.8rem; display:flex; flex-direction:column; justify-content:space-between; gap:2rem; background:var(--white); overflow:hidden; transition:color .45s var(--ease),background .45s var(--ease),transform .45s var(--ease),box-shadow .45s var(--ease); }
.service-card::before { position:absolute; content:""; width:12rem; height:12rem; right:-8rem; bottom:-8rem; border-radius:50%; background:var(--aqua); transition:transform .55s var(--ease); }.service-card:hover { z-index:2; color:var(--white); background:var(--ink-2); transform:translateY(-9px); box-shadow:0 28px 55px rgba(6,21,33,.18); }.service-card:hover::before { transform:scale(1.5); opacity:.12; }
.service-index { color:var(--blue); font-size:.72rem; font-weight:900; letter-spacing:.1em; }.service-card:hover .service-index { color:var(--aqua); }.service-card h3 { margin:0; max-width:260px; font-size:1.4rem; line-height:1.15; letter-spacing:-.035em; }.service-card p { margin:.8rem 0 0; color:var(--muted); font-size:.92rem; }.service-card:hover p { color:rgba(255,255,255,.68); }.service-featured { color:var(--white); background:var(--blue); }.service-featured .service-index { color:var(--aqua); }.service-featured p { color:rgba(255,255,255,.76); }

.ai-system { position:relative; overflow:hidden; color:var(--white); background:linear-gradient(145deg,#071c2b,#0b2c42 68%,#0b3650); }
.ai-system::before { position:absolute; content:""; inset:0; opacity:.12; background-image:linear-gradient(rgba(112,240,221,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(112,240,221,.14) 1px,transparent 1px); background-size:48px 48px; mask-image:radial-gradient(circle at center,#000,transparent 78%); }
.ai-system::after { position:absolute; content:""; width:40rem; height:40rem; left:50%; top:48%; transform:translate(-50%,-50%); border-radius:50%; background:radial-gradient(circle,rgba(51,102,255,.22),transparent 65%); filter:blur(12px); }
.ai-system .shell { position:relative; z-index:2; }.ai-heading>p:last-child { color:rgba(255,255,255,.65); }.ai-heading h2 em { color:var(--aqua); }
.product-manifesto { position:relative; margin:-.8rem 0 3.2rem; padding:1.45rem 1.55rem; display:grid; grid-template-columns:auto 1.15fr .85fr; align-items:center; gap:1.5rem; overflow:hidden; background:linear-gradient(115deg,rgba(112,240,221,.11),rgba(51,102,255,.11)); border:1px solid rgba(112,240,221,.25); border-radius:1rem; box-shadow:0 24px 60px rgba(0,0,0,.16); }
.product-manifesto::after { position:absolute; content:""; width:18rem; height:18rem; right:-9rem; top:-10rem; border:1px solid rgba(112,240,221,.13); border-radius:50%; box-shadow:0 0 0 2.5rem rgba(112,240,221,.025),0 0 0 5rem rgba(51,102,255,.025); }
.product-signal { position:relative; z-index:2; width:4.6rem; height:4.6rem; display:grid; place-items:center; border:1px solid rgba(112,240,221,.35); border-radius:50%; }
.product-signal::before { content:"e"; color:var(--aqua); font-size:1.6rem; font-weight:900; }
.product-signal i { position:absolute; inset:.5rem; border:1px solid rgba(112,240,221,.16); border-radius:50%; animation:spin 9s linear infinite; }.product-signal i:nth-child(2){inset:-.35rem;border-style:dashed;animation-direction:reverse;animation-duration:15s}.product-signal i:nth-child(3){inset:auto .2rem .7rem auto;width:.48rem;height:.48rem;background:var(--lime);box-shadow:0 0 14px var(--lime)}
.product-copy { position:relative; z-index:2; }.product-copy>span { color:var(--aqua); font-size:.66rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }.product-copy h3 { margin:.3rem 0 0; font-size:clamp(1.45rem,2.5vw,2.2rem); letter-spacing:-.045em; }.product-copy p { max-width:660px; margin:.45rem 0 0; color:rgba(255,255,255,.65); font-size:.88rem; }
.product-capabilities { position:relative; z-index:2; display:grid; gap:.55rem; }.product-capabilities span { display:flex; align-items:center; gap:.55rem; color:rgba(255,255,255,.75); font-size:.74rem; }.product-capabilities i { width:.42rem; height:.42rem; flex:0 0 auto; border-radius:50%; background:var(--lime); box-shadow:0 0 10px rgba(201,255,87,.7); }.product-capabilities b { font:inherit; font-weight:720; }
.ai-console { position:relative; min-height:480px; display:grid; grid-template-columns:1fr 1.1fr 1fr; gap:4rem; align-items:center; }
.ai-console::before,.ai-console::after { position:absolute; content:""; top:50%; height:1px; width:26%; background:linear-gradient(90deg,rgba(112,240,221,.08),var(--aqua),rgba(112,240,221,.08)); animation:data-line 2.2s ease-in-out infinite; }.ai-console::before { left:22%; }.ai-console::after { right:22%; animation-delay:-1.1s; }
.ai-column { position:relative; z-index:3; display:grid; gap:.72rem; }.ai-label { margin-bottom:.45rem; color:rgba(255,255,255,.42); font-size:.68rem; font-weight:850; letter-spacing:.15em; text-transform:uppercase; }.ai-chip { min-height:3.45rem; padding:.75rem 1rem; display:flex; align-items:center; gap:.7rem; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.12); border-radius:.65rem; box-shadow:0 12px 30px rgba(0,0,0,.12); backdrop-filter:blur(12px); font-size:.8rem; font-weight:730; transition:background .3s,transform .35s var(--ease),border-color .3s; }.ai-chip:hover { transform:translateX(6px); background:rgba(112,240,221,.09); border-color:rgba(112,240,221,.35); }.ai-chip i { width:.48rem; height:.48rem; flex:0 0 auto; border-radius:50%; background:var(--aqua); box-shadow:0 0 12px var(--aqua); }.ai-outputs .ai-chip i { background:var(--lime); box-shadow:0 0 12px var(--lime); }
.ai-engine { position:relative; z-index:4; min-height:360px; display:grid; place-items:center; }.engine-radar,.engine-radar i { position:absolute; inset:50% auto auto 50%; border:1px solid rgba(112,240,221,.18); border-radius:50%; transform:translate(-50%,-50%); }.engine-radar { width:340px; height:340px; animation:spin 18s linear infinite; }.engine-radar::before { position:absolute; content:""; left:50%; top:50%; width:50%; height:1px; transform-origin:left; background:linear-gradient(90deg,var(--aqua),transparent); }.engine-radar i:nth-child(1){width:260px;height:260px}.engine-radar i:nth-child(2){width:180px;height:180px}.engine-radar i:nth-child(3){width:.65rem;height:.65rem;left:83%;top:26%;background:var(--aqua);box-shadow:0 0 0 .5rem rgba(112,240,221,.1),0 0 22px var(--aqua)}
.engine-core { position:relative; z-index:2; width:210px; height:210px; padding:1.8rem; display:flex; flex-direction:column; justify-content:center; color:var(--white); background:rgba(6,21,33,.88); border:1px solid rgba(112,240,221,.48); border-radius:50%; box-shadow:0 0 0 1.2rem rgba(112,240,221,.035),0 24px 60px rgba(0,0,0,.3); }.engine-core span { color:var(--aqua); font-size:.64rem; font-weight:900; letter-spacing:.16em; }.engine-core strong { margin-top:.65rem; font-size:1.3rem; line-height:1.15; letter-spacing:-.035em; }.engine-core small { margin-top:.7rem; color:rgba(255,255,255,.5); font-size:.63rem; text-transform:uppercase; letter-spacing:.08em; }
.ai-status-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem; margin-top:2rem; }.ai-status-card { padding:1.5rem; background:rgba(255,255,255,.055); border:1px solid rgba(255,255,255,.12); border-radius:.85rem; }.ai-status-card>span { display:flex; align-items:center; gap:.6rem; color:var(--aqua); font-size:.72rem; letter-spacing:.1em; text-transform:uppercase; }.ai-status-card>span i { width:.5rem; height:.5rem; border-radius:50%; background:currentColor; box-shadow:0 0 0 .35rem rgba(112,240,221,.09); }.ai-status-card p { margin:.8rem 0 0; color:rgba(255,255,255,.62); font-size:.88rem; }.ai-status-card.is-building>span { color:var(--lime); }

.ecosystem { position:relative; overflow:hidden; background:linear-gradient(155deg,#f7fafb,#eaf0f2); }.ecosystem::before { position:absolute; content:""; width:38rem; height:38rem; right:-15rem; top:7rem; border:1px solid rgba(51,102,255,.11); border-radius:50%; box-shadow:0 0 0 5rem rgba(51,102,255,.025),0 0 0 10rem rgba(51,102,255,.018); pointer-events:none; }
.stack-board { position:relative; min-height:510px; padding:3.2rem; display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:4.5rem; overflow:hidden; background:rgba(255,255,255,.82); border:1px solid rgba(6,21,33,.1); border-radius:var(--radius); box-shadow:0 30px 90px rgba(6,21,33,.11); backdrop-filter:blur(16px); }.stack-board::before { position:absolute; content:""; inset:0; opacity:.45; background-image:linear-gradient(rgba(51,102,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(51,102,255,.07) 1px,transparent 1px); background-size:46px 46px; mask-image:linear-gradient(90deg,#000,transparent 80%); pointer-events:none; }
.stack-hub { position:relative; z-index:2; aspect-ratio:1; width:min(100%,340px); margin-inline:auto; padding:3rem; display:flex; flex-direction:column; justify-content:center; color:var(--white); background:radial-gradient(circle at 30% 20%,#143c59,var(--ink) 70%); border:1px solid rgba(112,240,221,.5); border-radius:50%; box-shadow:0 0 0 1.25rem rgba(112,240,221,.055),0 34px 75px rgba(6,21,33,.25); }.stack-hub::before,.stack-hub::after { position:absolute; content:""; inset:-2rem; border:1px solid rgba(51,102,255,.22); border-radius:50%; animation:spin 17s linear infinite; }.stack-hub::after { inset:-4rem; border-style:dashed; animation:spin-reverse 24s linear infinite; }.stack-hub>span { color:var(--aqua); font-size:.66rem; font-weight:850; letter-spacing:.18em; }.stack-hub strong { margin-top:.55rem; font-size:clamp(2.6rem,5vw,4.6rem); line-height:.95; letter-spacing:-.075em; }.stack-hub small { margin-top:1rem; max-width:180px; color:rgba(255,255,255,.6); font-size:.73rem; text-transform:uppercase; letter-spacing:.07em; }.stack-hub>i { width:.72rem; height:.72rem; margin-top:1.5rem; background:var(--lime); border-radius:50%; box-shadow:0 0 0 .5rem rgba(201,255,87,.1),0 0 26px var(--lime); }
.brand-cloud { position:relative; z-index:2; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.85rem; }.brand-tile { --brand:var(--blue); min-width:0; min-height:88px; padding:1rem 1.05rem; display:grid; grid-template-columns:2.7rem minmax(0,1fr); grid-template-rows:auto auto; column-gap:.85rem; align-content:center; color:var(--ink); background:rgba(255,255,255,.92); border:1px solid rgba(6,21,33,.1); border-radius:.85rem; box-shadow:0 12px 30px rgba(6,21,33,.055); transition:transform .38s var(--ease),box-shadow .38s var(--ease),border-color .3s; }.brand-tile:hover { transform:translateY(-6px) rotate(-.5deg); border-color:color-mix(in srgb,var(--brand) 42%,transparent); box-shadow:0 22px 45px rgba(6,21,33,.11); }.brand-tile i { grid-row:1/3; width:2.7rem; height:2.7rem; display:grid; place-items:center; align-self:center; color:var(--white); background:var(--brand); border-radius:.68rem; font-style:normal; font-size:1.02rem; font-weight:900; box-shadow:0 8px 20px color-mix(in srgb,var(--brand) 25%,transparent); }.brand-tile span { min-width:0; align-self:end; overflow:hidden; text-overflow:ellipsis; font-weight:850; letter-spacing:-.02em; white-space:nowrap; }.brand-tile small { min-width:0; align-self:start; overflow:hidden; color:var(--muted); text-overflow:ellipsis; white-space:nowrap; }.brand-amazon{--brand:#ff9900}.brand-ebay{--brand:#e53238}.brand-cdiscount{--brand:#008bd2}.brand-prestashop{--brand:#25b9d7}.brand-claude{--brand:#c56b4f}.brand-openai{--brand:#0b8f71}.brand-youtube{--brand:#e62117}.brand-ovh{--brand:#123f6d}.trademark-note { max-width:900px; margin:1.25rem auto 0; color:var(--muted); font-size:.78rem; text-align:center; }

.method { position:relative; overflow:hidden; color:var(--white); background:var(--ink); }.method::after { position:absolute; content:"DKO"; right:-1rem; bottom:-8rem; color:rgba(255,255,255,.025); font-size:24rem; font-weight:900; letter-spacing:-.1em; line-height:1; }.method-grid { position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr; gap:8rem; align-items:center; }.method h2 em { color:var(--aqua); }
.steps { margin:0; padding:0; list-style:none; border-top:1px solid rgba(255,255,255,.15); }.steps li { display:grid; grid-template-columns:3.4rem 1fr; gap:1.2rem; padding:1.65rem 0; border-bottom:1px solid rgba(255,255,255,.15); transition:padding .35s var(--ease),background .35s; }.steps li:hover { padding-left:1rem; background:linear-gradient(90deg,rgba(112,240,221,.07),transparent); }.steps>li>span { color:var(--aqua); font-size:.72rem; font-weight:850; letter-spacing:.1em; }.steps h3 { margin:0; font-size:1.35rem; }.steps p { margin:.3rem 0 0; color:rgba(255,255,255,.59); }

.references { overflow:hidden; background:#eaf0f2; }.project-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }.project-card { border-radius:var(--radius); overflow:hidden; box-shadow:0 24px 65px rgba(6,21,33,.1); transition:transform .5s var(--ease),box-shadow .5s var(--ease); }.project-card:hover { transform:translateY(-10px); box-shadow:0 35px 80px rgba(6,21,33,.17); }.project-dark { color:var(--white); background:var(--ink); }.project-light { background:var(--white); }
.project-media { position:relative; height:350px; display:block; overflow:hidden; color:var(--white); background:#dfe8eb; }.project-media::after { position:absolute; content:""; inset:0; background:linear-gradient(to top,rgba(6,21,33,.55),transparent 48%); pointer-events:none; }.project-media>img { width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform 1s var(--ease),filter .6s; }.project-card:hover .project-media>img { transform:scale(1.055); filter:saturate(1.08); }
.browser-chrome { position:absolute; z-index:2; inset:1rem 1rem auto; min-height:2.2rem; padding:0 .8rem; display:flex; align-items:center; gap:.35rem; color:var(--muted); background:rgba(255,255,255,.92); border:1px solid rgba(255,255,255,.5); border-radius:.65rem; box-shadow:0 10px 30px rgba(6,21,33,.1); backdrop-filter:blur(12px); }.browser-chrome i { width:.42rem; height:.42rem; border-radius:50%; background:#ff6b6b; }.browser-chrome i:nth-child(2) { background:#ffd166; }.browser-chrome i:nth-child(3) { background:#63d69a; }.browser-chrome b { margin-left:.45rem; font-size:.68rem; font-weight:720; }
.project-open { position:absolute; z-index:3; right:1rem; bottom:1rem; padding:.55rem .75rem; display:inline-flex; align-items:center; gap:.45rem; color:var(--ink); background:var(--aqua); border-radius:.55rem; font-size:.78rem; font-weight:820; transform:translateY(6px); opacity:.92; transition:transform .35s var(--ease),background .25s; }.project-card:hover .project-open { transform:none; background:var(--lime); }
.project-body { min-height:285px; padding:2rem; display:flex; flex-direction:column; align-items:flex-start; }.client-logo { height:46px; width:auto; max-width:230px; object-fit:contain; object-position:left center; }.client-logo-easyboost { filter:invert(1) grayscale(1) brightness(2); }.client-logo-entretoise { height:48px; }.project-body p { max-width:510px; margin:1.7rem 0 0; color:rgba(255,255,255,.67); font-size:1rem; }.project-light .project-body p { color:var(--muted); }.project-tags { margin-top:auto; padding-top:1.8rem; display:flex; flex-wrap:wrap; gap:.45rem; }.project-tags span { padding:.4rem .62rem; border:1px solid rgba(255,255,255,.18); border-radius:2rem; font-size:.7rem; font-weight:760; letter-spacing:.04em; }.project-light .project-tags span { border-color:var(--line); }
.content-proof { margin-top:1.5rem; min-height:390px; display:grid; grid-template-columns:1.18fr .82fr; overflow:hidden; color:var(--white); background:var(--blue); border-radius:var(--radius); box-shadow:0 24px 65px rgba(6,21,33,.11); text-decoration:none; transition:transform .5s var(--ease),box-shadow .5s var(--ease); }
.content-proof:hover { transform:translateY(-8px); box-shadow:0 35px 80px rgba(6,21,33,.18); }
.content-proof-media { position:relative; overflow:hidden; background:var(--ink); }.content-proof-media::after { position:absolute; content:""; inset:0; background:linear-gradient(90deg,transparent 60%,rgba(51,102,255,.3)); }.content-proof-media img { width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform 1s var(--ease); }.content-proof:hover .content-proof-media img { transform:scale(1.05); }
.play-badge { position:absolute; z-index:2; inset:50% auto auto 50%; width:4.4rem; height:4.4rem; display:grid; place-items:center; transform:translate(-50%,-50%); color:var(--ink); background:var(--aqua); border-radius:50%; box-shadow:0 0 0 1rem rgba(112,240,221,.15); font-size:1.15rem; transition:transform .45s var(--ease),background .25s; }.content-proof:hover .play-badge { transform:translate(-50%,-50%) scale(1.12); background:var(--lime); }
.content-proof-copy { padding:3.2rem; display:flex; flex-direction:column; justify-content:center; }.content-proof-copy h3 { margin:0; font-size:clamp(2rem,3.3vw,3.4rem); line-height:1; letter-spacing:-.055em; }.content-proof-copy>p:not(.eyebrow) { margin:1.4rem 0 0; color:rgba(255,255,255,.75); }.content-link { margin-top:2rem; font-size:.78rem; font-weight:850; letter-spacing:.08em; text-transform:uppercase; }

.contact { padding-top:0; background:#eaf0f2; }.contact-panel { position:relative; padding:4.8rem; display:grid; grid-template-columns:1fr .6fr; gap:6rem; overflow:hidden; color:var(--white); background:var(--blue); border-radius:var(--radius); box-shadow:0 28px 70px rgba(51,102,255,.2); }.contact-panel::after { position:absolute; content:""; width:28rem; height:28rem; right:-14rem; bottom:-20rem; border:5rem solid rgba(112,240,221,.13); border-radius:50%; }.contact h2 em { color:var(--aqua); }.contact-action { position:relative; z-index:2; align-self:center; }.contact-action p { margin:0 0 1.5rem; color:rgba(255,255,255,.82); }.button-light { color:var(--ink); background:var(--white); }.button-light:hover,.button-light:focus-visible { background:var(--aqua); }.contact-action small { display:block; margin-top:.75rem; color:rgba(255,255,255,.7); }
.site-footer { padding:2.5rem 0; background:var(--paper); border-top:1px solid var(--line); }.footer-grid { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; }.site-footer p { margin:0; color:var(--muted); text-align:center; font-size:.84rem; }.footer-links { display:flex; align-items:center; gap:1rem; color:var(--muted); font-size:.78rem; }.footer-links a { text-underline-offset:.2rem; }

.legal-page { min-height:100vh; padding:9rem 0 5rem; background:linear-gradient(145deg,#fff,#eaf0f2); }.legal-card { max-width:830px; padding:3rem; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); box-shadow:0 25px 80px rgba(6,21,33,.12); }.legal-card h1 { margin:0 0 1rem; font-size:clamp(2.3rem,6vw,4rem); letter-spacing:-.055em; line-height:1; }.legal-card h2 { margin:2rem 0 .5rem; font-size:1.3rem; }.legal-card p { color:var(--muted); }.legal-back { display:inline-flex; margin-top:2rem; color:var(--blue); font-weight:750; text-underline-offset:.25rem; }
.motion-ready .reveal { opacity:0; transform:translate3d(0,44px,0) scale(.975); filter:blur(7px); transition:opacity .85s var(--ease),transform .85s var(--ease),filter .85s var(--ease); }.motion-ready .reveal.reveal-left { transform:translate3d(-45px,0,0) scale(.98); }.motion-ready .reveal.reveal-right { transform:translate3d(45px,0,0) scale(.98); }.motion-ready .reveal.reveal-step-2 { transition-delay:.08s; }.motion-ready .reveal.reveal-step-3 { transition-delay:.16s; }.motion-ready .reveal.reveal-step-4 { transition-delay:.24s; }.motion-ready .reveal.is-visible { opacity:1; transform:translate3d(0,0,0) scale(1); filter:none; }

@keyframes glow-shift { to { transform:translate(-5rem,4rem) scale(1.15); } } @keyframes grid-move { to { background-position:64px 64px; } } @keyframes spin { to { transform:rotate(360deg); } } @keyframes spin-reverse { to { transform:rotate(-360deg); } } @keyframes line-pulse { 0%,100% { width:3.5rem; opacity:.55; } 50% { width:6.5rem; opacity:1; } } @keyframes node-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-10px); } } @keyframes status-pulse { 50% { box-shadow:0 0 0 .65rem rgba(201,255,87,0); } } @keyframes marquee { to { transform:translateX(-20%); } } @keyframes data-line { 0%,100%{opacity:.2;filter:blur(2px)}50%{opacity:1;filter:none} } @keyframes hero-rise { from { opacity:0; transform:translateY(36px); filter:blur(8px); } to { opacity:1; transform:none; filter:none; } } @keyframes stage-arrive { from { opacity:0; transform:scale(.82) rotate(-3deg); } to { opacity:1; transform:scale(1) rotate(0); } }
.hero-copy>* { opacity:0; animation:hero-rise .9s var(--ease) forwards; }.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}.hero-copy>*:nth-child(4){animation-delay:.24s}.hero-copy>*:nth-child(5){animation-delay:.32s}.hero-copy>*:nth-child(6){animation-delay:.4s}.ops-stage{opacity:0;animation:stage-arrive 1.15s .18s var(--ease) forwards}
@supports (animation-timeline:view()) {
  .service-card:nth-child(odd) { animation:card-depth-left linear both; animation-timeline:view(); animation-range:entry 0% cover 28%; }
  .service-card:nth-child(even) { animation:card-depth-right linear both; animation-timeline:view(); animation-range:entry 0% cover 28%; }
  .ai-inputs { animation:assemble-left linear both; animation-timeline:view(); animation-range:entry 5% cover 38%; }
  .ai-outputs { animation:assemble-right linear both; animation-timeline:view(); animation-range:entry 5% cover 38%; }
  .ai-engine { animation:engine-lock linear both; animation-timeline:view(); animation-range:entry 0% cover 42%; }
  .stack-hub { animation:engine-lock linear both; animation-timeline:view(); animation-range:entry 0% cover 38%; }
  .brand-tile:nth-child(odd) { animation:assemble-right linear both; animation-timeline:view(); animation-range:entry 0% cover 30%; }
  .brand-tile:nth-child(even) { animation:assemble-left linear both; animation-timeline:view(); animation-range:entry 0% cover 30%; }
  .project-card:first-child { animation:window-left linear both; animation-timeline:view(); animation-range:entry 0% cover 36%; }
  .project-card:last-child { animation:window-right linear both; animation-timeline:view(); animation-range:entry 0% cover 36%; }
  .content-proof-media img { animation:media-pan linear both; animation-timeline:view(); animation-range:entry 0% exit 100%; }
  .contact-panel { animation:panel-lift linear both; animation-timeline:view(); animation-range:entry 0% cover 32%; }
}
@keyframes card-depth-left { from { translate:-4rem 4rem; rotate:-2deg; scale:.92; } to { translate:0 0; rotate:0deg; scale:1; } }
@keyframes card-depth-right { from { translate:4rem 4rem; rotate:2deg; scale:.92; } to { translate:0 0; rotate:0deg; scale:1; } }
@keyframes assemble-left { from { translate:-8rem 2rem; opacity:.15; } to { translate:0 0; opacity:1; } }
@keyframes assemble-right { from { translate:8rem 2rem; opacity:.15; } to { translate:0 0; opacity:1; } }
@keyframes engine-lock { from { scale:.55; rotate:-12deg; filter:blur(8px); } to { scale:1; rotate:0deg; filter:none; } }
@keyframes window-left { from { translate:-6rem 5rem; rotate:-4deg; scale:.92; } to { translate:0 0; rotate:0deg; scale:1; } }
@keyframes window-right { from { translate:6rem 5rem; rotate:4deg; scale:.92; } to { translate:0 0; rotate:0deg; scale:1; } }
@keyframes media-pan { from { object-position:center top; scale:1.08; } to { object-position:center bottom; scale:1; } }
@keyframes panel-lift { from { translate:0 7rem; scale:.94; } to { translate:0 0; scale:1; } }
@keyframes mobile-title-in { from { translate:0 1.4rem; opacity:.25; } to { translate:0 0; opacity:1; } }
@keyframes mobile-media-in { from { scale:1.045; filter:saturate(.75); } to { scale:1; filter:saturate(1); } }
@media (max-width:1050px) { .hero{min-height:auto}.hero-grid{grid-template-columns:1fr;gap:2rem}.hero-copy{max-width:780px}.ops-stage{width:min(100%,700px);min-height:560px;margin-inline:auto}.service-grid{grid-template-columns:repeat(2,1fr)}.method-grid,.contact-panel{grid-template-columns:1fr;gap:3.5rem}.split-heading{grid-template-columns:1fr;gap:1.5rem}.project-media{height:300px}.nav{gap:1rem}.product-manifesto{grid-template-columns:auto 1fr}.product-capabilities{grid-column:2}.ai-console{grid-template-columns:1fr;gap:1.5rem}.ai-console::before,.ai-console::after{display:none}.ai-engine{order:-1}.ai-column{grid-template-columns:repeat(2,1fr)}.ai-label{grid-column:1/-1}.stack-board{grid-template-columns:1fr;gap:5.5rem}.stack-hub{width:min(76vw,330px)} }
@media (max-width:860px) {
  .shell{width:min(calc(100% - 2rem),var(--max))}.section{padding:5.2rem 0}.header-inner{min-height:4.8rem}.menu-button{width:2.8rem;height:2.8rem;padding:0;display:grid;place-content:center;gap:.42rem;color:currentColor;background:transparent;border:1px solid currentColor;border-radius:.65rem;opacity:.75}.menu-button span:not(.sr-only){display:block;width:1.1rem;height:2px;background:currentColor;transition:transform .2s}.menu-button[aria-expanded="true"] span:nth-child(2){transform:translateY(4px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-4px) rotate(-45deg)}
  .nav{position:absolute;inset:calc(100% - .2rem) 1rem auto;padding:.8rem;display:none;flex-direction:column;align-items:stretch;gap:.3rem;color:var(--ink);background:var(--white);border:1px solid var(--line);border-radius:.9rem;box-shadow:0 24px 70px rgba(6,21,33,.18)}.nav.is-open{display:flex}.nav a{padding:.75rem;opacity:1}.nav .nav-cta,.site-header.is-scrolled .nav .nav-cta{color:var(--white);background:var(--ink);text-align:center}.motion-toggle{justify-content:center;border-color:var(--line);padding:.6rem}.lang-switcher{justify-content:center;border-color:var(--line);margin:.2rem 0}.lang-switcher button{flex:1;padding:.55rem}
  .hero{padding:7.8rem 0 6.2rem}.hero-grid{gap:1rem}.hero-copy{min-width:0}.hero h1{max-width:100%;font-size:clamp(2.9rem,15vw,4.7rem);line-height:.92;letter-spacing:-.07em}.hero h1 em{letter-spacing:-.045em}.hero-lead{margin-top:1.5rem;font-size:1rem;line-height:1.58}.company-fact{align-items:flex-start;font-size:.65rem;line-height:1.45;letter-spacing:.055em}.company-fact span{margin-top:.28rem}.hero-actions{margin-top:1.8rem;gap:1rem}.hero-proof{gap:.65rem;margin-top:2.3rem}.hero-proof span{min-width:0;font-size:.61rem;line-height:1.35}.hero-proof b{display:block;margin-bottom:.25rem}.ops-stage{width:100%;min-height:390px;margin-top:.4rem;overflow:hidden;transform:none!important}.ops-grid{inset:2.4rem .5rem}.ops-ring-one{inset:5.4rem 2.7rem}.ops-ring-two{inset:8.2rem 5.5rem}.ops-core{width:166px;height:166px;padding:1.35rem}.ops-core strong{font-size:1.06rem}.ops-node{max-width:8.2rem;padding:.5rem .58rem;font-size:.59rem;line-height:1.2}.node-amazon{top:7%;left:35%}.node-web{top:25%;right:0}.node-product{right:0;bottom:16%}.node-ai{left:0;bottom:7%}.node-admin{top:28%;left:0}.ops-status{right:2%;bottom:2%;font-size:.58rem}
  .section-heading{margin-bottom:2.7rem}.section-heading h2,.method h2,.contact h2{font-size:clamp(2.45rem,12vw,3.7rem);line-height:.96}.section-heading>p:last-child{font-size:1rem}.service-grid{grid-template-columns:1fr;gap:.8rem;background:transparent;border:0}.service-card{min-height:205px;border:1px solid var(--line);border-radius:1rem;box-shadow:0 14px 35px rgba(6,21,33,.065)}.service-card:hover{transform:none}.product-manifesto{margin:-.3rem 0 2.5rem;padding:1.35rem;grid-template-columns:1fr;gap:1rem}.product-signal{width:3.8rem;height:3.8rem}.product-capabilities{grid-column:auto}.ai-column,.ai-status-grid{grid-template-columns:1fr}.ai-console{min-height:auto}.ai-engine{min-height:300px}.engine-radar{width:272px;height:272px}.engine-core{width:190px;height:190px}.stack-board{min-height:auto;padding:4.2rem 1rem 1rem;gap:4.2rem}.stack-hub{width:min(63vw,250px);padding:2rem}.stack-hub::before{inset:-.85rem}.stack-hub::after{inset:-1.7rem}.brand-cloud{grid-template-columns:1fr}.brand-tile{min-height:76px}.method::after{font-size:13rem}.method-grid{gap:3rem}.steps li{padding:1.35rem 0}.project-grid{display:flex;grid-template-columns:none;gap:1rem;margin-inline:-1rem;padding:0 1rem 1.35rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:1rem;scrollbar-width:none}.project-grid::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(86vw,345px);scroll-snap-align:center;scroll-snap-stop:always;transform:none!important}.project-card:hover{transform:none!important}.project-media{height:245px}.project-body{min-height:255px}.content-proof{grid-template-columns:1fr;margin-top:.3rem}.content-proof-media{min-height:235px}.content-proof-copy{padding:2.2rem 1.5rem}.contact-panel{width:100%;padding:2.5rem 1.35rem;gap:2.2rem}.footer-grid{grid-template-columns:1fr;justify-items:start}.site-footer p{text-align:left}.footer-links{flex-wrap:wrap}.legal-card{padding:2rem 1.25rem}
  .motion-ready .reveal,.motion-ready .reveal.reveal-left,.motion-ready .reveal.reveal-right{transform:translate3d(0,24px,0) scale(.99);filter:blur(2px);transition-duration:.68s}.motion-ready .reveal.is-visible{transform:translate3d(0,0,0) scale(1);filter:none}
  .scope-track{animation-duration:48s}
  .site-header.is-scrolled,.ops-node,.ai-chip,.stack-board{backdrop-filter:none}
  @supports (animation-timeline:view()) {
    .service-card:nth-child(n),.ai-inputs,.ai-outputs,.ai-engine,.stack-hub,.brand-tile:nth-child(n),.project-card:nth-child(n),.content-proof-media img,.contact-panel{animation:none!important;translate:none!important;rotate:none!important;scale:1!important;filter:none!important}
    .section-heading h2,.method-intro h2,.contact-panel h2{animation:mobile-title-in linear both;animation-timeline:view();animation-range:entry 0% cover 28%}
    .project-media>img{animation:mobile-media-in linear both;animation-timeline:view();animation-range:entry 0% cover 32%}
  }
}
@media (max-width:380px) { .shell{width:calc(100% - 1.4rem)}.hero h1{font-size:clamp(2.65rem,14.7vw,3.65rem)}.hero-actions{align-items:stretch;flex-direction:column}.hero-actions .button{width:100%}.hero-actions .text-link{align-self:flex-start}.hero-proof{grid-template-columns:1fr;gap:.55rem}.hero-proof span{display:flex;align-items:center;gap:.45rem}.hero-proof b{display:inline;margin:0}.ops-stage{min-height:360px}.ops-core{width:150px;height:150px}.ops-ring-two{inset:7.7rem 5.3rem}.project-card{flex-basis:88vw}.brand-tile{grid-template-columns:2.45rem minmax(0,1fr);padding:.85rem}.brand-tile i{width:2.45rem;height:2.45rem}.contact-panel{padding:2.2rem 1.1rem} }
@media (hover:none) { .service-card:hover,.project-card:hover,.content-proof:hover,.brand-tile:hover,.button:hover{transform:none}.ai-chip:hover{transform:none} }
.motion-paused{scroll-behavior:auto}.motion-paused *,html.motion-paused *::before,html.motion-paused *::after{animation:none!important;transition-duration:.01ms!important}.motion-paused .scope-track{width:max-content;flex-wrap:nowrap;transform:none!important}.motion-paused .reveal{opacity:1!important;transform:none!important;filter:none!important}.motion-paused .ops-stage{opacity:1!important;transform:none!important}