/* PLEYTI: white surfaces, cobalt accents and soft dimensional illustrations. */
:root{--bg:#fff;--panel:#fff;--line:#e5eaf2;--ink:#182339;--muted:#627086;--lime:#335cff}
::selection{background:#dce4ff;color:#182339}a:focus-visible,button:focus-visible{outline-color:#335cff}
.header{height:96px;padding-left:6%;padding-right:6%;background:#fff}.logo-mark{width:33px;height:35px;background:#335cff;color:white;border-radius:10px 10px 10px 2px;line-height:29px;font-size:37px}.logo-mark span{background:#335cff}.header nav{color:#526078;font-size:12px}.nav-cta{border:1px solid #e0e7ff;border-radius:30px;background:#f0f4ff;color:#335cff;font-weight:600}.nav-cta:hover{background:#e3eaff}.nav-cta span{color:#335cff}.hero{padding:76px 6% 70px;gap:50px}.eyebrow{color:#335cff;font-weight:700;font-size:9px}.status-dot{background:#335cff;box-shadow:0 0 0 4px #335cff0d}h1{font-size:clamp(48px,5.1vw,76px)}.intro{font-size:14px}.button{border-radius:30px;font-size:12px;font-weight:600}.lime{background:#335cff;color:white;box-shadow:0 8px 20px #335cff21}.button:hover{background:#2448db}.text-link{font-weight:500}.hero-note{color:#627086;font-size:9px}.hero-note span+span:before{content:'✦';color:#335cff}
.hero-art{min-height:480px;border-radius:28px;isolation:isolate;border:1px solid #e7eaf9;background:radial-gradient(ellipse at 85% 12%,#e2dfff,transparent 55%),radial-gradient(ellipse at 15% 90%,#d8edff,transparent 55%),#f0f4ff}.art-grid{opacity:.5;background-image:radial-gradient(#a9bad9 1px,transparent 1px);background-size:21px 21px}.art-heading{color:#63769a;font-size:7px;font-weight:600;top:26px;left:25px;right:25px}.art-heading>span+span{color:#335cff}.orbit{border-color:#c3cfee}.orbit-two{border-color:#c6d0eb;border-style:dashed}.chip{top:137px;width:200px;height:200px;border-radius:24px;background:linear-gradient(135deg,#fbfcff,#d7e2ff);border:2px solid white;box-shadow:6px 9px 0 #a3b4ef,7px 13px 0 #7b94e2,12px 27px 40px #5a72bb30;padding:15px;transform:translateX(-50%) rotate(-17deg) skew(5deg,5deg)}.chip:before{inset:-9px;background:none;border:1px solid #acbce9;border-radius:29px}.chip-inner{background:linear-gradient(140deg,#627dff,#335cff 60%,#2442cb);border:1px solid #a8b7ff;border-radius:15px;box-shadow:inset 0 1px 15px #ffffff40}.chip-symbol{color:white}.chip strong{color:white;letter-spacing:4px;font-size:17px}.chip small{color:#dce4ff}.float-tag{background:#ffffffed;border:1px solid white;border-radius:12px;box-shadow:0 12px 35px #5473b21a;color:#344567;display:flex;align-items:center;gap:10px;padding:13px 16px}.float-tag span{background:#edf1ff;color:#335cff;padding:6px 8px;border-radius:7px;margin:0}.tag-code{top:90px;left:19px}.tag-hardware{bottom:78px;right:18px}.tag-hardware span{color:#c96943;background:#fff0e8}.art-bottom{color:#6e80a0;font-size:7px;left:25px;right:25px;bottom:25px;gap:15px}.art-bottom i{background:#335cff}.circuit{border-color:#b4c4ea}.c3{display:none}
.service-strip{background:#f5f7fc;color:#68758e;font-size:9px;font-weight:600}.service-strip i{color:#96aaf3;font-size:19px}.section{padding:83px 6%}.service-cards{gap:20px}.service-card{border-radius:18px;padding:29px;box-shadow:0 6px 24px #263e7405;transition:transform .25s,box-shadow .25s,border-color .25s}.service-card:hover{transform:translateY(-6px);border-color:#c2d0ff;box-shadow:0 18px 40px #335cff0d}.card-top{color:#98a4b8}.service-icon{display:flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:14px;background:#eef2ff;color:#335cff;font-size:23px}.service-card:nth-child(2) .service-icon{color:#c96943;background:#fff0e8}.service-card:nth-child(3) .service-icon{color:#3b8d77;background:#e9f6ef}.service-card h3{font-size:27px}.service-card ul{color:#475671}.service-card li:before{content:'↗';color:#335cff}.service-card>a{font-weight:600}.service-card>a span{width:28px;height:28px;display:grid;place-items:center;background:#f0f4ff;border-radius:50%;font-size:16px}
.approach{border:0;gap:85px;padding-top:25px;padding-bottom:80px}.approach-art{height:410px;border-radius:24px;border:1px solid #e5eaf2;background:radial-gradient(ellipse at 30% 50%,#e1eaff,transparent 65%),#f6f7fb}.crosshair{color:#a4b3cf;top:19px;left:24px}.stack{border-color:#c3d0ff;border-radius:18px;width:215px;height:235px}.stack-one{background:#dfe7ff;border-color:#c3d0ff}.stack-two{background:#aabdff;border-color:#9caff5}.stack-three{background:white;color:#335cff;border-color:white;box-shadow:4px 12px 35px #335cff1a;padding:27px}.stack-three span{font-size:32px}.stack-three b{color:#e0916c}.art-caption{color:#7283a1;left:24px;bottom:24px}.principle>span{width:31px;height:31px;flex-shrink:0;display:grid;place-items:center;background:#eef2ff;border-radius:10px;font-size:16px}.principle h3{font-weight:600}.process{border-top:1px solid #e5eaf2}.steps article{border-color:#dce3f2}.steps article>span{font-size:17px}.steps i{color:#a6b6d7}
.contact{background:linear-gradient(125deg,#f0f5ff,#f8f6ff);border:1px solid #e7eafa;border-radius:28px;max-width:1268px;width:88%;padding:60px 4.5%;gap:75px;margin:0 auto 50px}.contact h2{font-size:clamp(37px,4vw,57px)}.email{color:#335cff;border-color:#c8d4fa}.contact label{color:#425371;font-weight:500}.contact input,.contact select,.contact textarea{background:#ffffffd9;border:1px solid #d9e1f0;border-radius:9px;color:#182339;padding:12px 14px;margin-bottom:18px}.contact input:focus,.contact select:focus,.contact textarea:focus{box-shadow:0 0 0 3px #335cff0b}.contact select{color-scheme:light}.contact .button{border-radius:10px}.form-note{color:#6f7f99}#form-status{color:#2542af}footer{color:#7b879c;padding:0 6% 36px}
@media(min-width:1500px){.hero{padding-top:90px;padding-bottom:85px}.hero-art{min-height:500px}.chip{top:146px}}
@media(max-width:1050px){.header nav{font-size:11px;gap:16px}.hero{gap:25px;padding-top:55px}.hero-art{min-height:440px}.chip{width:175px;height:175px;top:128px}.float-tag{padding:10px;font-size:9px;gap:7px}.tag-code{left:12px;top:80px}.tag-hardware{right:12px;bottom:69px}.art-bottom{font-size:6px;left:18px;right:18px}.hero-note{font-size:8px;gap:8px}.hero-note span+span:before{padding-right:8px}.service-strip{font-size:8px}.service-card{padding:23px}.approach{gap:45px}.contact{gap:40px}}
@media(max-width:700px){.header{height:78px;gap:13px}.header nav{background:white;box-shadow:0 12px 20px #273d6808;font-size:14px}.nav-cta{padding:11px 13px!important;font-size:9px!important;border-radius:30px}.menu{color:#182339}.hero{padding:42px 6% 35px;gap:32px}h1{font-size:54px;letter-spacing:-3px}.eyebrow{font-size:8px}.intro{font-size:13px}.hero-note{font-size:8px}.hero-art{min-height:365px;border-radius:23px}.chip{top:95px;width:175px;height:175px}.orbit{top:75px}.orbit-two{top:110px}.tag-code{top:58px;left:17px}.tag-hardware{bottom:57px;right:17px}.art-heading{top:21px;font-size:6px}.art-bottom{bottom:21px}.service-strip{padding:19px 6%;font-size:7px;gap:12px}.service-strip i{font-size:13px}.section{padding:52px 6%}.service-cards{gap:16px}.service-card{padding:25px}.approach{gap:32px;padding-top:8px}.approach-art{height:335px}.contact{padding:35px 6%;gap:25px;margin-bottom:30px;border-radius:22px}.contact h2{font-size:43px;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:12px}.email{font-size:19px}.contact-copy p.location{font-size:9px}footer{padding:0 6% 28px}}
@media(max-width:360px){h1{font-size:46px}.nav-cta{font-size:8px!important;padding:10px!important}.hero-actions{gap:15px}.button{font-size:11px}.text-link{font-size:10px}.hero-note{font-size:7px}.email{font-size:17px}.contact h2{font-size:38px}}