@font-face{font-family:"IBM Plex Sans";src:url("/assets/brand-v2/fonts/IBMPlexSans-Regular.woff2") format("woff2");font-weight:400;font-display:optional}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/brand-v2/fonts/IBMPlexSans-Medium.woff2") format("woff2");font-weight:500;font-display:optional}
@font-face{font-family:"IBM Plex Sans";src:url("/assets/brand-v2/fonts/IBMPlexSans-SemiBold.woff2") format("woff2");font-weight:600;font-display:optional}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/brand-v2/fonts/IBMPlexSansArabic-Regular.woff2") format("woff2");font-weight:400;font-display:optional}
@font-face{font-family:"IBM Plex Sans Arabic";src:url("/assets/brand-v2/fonts/IBMPlexSansArabic-SemiBold.woff2") format("woff2");font-weight:600;font-display:optional}
:root{--ink:#10243d;--signal:#126b91;--sun:#f2c94c;--orange:#ff7a32;--sky:#5bc0ff;--mint:#55d6be;--ocean:#126b91;--ocean-deep:#103b60;--night:#0c2b49;--surface-sky:#e4f7ff;--surface-sun:#fff1b8;--graphite:#3f5368;--canvas:#fff9ec;--white:#fffefa;--line:#d8e0e5;--muted:#667689;--fast:120ms;--standard:240ms;--brand:680ms;--ease:cubic-bezier(.2,.82,.2,1);--max:1280px;--read:760px;--header:76px;--shadow:0 26px 80px rgba(16,36,61,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header) + 24px)}
body{margin:0;background:var(--canvas);color:var(--ink);font-family:"IBM Plex Sans",Arial,sans-serif;font-size:clamp(1rem,.96rem + .18vw,1.125rem);line-height:1.62;overflow-x:hidden}
[lang="ar"] body,[dir="rtl"]{font-family:"IBM Plex Sans Arabic",Arial,sans-serif;letter-spacing:0}
img,svg{display:block;max-width:100%}
a{color:inherit;text-underline-offset:.2em}
button,input,textarea,select{font:inherit}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid var(--signal);outline-offset:4px}
.skip-link{position:fixed;inset-block-start:8px;inset-inline-start:8px;z-index:3000;padding:10px 14px;background:var(--white);transform:translateY(-140%);transition:transform var(--fast)}
.skip-link:focus{transform:none}
.site-header{position:sticky;inset-block-start:0;z-index:1000;height:var(--header);border-block-end:1px solid color-mix(in srgb,var(--line),transparent 30%);background:color-mix(in srgb,var(--canvas),transparent 10%);backdrop-filter:blur(18px)}
.nav-shell{height:100%;max-width:var(--max);margin:auto;padding-inline:clamp(16px,3vw,40px);display:flex;align-items:center;gap:32px}
.brand{display:inline-flex;align-items:center;flex:0 0 auto;text-decoration:none}.brand img{width:154px;height:auto}
.main-nav{margin-inline-start:auto;display:flex;align-items:center;gap:clamp(16px,2vw,30px)}
.main-nav a{position:relative;text-decoration:none;font-size:.86rem;font-weight:600;letter-spacing:.02em}.main-nav a::after{content:"";position:absolute;inset-inline:0;inset-block-end:-8px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--sun),var(--sky));transform:scaleX(0);transform-origin:left;transition:transform var(--standard) var(--ease)}.main-nav a:hover::after,.main-nav a[aria-current="page"]::after{transform:scaleX(1)}
[dir="rtl"] .main-nav a::after{transform-origin:right}
.project-pill{display:flex!important;align-items:center;gap:8px;padding:9px 14px;border:1px solid var(--ink);border-radius:4px}.project-count{min-width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--sun);color:var(--ink);font-size:.72rem}
.locale-switch{display:flex;align-items:center;gap:5px}.locale-switch a{font-size:.72rem;text-transform:uppercase;text-decoration:none;padding:5px 6px}.locale-switch a[aria-current="true"]{background:var(--ink);color:var(--white)}
.menu-toggle{display:none;margin-inline-start:auto;border:1px solid var(--ink);background:transparent;border-radius:4px;padding:10px 12px;min-width:46px;min-height:46px}
main{position:relative;isolation:isolate}
.depth-field{position:fixed;z-index:-2;inset:0;pointer-events:none;perspective:1000px;overflow:hidden;background:radial-gradient(circle at 18% 24%,rgba(242,201,76,.12),transparent 28%),radial-gradient(circle at 82% 52%,rgba(91,192,255,.11),transparent 30%),linear-gradient(var(--canvas),var(--canvas))}
.depth-field::before,.depth-field::after{content:"";position:absolute;inset:-35%;background-image:linear-gradient(rgba(25,35,45,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(25,35,45,.055) 1px,transparent 1px);background-size:72px 72px;transform:rotateX(66deg) translate3d(0,var(--depth-shift,0),-120px);transform-origin:center 35%;mask-image:linear-gradient(to bottom,transparent 3%,#000 34%,transparent 78%)}
.depth-field::after{background-size:288px 288px;opacity:.52;transform:rotateX(66deg) translate3d(0,calc(var(--depth-shift,0) * -.5),-300px)}
.container{width:min(var(--max),calc(100% - clamp(32px,6vw,80px)));margin-inline:auto}
.reading{max-width:var(--read)}
.section{padding-block:clamp(72px,10vw,148px);position:relative}
.section-tight{padding-block:clamp(50px,7vw,96px)}
.eyebrow{margin:0 0 18px;color:var(--signal);font-size:.75rem;font-weight:600;letter-spacing:.11em;text-transform:uppercase}
h1,h2,h3,p{margin-block-start:0}h1,h2,h3{font-weight:500;text-wrap:balance}h1{font-size:clamp(2.7rem,7vw,6.8rem);line-height:.94;letter-spacing:-.055em;max-width:1100px;margin-block-end:30px}h2{font-size:clamp(2.2rem,4.8vw,4.6rem);line-height:1.02;letter-spacing:-.04em;margin-block-end:24px}h3{font-size:clamp(1.35rem,2.1vw,2rem);line-height:1.15;letter-spacing:-.02em}.lead{max-width:800px;font-size:clamp(1.16rem,1.8vw,1.45rem);line-height:1.5;color:var(--graphite)}
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{letter-spacing:0;line-height:1.16}
.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:34px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:12px 20px;border:1px solid var(--ink);border-radius:4px;text-decoration:none;font-weight:600;cursor:pointer;transition:transform var(--fast),background var(--fast),color var(--fast)}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(120deg,var(--sun),var(--orange));border-color:var(--sun);color:var(--ink)}.button-secondary{background:color-mix(in srgb,var(--canvas),transparent 10%)}.button-dark{background:var(--ink);color:var(--white)}
.hero{min-height:calc(100svh - var(--header));display:grid;align-items:center;padding-block:clamp(70px,10vw,140px);overflow:clip}.hero-grid{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(300px,.86fr);gap:clamp(30px,5vw,80px);align-items:center}.hero h1{font-size:clamp(3.15rem,7.2vw,7.4rem)}
.core-stage{position:relative;aspect-ratio:1;display:grid;place-items:center;perspective:1200px;transform-style:preserve-3d}.core-stage::before{content:"";position:absolute;width:72%;height:72%;border:1px solid var(--line);transform:rotate(8deg) translateZ(-140px);box-shadow:0 0 0 32px rgba(255,255,255,.24),0 0 0 64px rgba(25,35,45,.025)}.core-stage img{width:58%;position:relative;z-index:3;filter:drop-shadow(0 26px 42px rgba(25,35,45,.17));transform:translateZ(80px)}
.core-module{position:absolute;width:24%;height:11%;border:1px solid rgba(25,35,45,.22);background:color-mix(in srgb,var(--canvas),var(--white) 35%);box-shadow:0 16px 40px rgba(25,35,45,.1);transform-style:preserve-3d;transition:transform var(--brand) var(--ease)}.core-module::after{content:"";position:absolute;inset:8px;background:linear-gradient(90deg,var(--ink) 0 34%,transparent 34% 42%,var(--sun) 42% 50%,var(--sky) 50% 58%,transparent 58%)}.core-module:nth-of-type(1){inset-block-start:5%;inset-inline-start:4%;transform:rotate(-12deg) translateZ(20px)}.core-module:nth-of-type(2){inset-block-start:10%;inset-inline-end:0;transform:rotate(9deg) translateZ(110px)}.core-module:nth-of-type(3){inset-block-end:11%;inset-inline-start:0;transform:rotate(6deg) translateZ(140px)}.core-module:nth-of-type(4){inset-block-end:4%;inset-inline-end:8%;transform:rotate(-8deg) translateZ(40px)}
.hero:hover .core-module:nth-of-type(1){transform:rotate(-4deg) translate3d(20px,20px,120px)}.hero:hover .core-module:nth-of-type(2){transform:rotate(3deg) translate3d(-18px,25px,170px)}.hero:hover .core-module:nth-of-type(3){transform:rotate(1deg) translate3d(24px,-18px,200px)}.hero:hover .core-module:nth-of-type(4){transform:rotate(-2deg) translate3d(-22px,-25px,100px)}
.axis-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;background:transparent;border:0}.axis-card{position:relative;min-width:0;min-height:390px;padding:30px;border:1px solid rgba(16,36,61,.1);border-radius:18px;background:linear-gradient(145deg,#fffefa,#eef9ff);box-shadow:0 20px 50px rgba(16,36,61,.09);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--brand) var(--ease),box-shadow var(--brand),border-color var(--standard)}.axis-card::before{content:attr(data-index);font-size:.72rem;color:var(--ocean);font-weight:600}.axis-card::after{content:"";position:absolute;inset:auto -12% -28% auto;width:210px;height:210px;border:0;border-radius:48%;background:linear-gradient(135deg,var(--sun),var(--sky));opacity:.2;transform:rotate(18deg);transition:transform var(--brand) var(--ease),opacity var(--standard)}.axis-card h3{margin-block:42px 18px;position:relative;z-index:2;color:var(--ink)}.axis-card p{position:relative;z-index:2;color:var(--graphite)}.axis-card strong{position:relative;z-index:2}.axis-card:hover{color:var(--ink);border-color:rgba(18,107,145,.28);transform:translateY(-8px);box-shadow:0 32px 72px rgba(16,36,61,.15)}.axis-card:hover p{color:var(--graphite)}.axis-card:hover::after{opacity:.34;transform:rotate(55deg) scale(1.08)}
.dark-section{background:radial-gradient(circle at 86% 18%,rgba(91,192,255,.28),transparent 34%),linear-gradient(128deg,var(--surface-sun),#fffaf0 48%,var(--surface-sky));color:var(--ink);overflow:clip}.dark-section .lead,.dark-section p{color:var(--graphite)}.dark-section .eyebrow{color:var(--signal)}.dark-section::after{content:"";position:absolute;width:46vw;aspect-ratio:1;inset-inline-end:-12vw;inset-block-start:12%;border:1px solid rgba(16,59,96,.12);box-shadow:0 0 0 80px rgba(91,192,255,.045),0 0 0 160px rgba(242,201,76,.035);transform:rotate(18deg)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:clamp(40px,8vw,120px);align-items:center}.project-preview{position:relative;z-index:2;background:var(--white);color:var(--ink);padding:clamp(24px,4vw,46px);box-shadow:var(--shadow);transform:perspective(900px) rotateY(-5deg) rotateX(2deg)}[dir="rtl"] .project-preview{transform:perspective(900px) rotateY(5deg) rotateX(2deg)}.preview-line{display:grid;grid-template-columns:1fr auto;gap:20px;padding-block:17px;border-block-end:1px solid var(--line)}.preview-line:last-child{border:0}.preview-total{font-size:1.7rem;font-weight:500}
.demo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.demo-card{position:relative;min-height:390px;border:1px solid var(--line);background:color-mix(in srgb,var(--white),transparent 18%);padding:30px;overflow:hidden}.demo-visual{height:190px;margin-block-end:26px;display:grid;place-items:center;position:relative}.demo-visual span{position:absolute;border:1px solid var(--ink);background:var(--canvas);transition:transform var(--brand) var(--ease)}.demo-card:hover .demo-visual span:nth-child(1){transform:translate3d(-30px,-20px,0) rotate(-6deg)}.demo-card:hover .demo-visual span:nth-child(2){transform:translate3d(24px,-4px,0) rotate(5deg)}.demo-card:hover .demo-visual span:nth-child(3){transform:translate3d(0,28px,0) rotate(-2deg)}.demo-card small{display:block;color:var(--signal);margin-block-start:18px;font-size:.76rem;line-height:1.4}
.process-list{counter-reset:steps;list-style:none;padding:0;margin:54px 0 0;border-block-start:1px solid var(--line)}.process-list li{counter-increment:steps;display:grid;grid-template-columns:80px 1fr auto;gap:24px;align-items:center;padding-block:24px;border-block-end:1px solid var(--line)}.process-list li::before{content:"0" counter(steps);color:var(--signal);font-size:.78rem;font-weight:600}.process-list span{font-size:clamp(1.2rem,2.4vw,2rem);font-weight:500}.process-list small{color:var(--muted)}
.faq{display:grid;grid-template-columns:.65fr 1.35fr;gap:60px}.faq-list{border-block-start:1px solid var(--line)}details{border-block-end:1px solid var(--line)}summary{cursor:pointer;padding-block:22px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary::after{content:"+";font-size:1.5rem;color:var(--signal)}details[open] summary::after{content:"−"}details p{max-width:700px;color:var(--graphite);padding-block-end:20px}
.page-hero{padding-block:clamp(86px,11vw,150px) clamp(60px,8vw,110px);border-block-end:1px solid var(--line)}.page-hero h1{max-width:1050px}.axis-mark{display:inline-grid;grid-template-columns:repeat(2,18px);gap:4px;margin-block-end:30px}.axis-mark i{width:18px;height:18px;background:var(--ink)}.axis-mark i:nth-child(3){background:var(--signal)}.axis-mark i:nth-child(4){background:var(--graphite)}
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;align-items:stretch}.price-card{position:relative;border:1px solid var(--line);padding:26px;background:var(--white);display:flex;flex-direction:column;min-width:0}.price-card.recommended{border:2px solid var(--signal);padding:25px}.price-badge{position:absolute;inset-block-start:0;inset-inline-end:0;background:var(--signal);color:var(--white);padding:6px 10px;font-size:.68rem;font-weight:600;text-transform:uppercase}.price{font-size:clamp(2rem,3vw,3.1rem);font-weight:500;letter-spacing:-.04em;margin-block:16px 5px}.price small{font-size:.8rem;letter-spacing:0;color:var(--muted)}.price-card ul{padding-inline-start:18px;color:var(--graphite);font-size:.9rem}.price-card .button{margin-block-start:auto;width:100%}.meta-row{display:flex;flex-wrap:wrap;gap:8px;margin-block:14px}.meta-chip{padding:4px 8px;background:#eef0f1;font-size:.72rem}.limits-list{margin-block-start:18px;padding-block-start:16px;border-block-start:1px solid var(--line)}
.price-card h2{font-size:1.55rem;line-height:1.1;letter-spacing:-.02em}
.catalog-tabs{display:flex;gap:4px;margin-block-end:28px}.tab-button{border:1px solid var(--ink);background:transparent;padding:10px 16px;cursor:pointer}.tab-button[aria-selected="true"]{background:var(--ink);color:var(--white)}.catalog-panel[hidden]{display:none}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.service-card{border:1px solid var(--line);padding:18px;background:var(--white);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.service-card p{margin:0}.service-card small{color:var(--muted)}.service-card button{grid-column:1/-1;border:1px solid var(--ink);background:transparent;padding:9px;cursor:pointer}.service-card button:hover{background:var(--ink);color:var(--white)}
.project-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,410px);gap:44px;align-items:start}.project-lines{display:grid;gap:12px}.project-line{border:1px solid var(--line);background:var(--white);padding:20px;display:grid;grid-template-columns:1fr auto;gap:16px}.project-line button{border:0;background:transparent;color:var(--signal);cursor:pointer}.project-summary{position:sticky;inset-block-start:calc(var(--header) + 24px);padding:26px;background:var(--ink);color:var(--white)}.summary-row{display:flex;justify-content:space-between;gap:20px;padding-block:10px;border-block-end:1px solid rgba(255,255,255,.15)}.summary-row.total{font-size:1.35rem;border:0}.project-summary .button{width:100%;margin-block-start:16px}.status-note{padding:14px;border-inline-start:3px solid var(--sky);background:rgba(91,192,255,.12);font-size:.88rem}
.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.field{display:grid;gap:7px}.field-full{grid-column:1/-1}.field label{font-weight:600;font-size:.86rem}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:var(--white);padding:13px 14px;border-radius:2px;color:var(--ink)}.field textarea{min-height:140px;resize:vertical}.field .hint{font-size:.75rem;color:var(--muted)}
.notice{border:1px solid rgba(18,107,145,.35);padding:20px;background:rgba(91,192,255,.08)}.legal-copy{max-width:820px}.legal-copy h2{font-size:clamp(1.7rem,3vw,2.6rem);margin-block-start:50px}.legal-copy li{margin-block:8px}
.site-footer{background:linear-gradient(135deg,var(--night),var(--ocean-deep));color:var(--white);padding-block:64px 28px}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand img{width:190px;margin-block-end:20px}.footer-links{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 22px}.footer-links a{color:#e2f3fa}.footer-bottom{margin-block-start:54px;padding-block-start:20px;border-block-start:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:20px;color:#bdd4df;font-size:.78rem}
.naya-trigger{position:fixed;z-index:1100;inset-inline-end:20px;inset-block-end:20px;border:0;background:var(--signal);color:var(--white);padding:13px 17px;border-radius:4px;box-shadow:0 14px 40px rgba(25,35,45,.22);font-weight:600;cursor:pointer}.naya-panel{position:fixed;z-index:1200;inset-block:0;inset-inline-end:0;width:min(430px,100%);background:var(--canvas);box-shadow:-20px 0 70px rgba(25,35,45,.18);padding:24px;transform:translateX(105%);transition:transform var(--standard) var(--ease);display:flex;flex-direction:column}.naya-panel[aria-hidden="false"]{transform:none}[dir="rtl"] .naya-panel{transform:translateX(-105%);box-shadow:20px 0 70px rgba(25,35,45,.18)}[dir="rtl"] .naya-panel[aria-hidden="false"]{transform:none}.naya-head{display:flex;align-items:center;gap:14px;padding-block-end:18px;border-block-end:1px solid var(--line)}.naya-head img{width:58px}.naya-head button{margin-inline-start:auto;border:0;background:transparent;font-size:1.7rem;cursor:pointer}.naya-log{flex:1;overflow:auto;padding-block:20px}.naya-message{max-width:92%;padding:12px 14px;background:var(--white);border:1px solid var(--line)}.naya-message.user{margin-inline-start:auto;background:var(--ink);color:var(--white)}.naya-choices{display:grid;gap:8px}.naya-choices button{border:1px solid var(--ink);background:var(--white);text-align:start;padding:11px;cursor:pointer}.naya-choices button:hover{background:var(--ink);color:var(--white)}
.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(30px);transition:opacity var(--brand) var(--ease),transform var(--brand) var(--ease)}.js .reveal.in-view{opacity:1;transform:none}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media (max-width:1050px){.axis-grid,.price-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{grid-template-columns:1fr .75fr}.main-nav{gap:14px}.main-nav a{font-size:.78rem}}
@media (max-width:780px){:root{--header:66px}.container{width:min(100% - 32px,var(--max))}.brand img{width:128px}.menu-toggle{display:block}.main-nav{position:fixed;inset-block-start:var(--header);inset-inline:0;background:var(--canvas);border-block-end:1px solid var(--line);padding:24px 16px;display:none;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav a{padding:10px 6px;font-size:1rem}.locale-switch{margin-inline-start:auto}.locale-switch a{padding:6px 5px}.hero{min-height:auto}.hero-grid,.split,.project-layout,.faq,.footer-grid{grid-template-columns:1fr}.hero-grid{display:flex;flex-direction:column}.hero-copy{order:2}.core-stage{width:min(78vw,420px)}.axis-grid,.price-grid,.service-grid,.demo-grid{grid-template-columns:1fr}.axis-card{min-height:280px}.price-card{min-height:auto}.process-list li{grid-template-columns:54px 1fr}.process-list small{grid-column:2}.project-preview{transform:none!important}.project-summary{position:static}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.footer-links{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.naya-trigger{inset-block-end:14px;inset-inline-end:14px}.naya-panel{inset-block-start:auto;height:min(78svh,720px);width:100%;transform:translateY(105%)}[dir="rtl"] .naya-panel{transform:translateY(105%)}.naya-panel[aria-hidden="false"],[dir="rtl"] .naya-panel[aria-hidden="false"]{transform:none}h1{font-size:clamp(2.65rem,14vw,4.6rem)}.page-hero{padding-block-start:72px}}
@media (max-width:430px){.locale-switch a{font-size:.65rem}.axis-card,.price-card,.demo-card{padding:22px}.button-row{display:grid}.button-row .button{width:100%}.project-line{grid-template-columns:1fr}.core-stage{width:88vw}.section{padding-block:68px}}
@media (prefers-reduced-motion:reduce){:root{--fast:0ms;--standard:0ms;--brand:0ms}html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.core-module,.project-preview{transform:none!important}.depth-field::before,.depth-field::after{transform:none}}
@media (max-width:780px){.nav-shell{gap:8px;padding-inline:12px}.brand img{width:112px}}
.project-summary .button-secondary{background:var(--white);border-color:var(--white);color:var(--ink)}
.footer-bottom button{border:0;background:transparent;color:#d8dcdf;text-decoration:underline;cursor:pointer}.consent-dialog{width:min(560px,calc(100% - 32px));border:1px solid var(--line);background:var(--canvas);color:var(--ink);padding:28px}.consent-dialog::backdrop{background:rgba(25,35,45,.72)}

/* PASSE 2C — reconstruction créative */
body[data-page="home"]{background:var(--canvas)}
.brand-universe{position:fixed;z-index:-1;inset:var(--header) 0 0;width:100%;height:calc(100svh - var(--header));pointer-events:none;opacity:.98}
.brand-universe.static-universe{background:linear-gradient(145deg,transparent 0 46%,rgba(242,201,76,.18) 46% 50%,rgba(91,192,255,.14) 50% 54%,transparent 54%),linear-gradient(35deg,transparent 0 47%,rgba(16,36,61,.08) 47% 53%,transparent 53%);background-size:78% 62%;background-position:140% 4%;background-repeat:no-repeat}
body[data-page="home"] main{isolation:auto}
.story-scene,.story-bridge{position:relative;isolation:isolate}
.story-scene::before,.story-bridge::before{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none}
.hero.story-scene::before{background:linear-gradient(90deg,rgba(248,247,245,.98) 0 49%,rgba(248,247,245,.28) 70%,transparent)}
[dir="rtl"] .hero.story-scene::before{background:linear-gradient(-90deg,rgba(248,247,245,.98) 0 49%,rgba(248,247,245,.28) 70%,transparent)}
.hero .hero-copy{position:relative;z-index:3;max-width:850px}
.hero .hero-space{min-height:54vh;display:flex;align-items:flex-end;justify-content:flex-end;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;writing-mode:vertical-rl}
.hero .hero-space span{padding:18px 10px;border-inline-start:1px solid var(--line)}
.story-bridge{padding-block:clamp(100px,13vw,190px);background:rgba(248,247,245,.94);border-block:1px solid var(--line)}
.story-bridge h2{max-width:960px;margin-block-end:56px}
.story-bridge .axis-grid{background:transparent;border:0;gap:12px}
.story-bridge .axis-card{min-height:300px;background:rgba(255,255,255,.75);border:1px solid rgba(25,35,45,.14);backdrop-filter:blur(14px)}
.axis-line{width:42px;height:3px;background:var(--signal);margin-block:20px auto}
.axis-card h3{margin-block:28px 18px}
.axis-card strong{margin-block-start:auto;font-size:.82rem}
.axis-story{min-height:120svh;display:grid;align-items:center;padding-block:clamp(110px,15vw,220px)}
.axis-story::before{background:linear-gradient(90deg,rgba(248,247,245,.97) 0 54%,rgba(248,247,245,.62) 68%,rgba(248,247,245,.2))}
.axis-story.reverse::before{background:linear-gradient(-90deg,rgba(248,247,245,.97) 0 54%,rgba(248,247,245,.62) 68%,rgba(248,247,245,.2))}
.story-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(400px,1.12fr);gap:clamp(50px,8vw,130px);align-items:center}
.axis-story.reverse .story-copy{order:2}
.axis-story .story-copy{padding:clamp(24px,4vw,58px);background:rgba(248,247,245,.88);border-inline-start:3px solid var(--signal);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(25,35,45,.06)}
.editorial-frame{position:relative;margin:0;aspect-ratio:3/2;overflow:visible;transform:perspective(1100px) rotateY(-4deg);box-shadow:0 38px 90px rgba(25,35,45,.18)}
.reverse .editorial-frame{transform:perspective(1100px) rotateY(4deg)}
[dir="rtl"] .editorial-frame{transform:perspective(1100px) rotateY(4deg)}
.editorial-frame::before{content:"";position:absolute;z-index:-1;inset:9% -6% -9% 7%;border:1px solid rgba(25,35,45,.34);transform:translateZ(-1px)}
.editorial-frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.86) contrast(1.03)}
.editorial-frame span{position:absolute;inset:auto -1px -1px auto;width:20%;height:5px;background:var(--signal)}
.text-link{display:inline-flex;margin-block-start:20px;font-weight:600;text-decoration:none;border-block-end:1px solid currentColor;padding-block-end:4px}
.proof-section{padding-block:clamp(120px,15vw,210px);background:rgba(25,35,45,.97);color:var(--white)}
.proof-section::before{background:radial-gradient(circle at 68% 26%,rgba(91,192,255,.26),transparent 31%),radial-gradient(circle at 82% 42%,rgba(242,201,76,.2),transparent 24%)}
.proof-section h2{max-width:890px}.proof-section .text-link{color:var(--white)}
.playable-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-block-start:50px}
.playable-grid .demo-card{min-height:540px;display:flex;flex-direction:column;background:rgba(248,247,245,.97);color:var(--ink);border:0;padding:18px}
.playable-grid .demo-card .button{margin-block-start:auto}
.demo-shot{position:relative;overflow:hidden;aspect-ratio:16/10;margin-block-end:24px;background:var(--ink)}
.demo-shot img{width:100%;height:100%;object-fit:cover;transition:transform var(--brand) var(--ease),filter var(--brand) var(--ease)}
.demo-shot span{position:absolute;inset-block-start:0;inset-inline-end:0;padding:7px 10px;background:var(--signal);color:var(--white);font-size:.7rem}
.demo-card:hover .demo-shot img{transform:scale(1.035);filter:saturate(1.12)}
.method-section{padding-block:clamp(120px,15vw,210px);background:rgba(248,247,245,.96)}
.method-section .container{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(40px,8vw,120px);align-items:start}
.method-section .process-list{margin-block-start:0}.method-section .text-link{grid-column:2}
.final-scene{min-height:100svh;display:grid;align-items:center;background:linear-gradient(90deg,rgba(248,247,245,.96) 0 60%,rgba(248,247,245,.24))}
.final-scene .reading{padding-block:100px}
.context-switch{position:relative;margin-inline-start:0}
.context-switch>button{min-height:42px;border:1px solid var(--line);background:rgba(255,255,255,.7);padding:8px 11px;font-size:.72rem;font-weight:600;cursor:pointer}
.context-panel{position:absolute;inset-block-start:calc(100% + 12px);inset-inline-end:0;width:min(330px,calc(100vw - 24px));padding:20px;background:var(--canvas);border:1px solid var(--line);box-shadow:var(--shadow)}
.context-panel strong{display:block;font-size:.88rem;margin-block-end:16px}
.context-panel label{display:grid;gap:6px;font-size:.76rem;font-weight:600;margin-block-start:16px}
.context-panel select{width:100%;min-height:44px;border:1px solid var(--line);background:var(--white);padding:8px}
.context-note{margin:14px 0 0;color:var(--muted);font-size:.68rem;line-height:1.4}
.axis-intro{padding-block:clamp(60px,9vw,130px);background:var(--ink);color:var(--white)}
.axis-intro .story-grid{grid-template-columns:1.15fr .85fr}
.axis-intro .editorial-frame{box-shadow:0 34px 90px rgba(0,0,0,.26)}
.craft-list{list-style:none;margin:0;padding:0;border-block-start:1px solid rgba(255,255,255,.2)}
.craft-list li{display:grid;grid-template-columns:45px 1fr;gap:16px;padding-block:20px;border-block-end:1px solid rgba(255,255,255,.2);font-size:clamp(1rem,1.8vw,1.35rem)}
.craft-list span{color:#ef7d5d;font-size:.72rem}
.catalog-section{background:var(--canvas)}
.price-card,.service-card{box-shadow:0 16px 50px rgba(25,35,45,.045)}
.price [data-display-price],.service-card [data-display-price]{font-variant-numeric:tabular-nums}
.price-disclosure{display:block;color:var(--muted);font-size:.68rem;line-height:1.35;margin-block-start:10px}
.naya-orbit{position:fixed;z-index:1100;inset-inline-end:14px;inset-block-end:74px;width:136px;display:grid;justify-items:center;pointer-events:none;filter:drop-shadow(0 18px 24px rgba(25,35,45,.2))}
.naya-trigger{position:relative;inset:auto;width:126px;height:126px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;pointer-events:auto;transition:transform var(--standard) var(--ease)}
.naya-trigger:hover{transform:translateY(-7px) rotate(-2deg)}
.naya-trigger img{width:100%;height:100%;object-fit:contain}
.naya-bubble{position:absolute;inset-inline-end:84%;inset-block-end:70%;width:max-content;max-width:190px;margin:0;padding:8px 11px;background:var(--white);border:1px solid var(--line);box-shadow:0 12px 34px rgba(25,35,45,.13);font-size:.68rem;line-height:1.3;opacity:0;transform:translateY(6px);transition:opacity var(--standard),transform var(--standard)}
.naya-bubble.visible{opacity:1;transform:none}
.naya-head img{width:88px;height:88px;object-fit:contain}
.game-dialog{width:min(1180px,calc(100% - 32px));height:min(820px,calc(100svh - 32px));padding:0;border:0;background:var(--ink);box-shadow:0 30px 100px rgba(0,0,0,.4);overflow:hidden}
.game-dialog::backdrop{background:rgba(10,16,21,.88);backdrop-filter:blur(9px)}
.game-dialog iframe{width:100%;height:100%;border:0;background:var(--ink)}
.game-close{position:absolute;z-index:3;inset-block-start:10px;inset-inline-end:10px;width:48px;height:48px;border:1px solid rgba(255,255,255,.5);background:rgba(25,35,45,.8);color:var(--white);font-size:1.8rem;cursor:pointer}

@media(max-width:1050px){
  .playable-grid{grid-template-columns:repeat(2,1fr)}
  .story-grid{grid-template-columns:1fr 1fr;gap:48px}
  .context-switch>button{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
}
@media(max-width:780px){
  .brand-universe{opacity:.45;inset-block-start:var(--header);height:54svh;mask-image:linear-gradient(#000,transparent)}
  .hero.story-scene::before,.axis-story::before,.axis-story.reverse::before{background:linear-gradient(rgba(248,247,245,.54),rgba(248,247,245,.97) 48%)}
  .hero .hero-space{min-height:40svh;order:1;writing-mode:horizontal-tb;align-items:flex-end;justify-content:flex-start}
  .hero .hero-copy{order:2;background:rgba(248,247,245,.9);padding-block:26px}
  .story-grid,.axis-intro .story-grid{grid-template-columns:1fr}
  .axis-story{min-height:auto;padding-block:90px}
  .axis-story.reverse .story-copy{order:0}
  .editorial-frame,.reverse .editorial-frame,[dir="rtl"] .editorial-frame{transform:none}
  .playable-grid{grid-template-columns:1fr}.playable-grid .demo-card{min-height:480px}
  .method-section .container{grid-template-columns:1fr}.method-section .text-link{grid-column:auto}
  .context-switch{margin-inline-start:auto}.context-switch>button{max-width:108px}
  .context-panel{position:fixed;inset-inline:12px;inset-block-start:calc(var(--header) + 8px);width:auto}
  .naya-orbit{width:100px;inset-inline-end:4px;inset-block-end:72px}.naya-trigger{width:96px;height:96px}.naya-bubble{display:none}
  .game-dialog{width:100%;height:100svh;max-width:none;max-height:none}
}
@media(max-width:430px){
  .story-bridge{padding-block:80px}.story-bridge .axis-grid{grid-template-columns:1fr}.story-bridge .axis-card{min-height:230px}
  .axis-story .story-copy{padding:24px 18px}.editorial-frame::before{display:none}
  .playable-grid .demo-card{min-height:420px}.naya-panel{height:min(84svh,760px)}
}
@media(prefers-reduced-motion:reduce){.brand-universe{opacity:.22}.naya-trigger:hover{transform:none}.demo-card:hover .demo-shot img{transform:none}}

/* Naya remains a discreet project guide instead of covering the interface. */
.naya-orbit{width:auto;inset-inline-end:16px;inset-block-end:18px;filter:none}
.naya-trigger{position:relative;inset:auto;width:auto;height:52px;padding:5px 12px 5px 5px;display:flex;align-items:center;gap:8px;background:var(--white);border:1px solid rgba(18,107,145,.22);border-radius:12px;box-shadow:0 10px 36px rgba(16,36,61,.16);color:var(--ink);pointer-events:auto}
.naya-trigger:hover{transform:translateY(-3px) rotate(0)}
.naya-trigger img{width:40px;height:40px;object-fit:contain}
.naya-trigger span{color:var(--ink);font-size:.78rem;font-weight:600}
.naya-bubble{inset-inline-end:100%;inset-block-end:56%;margin-inline-end:8px}
@media(max-width:780px){.naya-orbit{width:auto;inset-inline-end:8px;inset-block-end:10px}.naya-trigger{width:auto;height:46px}.naya-trigger img{width:34px;height:34px}}

/* Commercial clarity system — outcome first, detail on demand. */
.main-nav .project-pill{background:linear-gradient(120deg,var(--sun),var(--orange));border-color:var(--sun);color:var(--ink)}
.main-nav .project-pill::after{display:none}
.context-switch>button{border-color:color-mix(in srgb,var(--line),transparent 18%);border-radius:999px;padding:7px 10px;background:transparent}
.page-hero{padding-block:clamp(72px,8vw,112px) clamp(52px,6vw,82px)}
.page-hero h1{font-size:clamp(3rem,6.5vw,6.7rem);line-height:.94;max-width:980px}
.page-hero .lead{max-width:760px;font-size:clamp(1.05rem,1.55vw,1.35rem)}

.decision-grid{background:transparent;border:0;gap:14px}
.decision-card{min-height:370px;border:1px solid var(--line);padding:28px}
.decision-card::after{width:150px;height:150px;inset:auto -18% -18% auto;opacity:.55}
.decision-card .decision-need{display:inline-flex;align-items:center;gap:8px;margin-block-start:18px;color:var(--signal);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.decision-card .decision-need::before{content:"";width:20px;height:2px;background:currentColor}
.decision-card h3{font-size:clamp(1.65rem,2.2vw,2.35rem);line-height:1.03;margin-block:34px 16px}
.decision-card p{margin:0 0 24px;line-height:1.55}
.decision-card .decision-price{display:block;margin-block:auto 18px;color:var(--muted)}
.decision-card .decision-price strong{display:block;margin-block-start:4px;color:var(--ink);font-size:1.35rem}
.decision-card .decision-link{margin-block-start:auto;font-size:.82rem}
.decision-card:hover .decision-price,.decision-card:hover .decision-price strong{color:var(--ink)}

.service-answer{padding-block:clamp(64px,8vw,110px);background:#fff;border-block-end:1px solid var(--line)}
.service-answer-head{display:grid;grid-template-columns:minmax(180px,.42fr) minmax(0,1fr);gap:clamp(28px,7vw,96px);align-items:start;margin-block-end:clamp(40px,6vw,70px)}
.service-answer-head h2{font-size:clamp(2.3rem,4.4vw,4.7rem);line-height:.98;max-width:900px}
.service-answer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin:0}
.service-answer-grid>div{background:var(--canvas);padding:clamp(24px,3vw,38px)}
.service-answer-grid dt{margin-block-end:18px;color:var(--signal);font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.service-answer-grid dd{margin:0;color:var(--ink);font-size:1.05rem;line-height:1.55}
.service-answer-grid ul{margin:0;padding-inline-start:18px}
.service-answer-grid li+li{margin-block-start:8px}

.catalog-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.55fr);gap:clamp(30px,7vw,90px);align-items:end;margin-block-end:42px}
.catalog-heading p{color:var(--graphite)}
.dark-section .project-preview p{color:var(--graphite)}
.catalog-tabs{position:sticky;inset-block-start:calc(var(--header) + 10px);z-index:20;width:max-content;padding:4px;background:rgba(248,247,245,.9);backdrop-filter:blur(14px);border:1px solid var(--line)}
.price-grid{gap:12px}
.price-card{padding:24px;min-height:510px}
.price-card.recommended{padding:23px}
.price-card h3{font-size:clamp(1.5rem,2vw,2rem);margin-block:10px 4px}
.pack-audience{min-height:52px;color:var(--graphite)}
.price{font-size:clamp(1.9rem,2.6vw,2.65rem);margin-block:14px 4px}
.pack-details{margin-block:20px;border-block:1px solid var(--line);padding-block:14px;color:var(--graphite)}
.pack-details summary{cursor:pointer;color:var(--ink);font-weight:600;font-size:.84rem;list-style-position:outside;margin-inline-start:18px}
.pack-details[open] summary{margin-block-end:16px}
.pack-details>strong,.pack-details .limits-list strong{color:var(--ink);font-size:.85rem}
.pack-details ul{font-size:.82rem;line-height:1.45}
.price-card>.button{margin-block-start:auto}

.naya-orbit{inset-inline-end:14px;inset-block-end:14px}
.naya-trigger{height:44px;padding:4px 11px 4px 4px;border-radius:999px;background:rgba(248,247,245,.96)}
.naya-trigger img{width:34px;height:34px}
.naya-trigger span{font-size:.72rem}

@media(max-width:1050px){
  .decision-grid{grid-template-columns:repeat(2,1fr)}
  .price-card{min-height:470px}
}

@media(max-width:780px){
  .nav-shell{padding-inline:14px;gap:8px}
  .brand img{width:104px}
  .context-switch>button{max-width:82px;padding:7px 9px;font-size:.66rem}
  .main-nav{inset-block-end:0;overflow:auto;padding:22px 18px 40px;gap:5px;background:rgba(248,247,245,.98);backdrop-filter:blur(22px)}
  .main-nav a{padding:12px 8px}
  .main-nav .project-pill{margin-block-start:8px;justify-content:center}
  .page-hero{padding-block:58px 46px}
  .page-hero h1{font-size:clamp(2.55rem,11.5vw,4.1rem)}
  .decision-grid{grid-template-columns:1fr}
  .decision-card{min-height:250px;padding:22px}
  .decision-card h3{margin-block:26px 12px}
  .service-answer{padding-block:56px}
  .service-answer-head{grid-template-columns:1fr;gap:12px;margin-block-end:32px}
  .service-answer-grid{grid-template-columns:1fr}
  .service-answer-grid>div{padding:24px 20px}
  .catalog-heading{grid-template-columns:1fr;gap:12px;margin-block-end:28px}
  .catalog-tabs{inset-block-start:calc(var(--header) + 6px);width:100%;display:grid;grid-template-columns:1fr 1fr}
  .tab-button{padding:10px 8px;font-size:.78rem}
  .price-grid{display:grid;grid-template-columns:1fr}
  .price-card,.price-card.recommended{min-height:0;padding:22px}
  .pack-audience{min-height:0}
  .price-card .button{min-height:48px}
  .naya-orbit{inset-inline-end:8px;inset-block-end:8px}
  .naya-trigger{height:42px}.naya-trigger img{width:32px;height:32px}
}

/* Commercial polish — posters, compact language control and living Naya. */
.context-switch>button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:66px;padding:7px 10px}
.context-flag{display:inline-flex;line-height:1}
.locale-flag{display:block;width:18px;height:12px;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.2)}
.context-panel-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-block-end:16px}
.context-panel-head strong{margin:0}
.context-currency{display:inline-flex;align-items:center;justify-content:center;min-width:48px;padding:5px 8px;background:var(--ink);color:var(--white);font-size:.68rem;font-weight:600;letter-spacing:.05em}
.context-panel .locale-switch{margin:0;gap:7px}
.context-panel .locale-switch a{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border:1px solid var(--line)}
.context-panel .locale-switch .locale-flag{box-shadow:0 0 0 1px rgba(25,35,45,.14)}

.playable-grid .demo-card{min-height:520px;padding:0;background:#111a22;color:var(--white);border:1px solid rgba(255,255,255,.12);box-shadow:0 28px 70px rgba(0,0,0,.18)}
.demo-poster{position:relative;isolation:isolate;aspect-ratio:3/2;overflow:hidden;background:#090d11}
.demo-poster>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform var(--brand) var(--ease),filter var(--brand) var(--ease)}
.demo-poster-shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(4,7,9,.05) 25%,rgba(4,7,9,.9) 100%),linear-gradient(90deg,rgba(4,7,9,.58),transparent 62%)}
.demo-poster-copy{position:absolute;z-index:2;inset-inline:22px;inset-block-end:20px;color:#fff}
.demo-poster-copy small{display:block;margin:0 0 7px;color:#ffab91;font-size:.66rem;font-weight:600;letter-spacing:.12em}
.demo-poster-copy h3{margin:0 0 7px;color:#fff;font-size:clamp(2rem,2.8vw,3.2rem);line-height:.92;letter-spacing:-.045em}
.demo-poster-copy p{max-width:340px;margin:0;color:#fff;font-size:.94rem;line-height:1.3;font-weight:500}
.demo-number{position:absolute;z-index:3;inset-block-start:0;inset-inline-end:0;padding:8px 11px;background:var(--signal);color:#fff;font-size:.7rem;font-weight:600}
.demo-card-copy{display:grid;gap:10px;padding:22px 22px 0}
.demo-card-copy p{margin:0;color:#eef1f3;font-size:1rem;line-height:1.45}
.demo-card-copy small{margin:0;color:#aeb8bf;font-size:.7rem;line-height:1.4}
.playable-grid .demo-card>.button{width:calc(100% - 44px);margin:22px;background:var(--signal);border-color:var(--signal);color:#fff}
.playable-grid .demo-card:hover .demo-poster>img{transform:scale(1.045);filter:saturate(1.08) contrast(1.03)}

.naya-orbit{width:116px;inset-inline-end:12px;inset-block-end:10px;filter:none}
.naya-trigger,.naya-trigger:hover{width:112px;height:112px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;transform:none}
.naya-trigger img{width:112px;height:112px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(9,13,17,.22));animation:naya-float 4.8s ease-in-out infinite;transform-origin:50% 90%}
.naya-trigger img.pose-change{animation:naya-pose .48s var(--ease),naya-float 4.8s .48s ease-in-out infinite}
.naya-bubble{inset-inline-end:88%;inset-block-end:72%;max-width:180px;margin:0;padding:10px 12px;border:1px solid rgba(25,35,45,.18);border-radius:12px 12px 2px 12px;background:rgba(255,255,255,.96);box-shadow:0 14px 34px rgba(9,13,17,.14);color:var(--ink);font-size:.72rem;line-height:1.35;pointer-events:none}
[dir="rtl"] .naya-bubble{border-radius:12px 12px 12px 2px}
@keyframes naya-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}50%{transform:translate3d(0,-7px,0) rotate(1.5deg)}}
@keyframes naya-pose{0%{transform:scale(.92) rotate(-3deg)}65%{transform:scale(1.06) rotate(2deg)}100%{transform:scale(1)}}

@media(max-width:780px){
  .context-switch>button{min-width:62px;max-width:none;padding:7px 9px}
  .playable-grid .demo-card{min-height:0}
  .demo-poster-copy{inset-inline:18px;inset-block-end:17px}
  .demo-poster-copy h3{font-size:2.2rem}
  .naya-orbit{width:88px;inset-inline-end:2px;inset-block-end:2px}
  .naya-trigger,.naya-trigger:hover{width:86px;height:86px}
  .naya-trigger img{width:86px;height:86px}
  .naya-bubble{display:block;inset-inline-end:82%;inset-block-end:70%;max-width:150px;font-size:.66rem}
}

@media(prefers-reduced-motion:reduce){.naya-trigger img,.naya-trigger img.pose-change{animation:none}}

/* Vibrant integrated system — warm brand light, portrait games, quiet language control. */
body{background:var(--canvas);background-image:radial-gradient(circle at 8% 18%,rgba(242,201,76,.13),transparent 24%),radial-gradient(circle at 92% 44%,rgba(91,192,255,.12),transparent 28%)}
html,body{max-width:100%;overflow-x:clip}
h1,h2,h3{color:var(--ink);text-wrap:balance}
p{max-width:72ch;text-wrap:pretty}
.eyebrow{color:var(--signal)}
.button{border-radius:10px;transition:transform var(--standard) var(--ease),box-shadow var(--standard),filter var(--standard)}
.button:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(16,36,61,.15)}
.button-primary{border-color:#e5ad22;background:linear-gradient(120deg,var(--sun),#ff9d3f 52%,#ff6f3d);background-size:180% 180%;color:var(--ink);animation:button-glow 7s ease infinite}
.button-dark{background:var(--ink);border-color:var(--ink);color:var(--white)}
@keyframes button-glow{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}

.site-header{background:rgba(255,249,236,.86);border-color:rgba(16,36,61,.1)}
.brand img{width:148px}
.language-switch{position:relative;margin-inline-start:2px}
.language-switch>button{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:48px;min-width:0;height:32px;padding:0 7px;border:1px solid color-mix(in srgb,currentColor,transparent 68%);border-radius:999px;background:transparent;color:inherit;font-size:.66rem;font-weight:600;letter-spacing:.04em;cursor:pointer}
.language-switch>button svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.35}
.language-panel{inset-block-start:calc(100% + 9px);inset-inline-end:0;width:auto;min-width:118px;padding:7px;border-radius:12px;background:rgba(255,254,250,.97);box-shadow:0 18px 46px rgba(16,36,61,.2)}
.language-panel .locale-switch{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}
.language-panel .locale-switch a{justify-content:center;min-width:32px;padding:6px 7px;border:0;border-radius:7px;color:var(--ink);font-size:.65rem}
.language-panel .locale-switch a[aria-current="true"]{background:var(--sun);color:var(--ink)}

.page-hero{isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#fff1b8 0,#fff9ec 34%,#e4f7ff 70%,#fff2d4 100%);background-size:180% 180%;animation:hero-spectrum 16s ease-in-out infinite}
.page-hero::before{content:"";position:absolute;z-index:-2;inset:-35%;background:conic-gradient(from 210deg at 55% 45%,transparent 0 24%,rgba(91,192,255,.2) 34%,rgba(242,201,76,.25) 46%,rgba(255,122,50,.16) 58%,transparent 70%);animation:aurora-spin 26s linear infinite}
.page-hero::after{content:"";position:absolute;z-index:-1;width:44vw;aspect-ratio:1;inset:-30% -8% auto auto;border-radius:50%;background:conic-gradient(from 40deg,rgba(242,201,76,.46),rgba(91,192,255,.34),rgba(255,122,50,.22),rgba(242,201,76,.46));filter:blur(48px);animation:aurora-spin 19s linear infinite reverse}
.page-hero-layout{position:relative;z-index:1;min-height:clamp(390px,45vw,560px);display:grid;grid-template-columns:minmax(0,1.18fr) minmax(260px,.62fr);gap:clamp(34px,7vw,110px);align-items:center}
.page-hero-copy{min-width:0;padding-block:clamp(10px,2vw,24px)}
.page-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-block-end:20px;color:var(--ocean)}
.page-hero .eyebrow::before{content:"";width:32px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--sun),var(--sky))}
.page-hero h1{max-width:980px;margin-block-end:24px;font-size:clamp(3rem,5.7vw,6.35rem);line-height:.95;letter-spacing:-.058em}
.page-hero .lead{max-width:720px;margin:0;font-size:clamp(1.06rem,1.45vw,1.32rem);line-height:1.52}
.page-hero-art{position:relative;min-height:clamp(270px,28vw,390px);display:grid;place-items:center;perspective:900px}
.page-hero-art img{position:relative;z-index:3;width:clamp(122px,12vw,178px);filter:drop-shadow(0 30px 40px rgba(16,36,61,.2));animation:hero-symbol-float 7s ease-in-out infinite}
.page-hero-art span{position:absolute;border-radius:28px;transform-style:preserve-3d}
.page-hero-art span:nth-child(1){width:78%;aspect-ratio:1;inset:10% 8% auto auto;background:linear-gradient(135deg,rgba(242,201,76,.6),rgba(255,122,50,.28) 44%,rgba(91,192,255,.55));filter:blur(1px);transform:rotate(-9deg) translateZ(-80px);animation:hero-plane-a 11s ease-in-out infinite}
.page-hero-art span:nth-child(2){width:66%;aspect-ratio:1;inset:auto auto 4% 2%;border:1px solid rgba(16,59,96,.18);box-shadow:0 0 0 24px rgba(91,192,255,.05),0 0 0 48px rgba(242,201,76,.04);transform:rotate(18deg) translateZ(-20px);animation:hero-plane-b 13s ease-in-out infinite}
.page-hero-art span:nth-child(3){width:36%;aspect-ratio:1;inset:8% auto auto 2%;background:radial-gradient(circle at 32% 30%,#fff9d9,var(--sun) 45%,rgba(242,201,76,.12) 72%);filter:blur(.2px);animation:hero-orb 9s ease-in-out infinite}
@keyframes hero-spectrum{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
@keyframes hero-symbol-float{0%,100%{transform:translate3d(0,0,55px) rotate(-1deg)}50%{transform:translate3d(0,-14px,75px) rotate(1.5deg)}}
@keyframes hero-plane-a{0%,100%{transform:rotate(-9deg) translate3d(0,0,-80px)}50%{transform:rotate(-2deg) translate3d(-18px,14px,-45px)}}
@keyframes hero-plane-b{0%,100%{transform:rotate(18deg) translate3d(0,0,-20px)}50%{transform:rotate(10deg) translate3d(18px,-12px,10px)}}
@keyframes hero-orb{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(16px,18px,0) scale(1.08)}}
@keyframes aurora-spin{to{transform:rotate(360deg)}}

.home-substance{background:linear-gradient(145deg,#fff9ec 0,#fffefa 42%,#edf9ff 100%)}
.home-substance>#services{overflow:hidden}
.home-substance>#services::before,.home-substance>#services::after{content:"";position:absolute;border-radius:50%;filter:blur(10px);pointer-events:none}
.home-substance>#services::before{width:420px;height:420px;inset:4% auto auto -180px;background:rgba(242,201,76,.22);animation:float-color 12s ease-in-out infinite}
.home-substance>#services::after{width:360px;height:360px;inset:auto -150px 3% auto;background:rgba(91,192,255,.18);animation:float-color 14s ease-in-out -4s infinite reverse}
@keyframes float-color{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(34px,-22px,0) scale(1.08)}}
.section-intro{position:relative;z-index:1}
.home-substance .section-intro{grid-template-columns:minmax(0,1.15fr) minmax(300px,.55fr);align-items:center}
.home-substance .section-intro h2{max-width:780px;font-size:clamp(2.45rem,4.5vw,5rem);line-height:1.01}
.home-substance .section-intro .lead{font-size:clamp(1.05rem,1.45vw,1.3rem)}
.home-substance .decision-grid{position:relative;z-index:1;gap:16px}
.home-substance .decision-card{min-height:330px;border:0;border-radius:18px;box-shadow:0 20px 50px rgba(16,36,61,.1);transition:transform var(--brand) var(--ease),box-shadow var(--brand),filter var(--brand)}
.home-substance .decision-card:nth-child(1){background:linear-gradient(145deg,#fff4b3,#fffaf0)}
.home-substance .decision-card:nth-child(2){background:linear-gradient(145deg,#dff5ff,#fffefa)}
.home-substance .decision-card:nth-child(3){background:linear-gradient(145deg,#ffe1ce,#fff8ef)}
.home-substance .decision-card:nth-child(4){background:linear-gradient(145deg,#dff8ef,#fffefa)}
.home-substance .decision-card:hover{background:inherit;color:var(--ink);transform:translateY(-10px) rotateX(2deg);box-shadow:0 32px 70px rgba(16,36,61,.16)}
.home-substance .decision-card:hover p{color:var(--graphite)}
.decision-card .decision-price{color:#405468}
.home-substance .decision-card:hover .decision-price,.home-substance .decision-card:hover .decision-price strong{color:var(--ink)}
.home-substance .decision-card::after{border:0;background:linear-gradient(135deg,var(--sun),var(--sky));opacity:.2;border-radius:20px}

.naya-world{position:relative;z-index:2;min-height:600px;display:grid;grid-template-columns:minmax(280px,.8fr) minmax(340px,1.2fr);align-items:center;gap:clamp(24px,6vw,100px);max-width:100%;padding:clamp(56px,8vw,110px) max(24px,calc((100vw - var(--max))/2 + 40px));overflow:clip;contain:paint;background:linear-gradient(115deg,#1c6590 0,#2489a8 56%,#f2cd55 145%);color:#fff}
.naya-world::before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 180deg at 50% 50%,transparent,rgba(143,224,255,.25),rgba(255,228,139,.3),transparent 58%);animation:aurora-spin 22s linear infinite}
.naya-world-art{position:absolute;inset:0;pointer-events:none}
.naya-world-art i{position:absolute;border:1px solid rgba(255,255,255,.22);border-radius:50%;animation:naya-orbit-line 13s linear infinite}
.naya-world-art i:nth-child(1){width:420px;height:420px;inset:10% auto auto 5%}
.naya-world-art i:nth-child(2){width:620px;height:620px;inset:-14% auto auto -2%;animation-duration:19s;animation-direction:reverse}
.naya-world-art i:nth-child(3){width:260px;height:260px;inset:auto 8% -16% auto;animation-duration:11s}
@keyframes naya-orbit-line{to{transform:rotate(360deg)}}
.naya-character{position:relative;z-index:2;justify-self:center;width:min(360px,34vw);padding:0;border:0;background:transparent;cursor:pointer;filter:drop-shadow(0 34px 38px rgba(4,20,34,.3));transition:transform var(--brand) var(--ease)}
.naya-character:hover{transform:translateY(-10px) rotate(-2deg) scale(1.03)}
.naya-character img{width:100%;height:auto;animation:naya-alive 4.4s ease-in-out infinite;transform-origin:50% 88%}
.naya-character img.pose-change{animation:naya-pose .48s var(--ease),naya-alive 4.4s .48s ease-in-out infinite}
@keyframes naya-alive{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}45%{transform:translate3d(0,-12px,0) rotate(1.4deg)}55%{transform:translate3d(0,-10px,0) rotate(1deg)}}
.naya-world-copy{position:relative;z-index:2;max-width:680px}
.naya-world-copy .eyebrow{color:#ffe48b}
.naya-world-copy h2{max-width:660px;color:#fff;font-size:clamp(2.7rem,5vw,5.7rem);line-height:.98}
.naya-world-copy .lead{min-height:3em;color:#f0f8fc}
.naya-world-compact{min-height:440px;grid-template-columns:minmax(220px,.65fr) minmax(320px,1.35fr);padding-block:60px}
.naya-world-compact .naya-character{width:min(270px,28vw)}
.naya-panel{background:#fff9ec}
.naya-panel[aria-hidden="true"]{display:none}
.naya-panel[aria-hidden="false"]{display:flex}
.naya-bubble,.naya-orbit{display:none!important}

.home-proof{isolation:isolate;background:linear-gradient(125deg,#dff5ff,#fff9ec 52%,#fff0b6);color:var(--ink)}
.home-proof::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 12% 12%,rgba(242,201,76,.34),transparent 28%),radial-gradient(circle at 86% 72%,rgba(91,192,255,.34),transparent 32%),linear-gradient(125deg,rgba(255,255,255,.18),transparent);background-size:140% 140%;animation:proof-shift 14s ease infinite}
@keyframes proof-shift{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}
.home-substance .home-proof .section-intro .eyebrow{color:var(--signal)}
.home-substance .home-proof .section-intro h2{color:var(--ink)}
.home-substance .home-proof .section-intro .lead{color:var(--graphite)}
.playable-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;perspective:1300px}
.playable-grid .demo-card{--tilt-x:0deg;--tilt-y:0deg;min-height:0;display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#0d2239;box-shadow:0 34px 80px rgba(0,0,0,.26);transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transform-style:preserve-3d;transition:transform 160ms ease,box-shadow var(--brand),border-color var(--brand);overflow:hidden}
.playable-grid .demo-card:hover{border-color:rgba(242,201,76,.72);box-shadow:0 42px 90px rgba(0,0,0,.35),0 0 42px rgba(242,201,76,.14)}
.demo-poster{aspect-ratio:2/3;background:#10243d}
.demo-poster>img{object-fit:cover}
.demo-poster-shade{background:linear-gradient(180deg,transparent 38%,rgba(8,24,41,.16) 56%,rgba(8,24,41,.96) 100%)}
.demo-poster-copy{inset-inline:24px;inset-block-end:22px}
.demo-poster-copy h3{font-size:clamp(2rem,2.5vw,3.15rem)}
.demo-poster-copy small{color:#ffe48b}
.demo-card-copy{flex:1;padding:22px 24px 0}
.playable-grid .demo-card>.button{width:auto;margin:22px 24px 24px;border-color:var(--sun);background:linear-gradient(115deg,var(--sun),#ff983e);color:var(--ink)}
.game-goal-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-block-start:24px}
.game-goal-grid .button{width:100%;justify-content:flex-start;text-align:start}
.game-goal-grid .button[aria-pressed="true"]{border-color:var(--ocean);background:linear-gradient(110deg,var(--surface-sun),var(--surface-sky));color:var(--ink);box-shadow:0 10px 26px rgba(16,36,61,.12)}
.game-chooser [data-demo-result]{min-height:3em;margin-block:22px 0;color:var(--ocean-deep);font-weight:600}

.home-method{background:linear-gradient(145deg,#fff9ec,#edf9ff)}
.home-final{background:linear-gradient(125deg,var(--surface-sun),#fff9ec 48%,var(--surface-sky));overflow:hidden}
.home-final::before{content:"";position:absolute;width:520px;height:520px;inset:-55% -8% auto auto;border-radius:50%;background:conic-gradient(var(--sun),var(--orange),var(--sky),var(--sun));filter:blur(65px);opacity:.34;animation:aurora-spin 18s linear infinite}
.home-final .reading{position:relative;z-index:1}
.home-final h2{color:var(--ink)}
.home-final .lead{color:var(--graphite)}

/* Naya is a persistent interface character, not a floating badge. */
.naya-roaming{--naya-x:0px;--naya-y:-72px;--naya-lean:0deg;position:fixed;z-index:1080;inset-inline-end:clamp(12px,2vw,28px);inset-block-end:max(12px,env(safe-area-inset-bottom));width:clamp(128px,10vw,168px);height:clamp(150px,12vw,196px);display:grid;place-items:end center;pointer-events:none;transform:translate3d(var(--naya-x),var(--naya-y),0);transition:transform 700ms var(--ease),opacity var(--standard);filter:drop-shadow(0 22px 24px rgba(16,36,61,.24))}
.naya-roaming-character{position:relative;width:100%;padding:0;border:0;background:transparent;cursor:pointer;pointer-events:auto;transform:rotate(var(--naya-lean));transform-origin:50% 88%;transition:transform 500ms var(--ease),filter var(--standard)}
.naya-roaming-character:hover{transform:translateY(-8px) rotate(calc(var(--naya-lean) - 2deg)) scale(1.035);filter:brightness(1.05)}
.naya-roaming-character:focus-visible{outline:3px solid var(--sun);outline-offset:5px;border-radius:44%}
.naya-roaming-character img{width:100%;height:auto;animation:naya-roaming-idle 4.8s ease-in-out infinite;transform-origin:50% 88%}
.naya-roaming-character img.pose-change{animation:naya-pose .48s var(--ease),naya-roaming-idle 4.8s .48s ease-in-out infinite}
.naya-roaming-speech{position:absolute;inset-inline-end:82%;inset-block-end:64%;width:max-content;max-width:230px;margin:0;padding:10px 14px;border:1px solid rgba(16,59,96,.16);border-radius:16px 16px 3px 16px;background:rgba(255,252,241,.94);backdrop-filter:blur(12px);box-shadow:0 16px 38px rgba(16,36,61,.16);color:var(--ink);font-size:.76rem;font-weight:500;line-height:1.38;opacity:0;transform:translate3d(12px,8px,0) scale(.96);transition:opacity 260ms ease,transform 420ms var(--ease);pointer-events:none}
[dir="rtl"] .naya-roaming-speech{border-radius:16px 16px 16px 3px}
.naya-roaming-speech.is-speaking{opacity:1;transform:none}
.naya-roaming[data-panel-open="true"]{opacity:0;pointer-events:none}
.naya-roaming[data-zone="games"]{--naya-y:-48px;--naya-lean:2deg}
.naya-roaming[data-zone="services"]{--naya-x:-8px;--naya-y:-54px;--naya-lean:-2deg}
.naya-roaming[data-zone="method"]{--naya-y:-60px;--naya-lean:1deg}
.naya-roaming[data-zone="project"],.naya-roaming[data-zone="footer"]{--naya-y:-66px;--naya-lean:-1deg}
@keyframes naya-roaming-idle{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}42%{transform:translate3d(0,-8px,0) rotate(1.4deg)}54%{transform:translate3d(0,-6px,0) rotate(.5deg)}72%{transform:translate3d(0,-1px,0) rotate(-.7deg)}}

@media(max-width:1250px){
  .decision-grid,.axis-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:1000px){
  .page-hero-layout{grid-template-columns:minmax(0,1fr) minmax(220px,.45fr);gap:30px}
  .page-hero-art{min-height:260px}
  .playable-grid{gap:15px}
  .demo-poster-copy{inset-inline:18px}
  .demo-poster-copy p{font-size:.82rem}
}
@media(max-width:780px){
  .brand img{width:118px}
  .language-switch{position:absolute;inset-inline-end:72px;inset-block-start:17px}
  .language-switch>button{width:44px;height:30px}
  .main-nav{padding-block-end:70px}
  .page-hero{padding-block:52px 44px}
  .page-hero-layout{min-height:0;grid-template-columns:1fr;gap:22px}
  .page-hero h1{max-width:15ch;font-size:clamp(2.65rem,12vw,4.35rem);line-height:.97}
  .page-hero-art{min-height:150px;order:-1}
  .page-hero-art img{width:92px}
  .page-hero-art span:nth-child(1){width:180px;inset:0 12% auto auto}
  .page-hero-art span:nth-child(2){width:150px;inset:auto auto 0 14%}
  .page-hero-art span:nth-child(3){width:74px;inset:2% auto auto 16%}
  .decision-grid,.axis-grid{grid-template-columns:1fr}
  .home-substance .section-intro{grid-template-columns:1fr;align-items:start}
  .home-substance .section-intro h2{font-size:clamp(2.3rem,11vw,3.7rem)}
  .playable-grid{grid-template-columns:1fr;gap:28px}
  .playable-grid .demo-card{width:min(100%,430px);margin-inline:auto}
  .naya-world,.naya-world-compact{min-height:0;grid-template-columns:1fr;padding:64px 24px;text-align:center}
  .naya-character,.naya-world-compact .naya-character{width:min(250px,70vw)}
  .naya-world-copy{margin-inline:auto}
  .naya-world-copy h2{font-size:clamp(2.4rem,11vw,4rem)}
  .naya-world-copy .lead{margin-inline:auto}
  .naya-world-copy .button{width:100%}
  .naya-roaming{width:94px;height:116px;inset-inline-end:7px;inset-block-end:max(6px,env(safe-area-inset-bottom));filter:drop-shadow(0 14px 18px rgba(16,36,61,.2))}
  .naya-roaming-speech{inset-inline-end:76%;inset-block-end:70%;max-width:min(190px,58vw);padding:8px 11px;font-size:.68rem}
}
@media(prefers-reduced-motion:reduce){
  .button-primary,.page-hero,.page-hero::before,.page-hero::after,.page-hero-art img,.page-hero-art span,.home-substance>#services::before,.home-substance>#services::after,.naya-world::before,.naya-world-art i,.naya-character img,.naya-character img.pose-change,.naya-roaming-character img,.naya-roaming-character img.pose-change,.home-proof::before,.home-final::before{animation:none}
  .playable-grid .demo-card{transform:none!important}
  .naya-roaming{transform:none}
}