/* Decovariant Public Home R3 — responsive, accessible, self-contained. */
:root{--ink:#102440;--muted:#63748e;--primary:#266af0;--violet:#7159e8;--border:#e4eaf1;--paper:#fff;--faint:#f6f8fc;--shadow:0 18px 55px rgba(22,50,83,.09);color-scheme:light}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,select{font:inherit}a:focus-visible{outline:3px solid #ffb839;outline-offset:3px}.skip-link{position:absolute;left:12px;top:-60px;background:#fff;color:#0f2851;border-radius:7px;padding:12px 20px;z-index:60}.skip-link:focus{top:12px}.shell{max-width:1220px;width:calc(100% - 64px);margin-inline:auto}
.site-header{height:90px;display:flex;align-items:center;background:#fff;position:relative;z-index:20;border-bottom:1px solid #f0f2f6}.nav-shell{height:100%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}.brand-symbol{display:inline-grid;place-items:center;position:relative;width:43px;height:43px;border-radius:13px;background:#225bdf;box-shadow:0 6px 15px rgba(34,91,223,.18)}.brand-dot{height:7px;width:7px;border-radius:50%;background:#fff;position:absolute;top:13px;left:12px}.brand-edge{width:17px;height:22px;border:3px solid #fff;border-left:0;border-radius:0 12px 12px 0;transform:translateX(3px)}.brand-word{font-size:25px;font-weight:850;letter-spacing:-1.45px;line-height:1;display:flex;flex-wrap:wrap}.brand-word>span{color:var(--primary)}.brand-word small{font-size:8px;font-weight:800;letter-spacing:2.1px;display:block;width:100%;margin-top:7px;color:#92a0b2}.navigation{display:flex;gap:35px;align-items:center;margin-left:auto}.navigation a{font-size:13px;font-weight:700;color:#64748a;transition:color .2s}.navigation a:hover,.navigation .nav-home{color:var(--ink)}.nav-login{background:#102b53;color:#fff;display:inline-flex;align-items:center;gap:11px;padding:13px 18px;border-radius:10px;font-size:13px;font-weight:760;white-space:nowrap;transition:background .2s,transform .2s}.nav-login:hover{background:#266af0;transform:translateY(-2px)}
.hero{overflow:hidden;isolation:isolate;position:relative;background:linear-gradient(120deg,#0b2246 0%,#0f3061 60%,#143c6a 100%);color:#fff}.hero-glow{position:absolute;border-radius:50%;filter:blur(8px);pointer-events:none;z-index:-1}.hero-glow-one{width:700px;height:700px;right:-320px;top:-260px;background:radial-gradient(circle,rgba(58,124,252,.36),transparent 65%)}.hero-glow-two{width:470px;height:470px;left:-210px;bottom:-250px;background:radial-gradient(circle,rgba(105,78,234,.17),transparent 66%)}.hero-grid{min-height:587px;padding:74px 0 76px;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;gap:48px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#abccfa;display:inline-flex;align-items:center;gap:12px}.eyebrow-dot{height:8px;width:8px;background:#5bdebc;border-radius:50%;box-shadow:0 0 0 5px rgba(91,222,188,.14)}.hero h1{font-size:clamp(44px,4.95vw,72px);line-height:1.12;letter-spacing:-3.4px;font-weight:840;margin:24px 0 20px}.hero h1 span{background:linear-gradient(90deg,#84ccff,#b5adff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-desc{max-width:610px;font-size:16px;line-height:1.85;color:#b5c9e4;margin:0 0 27px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{padding:15px 21px;border-radius:11px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:24px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:#4b88fa;color:#fff;box-shadow:0 10px 30px rgba(28,91,255,.24)}.button-primary:hover{background:#6a9cfa}.button-outline{color:#fff;background:#ffffff12;border:1px solid #ffffff4b}.button-outline:hover{background:#ffffff28}.hero-assurance{font-size:12px;color:#91accc;margin-top:29px;display:flex;gap:10px;align-items:center}.hero-assurance span{color:#60e7ce;font-size:15px}
.hero-visual{height:415px;position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.visual-orbit{position:absolute;border:1px solid rgba(186,213,255,.14);border-radius:50%;pointer-events:none}.orbit-one{height:435px;width:435px}.orbit-two{height:530px;width:530px}.visual-main{width:min(100%,410px);border:1px solid #7599dc55;position:relative;transform:rotate(-2.5deg);border-radius:20px;padding:0 0 15px;background:linear-gradient(145deg,#1a3c70,#142b4c);box-shadow:0 22px 65px #07162b8a}.visual-top{display:flex;justify-content:space-between;padding:16px 20px;align-items:center;border-bottom:1px solid #ffffff18;color:#94b3dd;font-size:10px;letter-spacing:1.1px;font-weight:650}.window-dots{display:flex;gap:6px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#6b8cb8}.window-dots i:first-child{background:#fa7972}.window-dots i:nth-child(2){background:#fed16a}.window-dots i:nth-child(3){background:#64d8ad}.code-stage{padding:30px 25px 27px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.block{color:#fff;border-radius:7px;padding:11px 16px;font-size:13px;font-weight:720;letter-spacing:.1px;box-shadow:0 4px 0 #0002}.block-gold{background:#e0a343;min-width:236px}.block-violet{background:#885cda;min-width:249px}.block-blue{background:#3f83d2;min-width:230px;margin-left:24px}.block-pink{background:#c462b0;min-width:265px;margin-left:24px}.visual-bottom{margin:0 22px;display:flex;justify-content:space-between;border-top:1px solid #ffffff12;padding-top:15px;color:#9ebee3;font-weight:760;font-size:9px;letter-spacing:1px}.floating-tile{display:flex;gap:9px;align-items:center;position:absolute;background:white;color:#263b5a;box-shadow:0 13px 48px #071e3f69;padding:12px 15px;border-radius:12px;z-index:2;font-size:11px;font-weight:850;letter-spacing:.6px}.floating-tile small{display:block;color:#8795a9;font-size:10px;letter-spacing:0;margin-top:3px}.floating-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#eef3ff;color:#487dec;font-size:22px}.floating-left{left:-28px;top:48px;transform:rotate(-5deg)}.floating-right{right:-26px;bottom:36px;transform:rotate(4deg)}
.pulse-strip{border-bottom:1px solid #e9edf3;background:#fff}.pulse-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:27px 0;gap:30px}.pulse-item{display:flex;align-items:center;gap:16px;border-right:1px solid #e8edf4;padding:0 10px 0 0}.pulse-item:last-child{border:0}.pulse-icon{height:44px;width:44px;border-radius:12px;background:#edf3ff;color:#397bea;display:grid;place-items:center;font-size:27px;flex-shrink:0}.pulse-item strong,.pulse-item div>span{display:block}.pulse-item strong{font-size:22px;line-height:1.1;letter-spacing:-.4px}.pulse-item div>span{font-size:12px;color:#8090a8;margin-top:5px}.pulse-note strong{font-size:15px}
.section{padding:104px 0}.showcase-section{background:#fff}.games-section{background:#f5f8fd}.section-header{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:37px}.section-heading{max-width:715px}.section-kicker{display:block;font-size:11px;letter-spacing:2.3px;font-weight:850;color:#346eed;text-transform:uppercase;margin-bottom:16px}.section-heading h2,.about-section h2{font-size:clamp(30px,3.1vw,43px);letter-spacing:-1.7px;line-height:1.22;margin:0 0 14px}.section-heading h2 em,.about-section h2 em{font-style:normal;color:#3f79e9}.section-heading p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.text-action{color:#225bd3;border-bottom:1px solid #adc5fa;padding-bottom:8px;font-size:13px;font-weight:800;white-space:nowrap}.text-action span{margin-left:9px}.text-action:hover{color:#0f3485}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.work-card{min-width:0;overflow:hidden;background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 8px 36px rgba(43,71,112,.045);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.work-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.card-cover{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-cover img{width:100%;height:100%;object-fit:cover;position:relative;z-index:1}.cover-project{background:radial-gradient(circle at 25% 25%,#a3b8ff75,transparent 40%),linear-gradient(135deg,#cfe0ff,#e5dfff 65%,#dae9ff)}.cover-game{background:radial-gradient(circle at 65% 30%,#5fd2d55e,transparent 42%),linear-gradient(140deg,#142a55,#235e91 60%,#4554a3)}.cover-graphic{font-size:92px;line-height:1;color:#647bd2;transform:rotate(-18deg);font-weight:300;text-align:center}.cover-graphic small{display:block;font-size:10px;font-weight:900;letter-spacing:3px;margin-top:11px;transform:rotate(18deg);color:#6d85b7}.cover-game .cover-graphic{color:#b4d3ff}.cover-game .cover-graphic small{color:#9ebbe1}.cover-label{position:absolute;top:15px;left:16px;background:#fff;color:#214470;border-radius:100px;font-size:9px;letter-spacing:1px;padding:8px 11px;font-weight:850;z-index:2}.work-body{padding:24px;display:flex;flex-direction:column;flex:1}.card-capsule-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.capsule{display:inline-block;border-radius:100px;padding:6px 10px;background:#eaf1ff;color:#265ab1;font-size:10px;font-weight:770}.capsule-subtle{background:#f3f6fa;color:#8a98ab}.work-body h3{font-size:19px;line-height:1.35;letter-spacing:-.3px;margin:15px 0 9px}.work-body p{font-size:13px;line-height:1.7;color:#748398;margin:0 0 24px;flex:1;min-height:66px}.work-footer{border-top:1px solid #edf1f6;padding-top:15px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:11px;color:#8794a7}.work-footer span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:42%}.work-footer a{color:#2667d9;font-weight:840;white-space:nowrap;font-size:12px}.work-footer a span{margin-left:7px}.empty-showcase{border:1px dashed #c4d3e8;border-radius:18px;min-height:170px;display:flex;align-items:center;gap:22px;background:#fff;padding:30px}.empty-icon{height:70px;width:70px;background:#eaf1ff;border-radius:18px;flex-shrink:0;display:grid;place-items:center;font-size:41px;color:#5687e4}.empty-showcase div{flex:1}.empty-showcase h3{font-size:20px;margin:0 0 6px}.empty-showcase p{color:#73869f;line-height:1.65;margin:0;font-size:13px}.empty-showcase>a{white-space:nowrap;color:#266af0;font-size:13px;font-weight:800}
.about-section{padding:102px 0 95px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;align-items:start}.about-section h2{font-size:clamp(35px,3.6vw,52px);margin:0 0 20px}.about-section p{font-size:15px;line-height:1.85;color:#75869c;max-width:490px;margin:0}.steps{display:flex;flex-direction:column}.step{display:flex;gap:23px;padding:0 0 23px;border-bottom:1px solid #e6edf5;margin-bottom:22px}.step:last-child{border-bottom:0;margin-bottom:0}.step>span{color:#3e7af0;font-size:21px;font-weight:850;letter-spacing:-1px}.step h3{font-size:17px;margin:1px 0 7px}.step p{font-size:13px;line-height:1.7}.final-shell{padding-bottom:95px}.final-cta{border-radius:22px;padding:45px 55px;background:linear-gradient(105deg,#123059,#194982);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:20px}.final-cta span{font-size:10px;color:#9ec9ff;font-weight:800;letter-spacing:1.7px}.final-cta h2{font-size:28px;margin:12px 0 7px;letter-spacing:-.5px}.final-cta p{font-size:13px;color:#b1c7e2;line-height:1.7;margin:0}.final-cta>a{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:10px;color:#1e4c92;background:#fff;font-weight:840;font-size:12px;white-space:nowrap;gap:17px}.final-cta>a span{color:#1e4c92;font-size:17px;letter-spacing:0}
.site-footer{background:#f5f7fb;border-top:1px solid #e6ebf1}.footer-content{padding:42px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-brand{display:flex;align-items:center;gap:12px}.footer-brand>span:last-child strong{display:block;font-size:20px;font-weight:900;letter-spacing:-1px}.footer-brand small{display:block;font-size:11px;color:#8c99a9;margin-top:3px}.footer-content nav{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.footer-content nav a{font-size:12px;color:#5b6e88;font-weight:720}.footer-content nav a:hover{color:#2166de}.footer-bottom{padding:18px 0 25px;border-top:1px solid #e1e7ee;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#8c98a7}
@media(max-width:1080px){.navigation{gap:17px}.hero-grid{gap:14px}.hero h1{letter-spacing:-2px}.hero-visual{transform:scale(.86)}.floating-left{left:-8px}.floating-right{right:-8px}.about-layout{gap:55px}}@media(max-width:850px){.site-header{height:auto;min-height:75px}.nav-shell{flex-wrap:wrap;padding:13px 0;gap:14px}.navigation{order:3;width:100%;justify-content:center;gap:24px;border-top:1px solid #eff2f7;padding-top:12px}.hero-grid{grid-template-columns:1fr;text-align:center;padding:70px 0 48px}.hero-copy{max-width:700px;margin:auto}.eyebrow{justify-content:center}.hero h1{font-size:clamp(44px,8vw,67px)}.hero-desc{margin-inline:auto}.hero-actions,.hero-assurance{justify-content:center}.hero-visual{margin:auto;width:min(100%,580px);height:375px}.pulse-grid{gap:20px}.pulse-item{gap:10px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.about-layout{grid-template-columns:1fr;gap:40px}.section{padding:82px 0}.final-shell{padding-bottom:82px}}@media(max-width:580px){.shell{width:calc(100% - 36px)}.brand-word{font-size:22px}.brand-symbol{width:38px;height:38px}.nav-login{padding:11px 12px}.navigation{gap:18px;overflow:auto;justify-content:flex-start;padding-bottom:1px}.navigation a{font-size:12px;white-space:nowrap}.hero-grid{padding:64px 0 30px}.hero h1{font-size:clamp(40px,10vw,51px);letter-spacing:-2px}.hero-desc{font-size:14px}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .button{justify-content:space-between}.hero-visual{height:290px;transform:scale(.76);width:100%}.visual-main{min-width:340px}.floating-left{left:-18px}.floating-right{right:-18px}.pulse-grid{grid-template-columns:1fr;gap:0;padding:11px 0}.pulse-item{border:0;border-bottom:1px solid #edf0f6;padding:15px 0}.pulse-item:last-child{border:0}.section{padding:70px 0}.section-header{flex-direction:column;align-items:flex-start;gap:20px}.section-heading h2,.about-section h2{font-size:34px}.card-grid{grid-template-columns:1fr;gap:17px}.empty-showcase{align-items:flex-start;flex-direction:column;padding:25px}.empty-showcase div{flex:none}.about-layout{gap:38px}.final-shell{padding-bottom:65px}.final-cta{padding:32px 25px;flex-direction:column;align-items:flex-start;gap:23px}.final-cta h2{font-size:25px}.footer-content{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}