:root{--ink:#111c27;--ink2:#1c2835;--text:#323c46;--muted:#7d8791;--line:#e4e8e8;--paper:#f8f9f7;--accent:#5cded0;--accent-soft:#e1f9f5;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 15px var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display)}h1,h2{letter-spacing:-.055em}h1 em,h2 em{font-style:normal}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #4c79e5;outline-offset:4px}.skip{position:fixed;z-index:100;left:14px;top:-80px;background:white;padding:12px}.skip:focus{top:12px}.wrap{width:min(1220px,calc(100% - 80px));margin:auto}.topbar{height:90px;position:relative;z-index:20;border-bottom:1px solid #e9edec;background:#fff}.home .topbar{background:#101920;border-color:#ffffff12;color:#fff}.nav{height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:10px;font:800 18px var(--display);letter-spacing:-.04em;white-space:nowrap}.brand img{width:39px;height:39px}.brand em{font-style:normal;font-weight:500;opacity:.62}.links{display:flex;align-items:center;gap:35px;font:600 12px var(--sans)}.home .links{color:#e6e9e9}.links>a:not(.nav-button):hover,.links summary:hover{color:#318d9e}.links details{position:relative}.links summary{list-style:none;cursor:pointer;display:flex;gap:5px;align-items:center}.links summary::-webkit-details-marker{display:none}.links summary span{font-size:13px;opacity:.6}.links details[open] summary span{transform:rotate(180deg)}.drop{position:absolute;top:33px;left:-20px;width:275px;padding:14px;background:#fff;color:var(--ink);border:1px solid #e6e8e7;border-radius:13px;box-shadow:0 22px 55px #070e1725}.drop>small{font:700 9px var(--display);letter-spacing:.12em;color:#a1a8ab;display:block;padding:5px 9px}.drop a{display:block;padding:10px 9px;border-radius:8px}.drop a:hover{background:#f6f7f5}.drop strong,.drop span{display:block}.drop strong{font:700 12px var(--display)}.drop span{font:500 10px var(--sans);color:#8e989e;margin-top:3px}.nav-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7dbd7;padding:13px 19px;border-radius:4px;gap:20px}.home .nav-button{background:var(--accent);color:#151a1c;border-color:var(--accent)}.nav-button b{font-size:14px}.menu{display:none}.hero{position:relative;background:#101920;color:#fff;overflow:hidden}.hero-grid-lines{position:absolute;inset:0 0 0 50%;opacity:.23;background-image:linear-gradient(#ffffff0e 1px,transparent 1px),linear-gradient(90deg,#ffffff0e 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000)}.hero:after{content:"";position:absolute;inset:auto -150px -290px auto;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,#538fff22,transparent 65%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;min-height:615px;position:relative;z-index:1}.hero-copy{padding:48px 0 48px}.overline,.eyebrow{display:flex;align-items:center;gap:9px;color:#8d9497;font:800 9px var(--display);letter-spacing:.14em}.overline.light,.eyebrow.light{color:#b9c2c2}.dot,.eyebrow i,.accent-dot{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.hero h1{font-size:clamp(48px,5.15vw,69px);line-height:1.16;font-weight:800;margin:28px 0 22px;max-width:650px}.hero h1 em{color:var(--accent)}.hero-copy>p{max-width:505px;color:#b7c0c3;font-size:16px;line-height:1.85}.actions{display:flex;align-items:center;gap:27px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;justify-content:center;align-items:center;gap:32px;min-height:51px;padding:0 20px;border-radius:4px;font:700 12px var(--display);transition:transform .2s,box-shadow .2s;border:0;cursor:pointer}.button:hover{transform:translateY(-3px)}.button span{font-size:16px}.button.accent{background:var(--accent);color:#13191a;box-shadow:0 10px 30px #478bff20}.text-button{font:600 12px var(--display);color:#e6ebeb}.text-button span{margin-left:7px;color:var(--accent)}.hero-baseline{display:flex;align-items:center;gap:12px;margin-top:55px;color:#7f8b90;font:700 8px var(--display);letter-spacing:.13em}.hero-baseline i{width:3px;height:3px;background:#62d8cf;border-radius:50%}.hero-art{height:580px;display:grid;place-items:center;position:relative}.orbit{position:absolute;border:1px solid #ffffff12;width:460px;height:460px;border-radius:50%}.orbit2{width:540px;height:540px;opacity:.6}.hero-window{position:relative;z-index:1;background:linear-gradient(155deg,#26333c,#1b2630);border:1px solid #ffffff20;width:410px;min-height:385px;border-radius:14px;box-shadow:0 35px 80px #050a0f88;transform:rotate(-4deg);overflow:hidden}.window-head{height:62px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.window-sign{display:flex;align-items:center;gap:8px;font:800 9px var(--display);letter-spacing:.08em}.window-sign img{width:26px}.window-sign small{display:block;color:#8f999d;font:700 7px var(--display);letter-spacing:.12em;margin-top:3px}.window-head>b{color:#889397;letter-spacing:2px}.window-body{padding:32px 28px}.window-eyebrow{font:700 8px var(--display);letter-spacing:.13em;color:#9daaaa;display:flex;align-items:center;gap:8px}.window-eyebrow .dot{width:5px;height:5px}.window-body h2{font-size:37px;line-height:1.2;letter-spacing:-.055em;margin:20px 0 28px}.window-body h2 em{color:var(--accent)}.system-flow{display:grid;grid-template-columns:1fr 16px 1fr 16px 1fr;align-items:center;gap:5px}.system-flow>div{background:#ffffff0a;border:1px solid #ffffff16;padding:12px 10px;min-height:80px;border-radius:5px}.system-flow>div span,.system-flow>div b,.system-flow>div small{display:block}.system-flow>div span{font:700 8px var(--display);color:#7ce6dd}.system-flow>div b{font:700 10px var(--display);margin-top:11px}.system-flow>div small{font-size:9px;color:#9da9aa;margin-top:3px}.system-flow>i{font-style:normal;font-size:12px;color:#9fa7a4;text-align:center}.window-bar{display:flex;justify-content:space-between;border-top:1px solid #ffffff13;margin-top:28px;padding-top:18px;font:700 7px var(--display);letter-spacing:.1em;color:#849194}.float-label{position:absolute;z-index:3;background:#f7f8f4;color:#1d272d;border:1px solid #ffffff20;box-shadow:0 14px 36px #060a0e35;border-radius:7px;display:flex;align-items:center;gap:10px;padding:12px 14px}.float-label small,.float-label b{display:block}.float-label small{font:800 7px var(--display);letter-spacing:.12em;color:#949b9e}.float-label b{font:700 10px var(--display);margin-top:4px}.top-label{top:94px;right:4px}.bottom-label{bottom:96px;left:5px}.mini-box{display:grid;place-items:center;width:30px;height:30px;border-radius:5px;background:#ddf7f3;color:#2e8592;font-size:18px}.art-vertical{position:absolute;right:-4px;top:198px;writing-mode:vertical-rl;color:#718085;font:700 8px var(--display);letter-spacing:.14em}.hero-end{position:relative;z-index:1;display:flex;justify-content:space-between;padding:23px 0 25px;border-top:1px solid #ffffff12;color:#839092;font:700 8px var(--display);letter-spacing:.1em}.intro-strip{border-bottom:1px solid var(--line);background:#fff}.intro-strip-grid{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:25px;min-height:125px}.intro-strip-grid>span{font:800 8px var(--display);letter-spacing:.13em;color:#98a0a1}.intro-strip-grid p{font:700 20px/1.4 var(--display);letter-spacing:-.04em}.intro-strip-grid p span{color:#319bae}.intro-strip-grid a{text-align:right;color:#68747b;font:700 10px var(--display)}.section{padding:115px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:46px}.eyebrow{color:#8b9598}.section-head h2,.approach-copy h2,.banner-grid h2,.contact-grid h2{font-size:clamp(38px,4.2vw,53px);line-height:1.19;margin-top:18px}.section-head h2 em,.approach-copy h2 em,.banner-grid h2 em,.contact-grid h2 em{color:#94a0a2}.section-head>p{max-width:390px;color:var(--muted);font-size:14px;line-height:1.8;padding-bottom:5px}.service-list{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:54px}.service-row{min-height:135px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:38px 1fr 36px;align-items:start;gap:15px;padding:27px 0;transition:background .2s}.service-row:hover .service-arrow{background:var(--accent);border-color:var(--accent)}.s-num{color:#a9b0af;font:700 9px var(--display);padding-top:4px}.service-row h3{font-size:17px;letter-spacing:-.035em}.service-row p{font-size:12px;line-height:1.75;color:var(--muted);max-width:390px;margin-top:9px}.service-arrow{width:34px;height:34px;border:1px solid #dce2e0;border-radius:50%;display:grid;place-items:center;font-size:14px;transition:all .2s}.projects-section{background:#f4f6f4}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{border:1px solid #e6e9e6;background:#fff;border-radius:8px;overflow:hidden;transition:transform .25s,box-shadow .25s}.project:hover{transform:translateY(-6px);box-shadow:0 18px 38px #17262512}.project-top{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;color:#94a09e;font:800 8px var(--display);letter-spacing:.13em}.project-top b{font-size:14px;color:#7f8988}.project-visual{height:245px;background:#f3edff;position:relative;overflow:hidden;display:grid;place-items:center}.project-waynance .project-visual{background:#eeeafe}.project-facekyc .project-visual{background:#e7f5f2}.project-lines{position:absolute;width:300px;height:300px;border:1px solid #8c70c72b;border-radius:50%;box-shadow:0 0 0 36px #8c70c711,0 0 0 72px #8c70c708}.project-facekyc .project-lines{border-color:#3e918a2b;box-shadow:0 0 0 36px #3e918a11,0 0 0 72px #3e918a08}.project-device{width:165px;height:180px;position:relative;z-index:1;border-radius:11px;padding:15px;background:linear-gradient(135deg,#c43edb,#653bd4);box-shadow:0 14px 28px #44326e36;transform:rotate(-7deg);color:#fff;display:flex;flex-direction:column;justify-content:space-between}.waynance-device{background:linear-gradient(145deg,#fff,#fbfaff);color:#252235;border:1px solid #e2dced;box-shadow:0 15px 25px #44326e20;transform:rotate(6deg)}.facekyc-device{background:linear-gradient(145deg,#134840,#26796b);box-shadow:0 15px 25px #1b615740;transform:rotate(-5deg)}.device-head{display:flex;justify-content:space-between;font:800 10px var(--display);letter-spacing:-.03em}.device-center{display:grid;place-items:center;font:800 48px var(--display);height:100%;letter-spacing:-.1em}.waynance-device .device-center{color:#614dbd}.facekyc-device .device-center{font-size:64px;letter-spacing:0}.device-foot{font:700 7px var(--display);letter-spacing:.13em;opacity:.7}.project-bottom{padding:20px;display:flex;justify-content:space-between;align-items:end;gap:10px}.project-bottom h3{font-size:19px;letter-spacing:-.04em}.project-bottom p{font-size:11px;color:#858f94;margin-top:5px}.project-bottom>span{font:700 9px var(--display);color:#787f7d;white-space:nowrap}.project-note{margin-top:16px;font-size:10px;color:#a2aaa8}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.approach-card{min-height:440px;background:#e9edea;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between}.approach-card:before,.approach-card:after{content:"";position:absolute;width:330px;height:330px;border:1px solid #adbcb5;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.approach-card:after{width:430px;height:430px;opacity:.6}.approach-index,.approach-footer{font:800 8px var(--display);letter-spacing:.13em;color:#929e98;position:relative;z-index:1}.approach-mark{display:grid;place-items:center;position:relative;z-index:1}.approach-mark img{width:120px;box-shadow:0 18px 34px #246d8a25;border-radius:26%}.approach-footer{display:flex;justify-content:space-between}.approach-copy>p,.banner-grid>div>p{color:var(--muted);font-size:14px;line-height:1.85;margin:20px 0 28px;max-width:490px}.approach-points{border-top:1px solid var(--line)}.approach-points>div{display:flex;gap:22px;padding:16px 0;border-bottom:1px solid var(--line)}.approach-points span{font:700 9px var(--display);color:#abb3b1}.approach-points strong{font:700 12px var(--display)}.dark-link{display:inline-flex;gap:15px;font:800 11px var(--display);margin-top:26px}.dark-link span{color:#30aeb7;font-size:15px}.company-banner{background:#f4f6f4}.banner-grid{display:grid;grid-template-columns:1fr .9fr;gap:75px;align-items:end}.banner-grid>div>p{margin:0}.contact-section{padding:0 0 100px}.company-banner+.contact-section{background:linear-gradient(#f4f6f4 50%,#fff 50%)}.contact-banner{background:#152029;color:#fff;padding:58px 65px;min-height:280px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.contact-banner>div:first-child,.contact-banner>a{position:relative;z-index:2}.contact-banner h2{font-size:clamp(37px,4vw,50px);line-height:1.2;margin:18px 0 12px}.contact-banner h2 em{color:var(--accent)}.contact-banner p{font-size:13px;color:#aeb8ba}.contact-orb{position:absolute;width:400px;height:400px;border:1px solid #ffffff12;border-radius:50%;right:-50px;top:-60px;box-shadow:0 0 0 50px #ffffff06,0 0 0 100px #ffffff04}.footer{background:#fff;padding:60px 0 0;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.8fr 1fr 1fr 1.2fr;gap:50px;padding-bottom:60px}.footer-intro p{font-size:12px;line-height:1.8;color:var(--muted);max-width:260px;margin:18px 0}.footer-mail{font:700 11px var(--display)}.footer-col{display:flex;flex-direction:column;gap:13px}.footer-col strong{font:800 8px var(--display);letter-spacing:.13em;color:#a0a9aa;margin-bottom:8px}.footer-col a{font-size:12px;color:#77838a}.footer-col a:hover{color:#3196a3}.footer-bottom{border-top:1px solid var(--line);padding:21px 0;display:flex;justify-content:space-between;gap:20px;font:700 9px var(--display);color:#9ca5a4;letter-spacing:.03em}.footer-bottom span:nth-child(2){font-size:8px;letter-spacing:.12em}.detail-hero{background:#f6f8f6;overflow:hidden}.detail-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:45px;min-height:525px}.crumb{display:block;margin-bottom:42px;font:800 9px var(--display);letter-spacing:.1em;color:#9ba4a3}.detail-hero h1{font-size:clamp(44px,5vw,65px);line-height:1.14;max-width:600px;margin:20px 0}.detail-hero h1 em{color:#319bad}.detail-hero p{color:#78858a;font-size:15px;line-height:1.85;max-width:520px}.button.ink{background:#17232b;color:white}.button.outline-dark{border:1px solid #cbd2ce;color:#304047}.detail-graphic{height:460px;display:grid;place-items:center}.detail-globe{height:380px;width:380px;border:1px solid #d7dfda;border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 45px #ecf1ed,0 0 0 90px #f1f5f1}.detail-frame{height:280px;width:260px;background:#fff;border:1px solid #e3e8e3;border-radius:10px;box-shadow:0 20px 50px #203b2b12;transform:rotate(5deg);padding:20px;display:flex;flex-direction:column;justify-content:space-between}.frame-top{font:800 8px var(--display);letter-spacing:.08em;color:#8f9b95;display:flex;justify-content:space-between}.frame-mark{width:75px;height:75px;background:#ddf5f4;color:#287d8a;border-radius:18px;display:grid;place-items:center;font:800 38px var(--display);margin:auto}.frame-text small,.frame-text strong,.frame-text span{display:block}.frame-text small,.frame-text span{font:800 7px var(--display);letter-spacing:.1em;color:#9ea8a2}.frame-text strong{font:800 15px var(--display);margin:5px 0}.detail-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.detail-cards article{border:1px solid #e6ebe7;border-radius:5px;padding:27px;min-height:180px}.detail-cards span{display:grid;place-items:center;width:34px;height:34px;background:#e0f7f4;border-radius:5px;color:#287d8a;font:800 9px var(--display)}.detail-cards h3{font-size:16px;margin:20px 0 8px}.detail-cards p{color:var(--muted);font-size:12px;line-height:1.8}.detail-note{padding:16px;background:#f6f8f6;color:#99a29e;font-size:11px;margin-top:20px}.contact-hero{padding:65px 0 75px}.contact-hero h1{max-width:none}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-grid>div>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:400px;margin:20px 0 30px}.contact-entry{display:flex;gap:15px;align-items:center;margin:17px 0}.contact-entry>span{display:grid;place-items:center;width:44px;height:44px;background:#e0f7f4;color:#287d8a;font-size:18px}.contact-entry small,.contact-entry a{display:block}.contact-entry small{font:800 8px var(--display);color:#a1aaa5;letter-spacing:.12em}.contact-entry a{font:700 13px var(--display);margin-top:5px}.contact-form{border:1px solid #e5ebe6;padding:30px;border-radius:5px;box-shadow:0 20px 40px #18291c09}.form-header{display:flex;justify-content:space-between;font:800 8px var(--display);color:#a1aaa6;letter-spacing:.1em}.contact-form h3{font-size:22px;margin:25px 0 8px}.contact-form p{font-size:12px;color:var(--muted);line-height:1.7;margin-bottom:23px}.contact-form label{display:block;color:#47545a;font:700 10px var(--display);margin-bottom:15px}.contact-form input,.contact-form textarea{display:block;width:100%;border:1px solid #e2e8e2;border-radius:3px;background:#fafbfa;margin-top:7px;padding:12px;font:400 14px var(--sans)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form small{display:block;color:#9ca5a0;font-size:10px;margin-top:14px}
@media(max-width:1000px){.wrap{width:calc(100% - 48px)}.links{gap:20px}.hero-grid{min-height:580px}.hero h1{font-size:53px}.hero-art{transform:scale(.86)}.approach-grid{gap:50px}.footer-grid{gap:25px}}
@media(max-width:700px){.wrap{width:calc(100% - 38px)}.topbar{height:75px}.brand{font-size:16px}.brand img{width:36px;height:36px}.menu{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;border:1px solid #dce1df;border-radius:3px;background:transparent;padding:0 11px;z-index:4}.home .menu{border-color:#ffffff40}.menu i{display:block;height:1.5px;width:100%;background:#142027}.home .menu i{background:#fff}.links{display:none;position:absolute;top:69px;left:19px;right:19px;max-height:calc(100vh - 85px);overflow:auto;background:#fff;color:#19252a!important;flex-direction:column;align-items:stretch;gap:0;padding:14px;border:1px solid #e6e9e5;box-shadow:0 18px 40px #111c2430;border-radius:6px}.links.open{display:flex}.links>a,.links summary{padding:13px 10px;justify-content:space-between}.links .nav-button{background:var(--accent);color:#1b2021;margin-top:8px}.drop{position:static;width:auto;box-shadow:none;border:0;background:#f5f7f4;margin:0 0 8px;padding:7px}.drop a{padding:9px}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-copy{padding:55px 0 0}.hero h1{font-size:clamp(42px,10.3vw,59px);letter-spacing:-.055em}.hero-copy>p{font-size:14px}.actions{gap:18px}.button{gap:18px;font-size:11px}.hero-baseline{margin-top:35px}.hero-art{height:420px;transform:scale(.78);width:125%;margin-left:-12.5%}.hero-window{width:390px}.orbit{width:370px;height:370px}.orbit2{width:460px;height:460px}.top-label{top:20px;right:0}.bottom-label{bottom:26px;left:0}.art-vertical{display:none}.hero-end{font-size:7px}.hero-end span:first-child{display:none}.intro-strip-grid{grid-template-columns:1fr;gap:12px;padding:27px 0}.intro-strip-grid p{font-size:18px}.intro-strip-grid a{text-align:left}.section{padding:75px 0}.section-head{display:block;margin-bottom:30px}.section-head h2,.approach-copy h2,.banner-grid h2,.contact-grid h2{font-size:37px}.section-head>p{margin-top:16px;font-size:13px}.service-list{grid-template-columns:1fr}.service-row{min-height:0;grid-template-columns:28px 1fr 34px;gap:10px;padding:23px 0}.project-grid{grid-template-columns:1fr}.project-visual{height:220px}.approach-grid,.banner-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.approach-card{min-height:300px}.approach-card:before{width:230px;height:230px}.approach-card:after{width:320px;height:320px}.approach-mark img{width:90px}.contact-section{padding-bottom:70px}.contact-banner{display:block;padding:35px 27px}.contact-banner h2{font-size:37px}.contact-banner .button{margin-top:28px}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.footer-intro{grid-column:span 2}.footer-bottom{flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}.detail-grid{grid-template-columns:1fr;padding-top:48px;gap:0}.detail-hero h1{font-size:45px}.detail-hero p{font-size:14px}.detail-graphic{height:360px;transform:scale(.8)}.detail-globe{height:300px;width:300px;box-shadow:0 0 0 35px #ecf1ed,0 0 0 70px #f1f5f1}.crumb{margin-bottom:27px}.detail-cards{grid-template-columns:1fr}.detail-cards article{min-height:0}.contact-hero{padding:50px 0 60px}.contact-grid{gap:35px}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.device-center img{width:82px;height:82px;object-fit:contain}.waynance-device .device-center img{opacity:.85}
/* Editorial corporate composition */
.hero-art{display:block}.architecture{position:absolute;width:100%;height:100%;inset:0;overflow:visible;filter:drop-shadow(0 30px 35px #04090c55)}.arch-caption{position:absolute;right:10px;bottom:35px;display:flex;flex-direction:column;gap:7px;align-items:flex-end}.arch-caption span{color:#7b8c90;font:700 8px var(--display);letter-spacing:.12em}.arch-caption strong{color:#d5dede;font:700 9px var(--display);letter-spacing:.12em}.projects-section{background:#f5f7f4}.project-grid{display:flex;flex-direction:column;gap:18px}.project{display:grid;grid-template-columns:1fr 1.15fr;grid-template-rows:auto 1fr;min-height:270px}.project-top{grid-column:1;grid-row:1;padding:27px 30px}.project-visual{grid-column:2;grid-row:1/3;height:100%;min-height:270px}.project-bottom{grid-column:1;grid-row:2;padding:25px 30px 30px;align-items:flex-start;flex-direction:column;justify-content:flex-end;gap:23px}.project-bottom h3{font-size:32px}.project-bottom p{font-size:13px}.project-bottom>span{font-size:10px}.project-device{width:185px;height:190px}.project-lines{width:310px;height:310px}
@media(max-width:700px){.hero-art{display:block;height:400px;transform:scale(.9);width:111%;margin-left:-5.5%}.architecture{inset:0;width:100%;height:100%}.arch-caption{bottom:0;right:15px}.project{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0}.project-top{grid-column:1;grid-row:1;padding:21px 22px}.project-visual{grid-column:1;grid-row:2;min-height:215px}.project-bottom{grid-column:1;grid-row:3;padding:23px 22px;gap:15px}.project-bottom h3{font-size:24px}.project-device{width:150px;height:165px}}
/* Corporate detail pages use an architectural panel. */
.detail-globe{width:min(100%,480px);height:350px;border:1px solid #d8e0db;border-radius:0;box-shadow:none;background:linear-gradient(135deg,#eef2ef,#e7eeea);position:relative;overflow:hidden;padding:30px}.detail-globe:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#8b9d901c 1px,transparent 1px),linear-gradient(90deg,#8b9d901c 1px,transparent 1px);background-size:32px 32px}.detail-frame{position:relative;width:100%;max-width:340px;height:260px;background:transparent;border:0;border-left:2px solid #49c6c3;border-radius:0;box-shadow:none;transform:none;padding:10px 20px;display:flex;flex-direction:column;justify-content:space-between}.frame-mark{border-radius:0;background:#71dfd3;color:#26312f;width:67px;height:67px;margin:auto 0;font-size:34px}.frame-text strong{font-size:20px}.frame-top{font-size:8px}.frame-text small,.frame-text span{color:#899994}
@media(max-width:700px){.detail-globe{width:100%;height:300px;box-shadow:none}.detail-frame{height:230px}}
/* Fresh Wayllet identity: cool light, ink and a cyan–blue signature. */
.home .topbar{background:#0d1728}.hero{background:#0d1728}.hero:after{background:radial-gradient(circle,#4b8eff29,transparent 67%)}
.hero h1 em,.contact-banner h2 em{color:#71e1d9;background:linear-gradient(100deg,#67e3d0,#8bb7ff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.home .nav-button,.button.accent,.links .nav-button{background:linear-gradient(115deg,#5be1d3,#78a8ff);border-color:transparent;color:#112538}
.dot,.eyebrow i,.accent-dot{background:#5cdbd1}.approach-card{background:#e9f1f2}.approach-mark img{border-radius:0;box-shadow:none;width:130px}
.project-vannilo .project-visual{background:#e5edf1}.project-vannilo .project-lines{border-color:#98abbc50;box-shadow:0 0 0 36px #7896b81a,0 0 0 72px #7896b80d}
.vannilo-device{background:#f8faf9;color:#253b4d;border:1px solid #d2dce1;box-shadow:0 15px 30px #23425720}.vannilo-device .device-center{font:500 50px Georgia,serif;letter-spacing:-.08em}
.project-facekyc .project-visual{background:#e3f4f1}.project-waynance .project-visual{background:#edebfa}
.frame-mark{background:linear-gradient(135deg,#71e7d8,#82aaff);color:#13374a}
@media(max-width:700px){.links .nav-button{background:linear-gradient(115deg,#5be1d3,#78a8ff);color:#112538}}

/* Inicio: una identidad más luminosa y expresiva */
.home .topbar{background:#fcfaf8;color:#202032;border-color:#e9e6ec}
.home .links{color:#333343}.home .nav-button{background:#242034;color:#fff;border:0;border-radius:7px}
.home .nav-button:hover{background:#5b49b7}
.hero{background:radial-gradient(ellipse at 83% 19%,#e3d9ff 0,transparent 36%),radial-gradient(ellipse at 56% 82%,#ffd9d0 0,transparent 31%),linear-gradient(120deg,#fcfaf8 15%,#f7f2fb 70%,#eee9ff);color:#202032}
.hero:after{background:radial-gradient(circle,#f9a09a55,transparent 68%)}
.hero-grid-lines{opacity:.26;background-image:linear-gradient(#6851a716 1px,transparent 1px),linear-gradient(90deg,#6851a716 1px,transparent 1px)}
.hero .overline.light{color:#705e89}.hero .dot{background:#f07188}.hero h1{color:#242032}.hero h1 em{background:linear-gradient(100deg,#7152d9,#e35e91);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy>p{color:#626073}.hero .button.accent{background:#242034;color:#fff;box-shadow:0 14px 30px #48387c28;border-radius:7px}.hero .button.accent:hover{background:#5b49b7}
.hero .text-button{color:#333041}.hero .text-button span{color:#d46696}.hero-baseline{color:#8b8194}.hero-baseline i{background:#db7aa2}
.hero-end{border-color:#b8a9c944;color:#82778b}.architecture{filter:drop-shadow(0 24px 35px #8d73b631)}
.arch-caption span{color:#8e809f}.arch-caption strong{color:#605371}
@media(max-width:700px){.home .menu{border-color:#d7cedf}.home .menu i{background:#242034}.hero-art{height:390px}.home .links .nav-button{background:#242034;color:#fff}}

/* Movimiento suave en la ilustración original de la portada. */
@media (prefers-reduced-motion: no-preference) {
  .home .architecture { animation: wayllet-art-float 7s ease-in-out infinite; }
  .home .architecture > circle:nth-of-type(2) { transform-box: fill-box; transform-origin: center; animation: wayllet-ring-pulse 6s ease-in-out infinite; }
  .home .architecture > circle:nth-of-type(3) { transform-box: fill-box; transform-origin: center; animation: wayllet-ring-pulse 6s ease-in-out -3s infinite; }
  .home .architecture > circle:nth-of-type(n+5) { animation: wayllet-point-glow 3.8s ease-in-out infinite alternate; }
  .home .architecture > circle:nth-of-type(even):nth-of-type(n+5) { animation-delay: -1.9s; }
  .home .architecture > image { transform-box: fill-box; transform-origin: center; animation: wayllet-logo-glow 5s ease-in-out infinite; }
  .home .hero-grid-lines { animation: wayllet-grid-pulse 9s ease-in-out infinite; }
}
@keyframes wayllet-art-float { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }
@keyframes wayllet-ring-pulse { 0%,100% { opacity: .65; transform: scale(.98); } 50% { opacity: 1; transform: scale(1.025); } }
@keyframes wayllet-point-glow { from { opacity: .5; } to { opacity: 1; } }
@keyframes wayllet-logo-glow { 0%,100% { transform: scale(1); } 50% { transform: scale(1.045); } }
@keyframes wayllet-grid-pulse { 0%,100% { opacity: .18; } 50% { opacity: .32; } }

.project-wayaly .project-visual{background:#fdeef4}
.project-wayaly .project-lines{border-color:#e98fb02b;box-shadow:0 0 0 36px #e98fb011,0 0 0 72px #e98fb008}
.wayaly-device{background:linear-gradient(145deg,#fff,#fff6fa);color:#2b2235;border:1px solid #f3d6e2;box-shadow:0 15px 25px #c0507a26;transform:rotate(-5deg)}
.wayaly-device .device-center img{width:120px;height:120px}

.footer-tel{display:block;width:max-content;margin-top:10px}
