:root{--bg:#090a08;--panel:#11120f;--ink:#f0f2eb;--muted:#8b8e84;--line:#292b25;--acid:#d7ff31;--pad:clamp(24px,4vw,72px)}*{box-sizing:border-box}html{scroll-behavior:auto;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;overflow-x:hidden}body:not(.loaded){overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.container{width:min(100%,1600px);margin:auto;padding-left:var(--pad);padding-right:var(--pad)}.mono{font-family:"DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}.grain{position:fixed;inset:-50%;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");animation:grain .28s steps(2) infinite}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,3%)}75%{transform:translate(2%,2%)}100%{transform:translate(-3%,-1%)}}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:130;background:transparent}.scroll-progress i{display:block;width:0;height:100%;background:var(--acid)}.cursor{position:fixed;left:0;top:0;width:16px;height:16px;border:1px solid var(--acid);border-radius:50%;z-index:140;pointer-events:none;transform:translate(-50%,-50%);transition:width .25s,height .25s,background .25s,border-color .25s;display:flex;align-items:center;justify-content:center}.cursor span{font:0 "DM Mono";opacity:0;color:#111}.cursor.view{width:78px;height:78px;background:var(--acid);border-color:var(--acid)}.cursor.view span{font-size:8px;opacity:1}.page-loader{position:fixed;inset:0;z-index:200;background:#0d0e0b;display:grid;grid-template-rows:auto 1fr auto;padding:26px var(--pad);overflow:hidden}.loader-top{display:flex;justify-content:space-between;font:9px "DM Mono";letter-spacing:.12em;color:#777}.loader-center{display:flex;align-items:flex-end;justify-content:space-between}.loader-ms{font-size:clamp(110px,22vw,420px);font-weight:800;letter-spacing:-.11em;line-height:.72}.loader-ms span{color:var(--acid)}.loader-count{font:clamp(50px,8vw,130px) "DM Mono";color:var(--acid);line-height:.8}.loader-line{height:1px;background:#2c2d28}.loader-line i{display:block;height:1px;width:0;background:var(--acid)}.site-header{position:fixed;top:0;left:0;right:0;z-index:120;padding:24px var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;mix-blend-mode:difference}.brand{display:inline-flex;align-items:center;gap:14px;width:max-content}.brand strong{font-size:24px;letter-spacing:-.08em}.brand span{font:8px/1.25 "DM Mono";letter-spacing:.12em}.header-center{display:flex;align-items:center;gap:9px;font:8px "DM Mono";letter-spacing:.12em}.header-center i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 6px rgba(215,255,49,.08)}.menu-toggle{justify-self:end;border:0;background:transparent;color:inherit;display:grid;grid-template-columns:auto 20px;gap:4px 13px;align-items:center;cursor:pointer;padding:7px}.menu-toggle span{grid-row:1/3;font:9px "DM Mono";letter-spacing:.12em}.menu-toggle b{display:block;width:20px;height:1px;background:currentColor}.menu-panel{position:fixed;inset:0;z-index:110;visibility:hidden}.menu-curtain{position:absolute;inset:0;background:#d7ff31;transform:translateY(-100%)}.menu-content{position:relative;z-index:1;min-height:100%;color:#111;padding:130px var(--pad) 46px;display:grid;grid-template-columns:.45fr 2fr 1fr;align-items:end}.menu-side{align-self:start;font-size:9px}.menu-links{display:flex;flex-direction:column;overflow:hidden}.menu-links a{font-size:clamp(52px,7.2vw,120px);font-weight:700;letter-spacing:-.065em;line-height:.86;display:flex;gap:22px;align-items:flex-start}.menu-links small{font:9px "DM Mono";padding-top:14px;letter-spacing:.08em}.menu-links a:hover span{font-style:italic}.menu-foot{display:flex;flex-direction:column;font:10px/1.9 "DM Mono";align-self:end}.hero{position:relative;min-height:100svh;overflow:hidden;background:radial-gradient(circle at 75% 48%,#242918 0,rgba(20,21,16,.45) 28%,transparent 58%)}#hero-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.9}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 85%)}.hero-glow{position:absolute;width:42vw;height:42vw;border:1px solid rgba(215,255,49,.18);border-radius:50%;right:2vw;top:18vh;box-shadow:0 0 120px rgba(215,255,49,.05);filter:blur(.2px)}.hero-inner{position:relative;z-index:2;min-height:100svh;padding-top:112px;padding-bottom:38px;display:flex;flex-direction:column;justify-content:space-between}.hero-meta{display:flex;justify-content:space-between;font-size:8px;color:#a1a49a}.hero-wordmark{position:relative;margin-top:auto;margin-bottom:5vh}.hero h1{font-size:clamp(88px,13.5vw,248px);font-weight:800;letter-spacing:-.087em;line-height:.72;margin:0}.hero h1 .line{display:block;width:max-content}.hero h1 .l2{margin-left:8vw}.hero h1 .l3{margin-left:23vw}.hero h1 em{font-style:normal}.hero h1 .outline{-webkit-text-stroke:1.6px var(--ink);color:transparent}.acid{color:var(--acid)!important;-webkit-text-stroke:0!important}.hero-stamp{position:absolute;width:150px;height:150px;right:5vw;bottom:1vw}.hero-stamp svg{width:100%;height:100%;animation:spin 14s linear infinite}.hero-stamp text{font:8px "DM Mono";letter-spacing:.14em;fill:#b5b8ae}.hero-stamp circle{fill:var(--acid)}@keyframes spin{to{transform:rotate(360deg)}}.hero-footer{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.hero-footer p{max-width:600px;color:#a8aba1;font-size:clamp(15px,1.25vw,20px);line-height:1.6;margin:0}.hero-cta{width:126px;height:126px;border:1px solid #4b4d46;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:14px;font:8px/1.45 "DM Mono";transition:background .25s,color .25s}.hero-cta b{font-size:20px}.hero-cta:hover{background:var(--acid);color:#111}.hero-side{position:absolute;right:var(--pad);top:50%;z-index:3;writing-mode:vertical-rl;font-size:8px;color:#85887e}.section-pad{padding:clamp(100px,13vw,220px) 0}.section-pad-sm{padding:clamp(85px,9vw,150px) 0}.section-tag{display:grid;grid-template-columns:40px auto 1fr;align-items:center;gap:18px;font:9px "DM Mono";letter-spacing:.12em;color:#8d9087;margin-bottom:clamp(64px,7vw,105px)}.section-tag i{height:1px;background:#292b25}.section-tag.light i{background:#343631}.about-grid{display:grid;grid-template-columns:1.45fr .75fr;gap:10vw;align-items:start}.big-copy{font-size:clamp(52px,7vw,115px);line-height:.94;letter-spacing:-.065em;margin:0;font-weight:600}.big-copy span{color:var(--acid);font-style:italic;font-weight:300}.about-copy{padding-top:12px}.about-copy p{color:#9a9d94;line-height:1.75;font-size:clamp(15px,1.2vw,19px);margin:0 0 24px}.about-copy strong{color:#e9ebe4}.micro-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:55px}.micro-stats div{padding:25px 10px 0 0}.micro-stats strong{display:block;font-size:clamp(28px,3vw,46px);letter-spacing:-.06em}.micro-stats span{font:7px "DM Mono";color:#777}.kinetic{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.kinetic-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.kinetic-track span{font-size:clamp(38px,5.5vw,88px);font-weight:600;letter-spacing:-.05em;white-space:nowrap;padding-right:30px}@keyframes marquee{to{transform:translateX(-50%)}}.services-intro{display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end;margin-bottom:75px}.services-intro h2,.work-title h2,.stack-copy h2{font-size:clamp(54px,7.7vw,124px);line-height:.82;letter-spacing:-.07em;margin:0}.services-intro h2 em,.stack-copy h2 em{font-weight:300;color:var(--acid)}.services-intro p,.work-title p,.stack-copy>p{color:#8f9289;line-height:1.7;max-width:520px}.service-list{border-top:1px solid var(--line)}.service-row{position:relative;display:grid;grid-template-columns:70px 1.1fr 1fr .8fr 40px;align-items:center;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);transition:padding .35s,background .35s}.service-row:before{content:attr(data-label);position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:clamp(90px,13vw,210px);font-weight:800;letter-spacing:-.1em;opacity:0;color:#d7ff31;pointer-events:none;transition:opacity .35s}.service-row:hover{padding-left:25px;padding-right:25px;background:#0f100d}.service-row:hover:before{opacity:.025}.service-row .no{font:9px "DM Mono";color:#686b63}.service-row h3{font-size:clamp(25px,2.6vw,44px);line-height:1;letter-spacing:-.045em;margin:0}.service-row p{font-size:13px;line-height:1.6;color:#85887f;margin:0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span,.chips span{font:7px "DM Mono";padding:7px 9px;border:1px solid #34362f;border-radius:99px;color:#8f9288}.service-row>b{font-size:24px}.work{background:#0d0e0b}.work-title{display:grid;grid-template-columns:1.1fr .55fr;gap:7vw;align-items:end}.work-title h2 span{color:var(--acid);font-weight:300;font-style:italic}.project{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(360px,.65fr);border-top:1px solid #2a2b27;position:relative}.project-visual{min-height:100svh;position:relative;overflow:hidden;background:#12130f}.project-copy{padding:clamp(48px,6vw,100px);display:flex;flex-direction:column;justify-content:center;border-left:1px solid #292a26;background:#0d0e0b}.project-copy .eyebrow{font-size:8px;color:#777;margin-bottom:40px}.project-copy h3{font-size:clamp(42px,5vw,82px);line-height:.88;letter-spacing:-.065em;margin:0 0 32px}.project-copy p{max-width:500px;color:#94978e;line-height:1.75;font-size:14px}.chips{display:flex;gap:7px;flex-wrap:wrap;margin-top:28px}.scene{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1200px;overflow:hidden}.scene-grid{position:absolute;inset:-30%;background-image:linear-gradient(rgba(215,255,49,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(215,255,49,.06) 1px,transparent 1px);background-size:70px 70px;transform:rotateX(62deg) translateY(23%) scale(1.35);mask-image:linear-gradient(to bottom,transparent 8%,black 42%,transparent 90%)}.floating-label{position:absolute;left:5%;top:7%;font-size:8px;color:#787b72}.dash-shell{width:min(76%,850px);aspect-ratio:1.55;background:#181a15;border:1px solid #45483d;box-shadow:0 50px 100px #0008;transform:rotateY(-8deg) rotateX(4deg);z-index:2}.dash-head{height:48px;border-bottom:1px solid #33362e;display:flex;align-items:center;padding:0 16px;gap:18px;font:7px "DM Mono"}.dash-head span{display:flex;gap:5px}.dash-head i{width:6px;height:6px;border-radius:50%;background:#5d6154}.dash-head b{margin:auto}.dash-head small{color:var(--acid)}.dash-body{display:grid;grid-template-columns:22% 1fr;height:calc(100% - 48px)}.dash-body aside{padding:28px 15px;border-right:1px solid #2d3028;display:flex;flex-direction:column;gap:20px;font:7px "DM Mono";color:#6d7165}.dash-body aside b{color:var(--acid)}.dash-body main{padding:5%}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px}.kpis div{border:1px solid #2f332b;padding:18px}.kpis small,.kpis em{font:6px "DM Mono";display:block;color:#777}.kpis strong{font-size:clamp(22px,3vw,46px);display:block;letter-spacing:-.06em}.kpis em{color:var(--acid)}.chart-box{height:38%;margin-top:16px;border:1px solid #2f332b;position:relative;overflow:hidden;background:linear-gradient(to top,rgba(215,255,49,.04),transparent)}.chart-line{position:absolute;inset:0;display:flex;align-items:end;gap:8%;padding:16px}.chart-line i{flex:1;background:var(--acid);height:25%;opacity:.75}.chart-line i:nth-child(2){height:48%}.chart-line i:nth-child(3){height:41%}.chart-line i:nth-child(4){height:78%}.chart-line i:nth-child(5){height:66%}.chart-line i:nth-child(6){height:91%}.rows{display:grid;gap:9px;margin-top:16px}.rows i{height:8px;background:#292c25}.rows i:nth-child(2){width:80%}.rows i:nth-child(3){width:68%}.float-card{position:absolute;z-index:4;background:#d7ff31;color:#111;padding:16px 20px;box-shadow:0 20px 50px #0005;min-width:150px}.float-card small,.float-card span{display:block;font:6px "DM Mono"}.float-card strong{font-size:20px;display:block;margin:3px 0}.fc1{right:7%;top:20%;transform:rotate(4deg)}.fc2{left:7%;bottom:14%;background:#eff1e9;transform:rotate(-5deg)}.project-attendance .project-visual{background:#111414}.scene-attendance{background:radial-gradient(circle at center,#1e2a27 0,#111414 48%,#080a09)}.scan-beam{position:absolute;left:10%;right:10%;height:2px;background:var(--acid);box-shadow:0 0 25px var(--acid);top:20%;opacity:.6}.device-frame{width:min(46%,440px);aspect-ratio:.58;background:#171b19;border:8px solid #292f2b;border-radius:32px;padding:13px;box-shadow:0 50px 100px #000;z-index:2;transform:rotateY(7deg)}.device-top,.device-bottom{height:10%;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font:7px "DM Mono"}.device-top i{width:7px;height:7px;border-radius:50%;background:var(--acid)}.camera-view{height:76%;position:relative;overflow:hidden;background:linear-gradient(145deg,#32463e,#111815);display:flex;align-items:center;justify-content:center}.camera-view:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 3px,rgba(255,255,255,.02) 4px)}.face-silhouette{width:42%;height:58%;border-radius:48% 48% 35% 35%;background:radial-gradient(circle at 50% 25%,#87988b 0 12%,#5e6e62 13% 26%,#36473d 27% 100%);filter:blur(4px);opacity:.8}.face-box{position:absolute;width:45%;height:52%;border:1px solid var(--acid)}.face-box i{position:absolute;width:18px;height:18px;border-color:var(--acid)}.face-box i:nth-child(1){left:-2px;top:-2px;border-left:3px solid;border-top:3px solid}.face-box i:nth-child(2){right:-2px;top:-2px;border-right:3px solid;border-top:3px solid}.face-box i:nth-child(3){left:-2px;bottom:-2px;border-left:3px solid;border-bottom:3px solid}.face-box i:nth-child(4){right:-2px;bottom:-2px;border-right:3px solid;border-bottom:3px solid}.scan-text{position:absolute;left:6%;right:6%;bottom:5%;background:rgba(6,8,7,.82);padding:11px}.scan-text small,.scan-text span{font:6px "DM Mono";display:block}.scan-text strong{font-size:23px;color:var(--acid)}.scan-text span{float:right;color:var(--acid)}.device-bottom b{color:var(--acid)}.rfid-chip,.api-chip{position:absolute;z-index:3;border:1px solid #50665b;background:rgba(18,26,22,.78);backdrop-filter:blur(10px);padding:18px 24px;min-width:180px}.rfid-chip{left:10%;bottom:16%;transform:rotate(-8deg)}.api-chip{right:10%;top:18%;transform:rotate(7deg)}.rfid-chip span,.api-chip span,.rfid-chip small,.api-chip small{display:block;font:6px "DM Mono";color:#88978e}.rfid-chip strong,.api-chip strong{font-size:27px;color:var(--acid);display:block}.project-commerce .project-visual{background:#16150f}.scene-commerce{background:radial-gradient(circle at 50% 40%,#2d2b18,#11110d 60%)}.pay-path{position:absolute;left:7%;right:7%;top:12%;display:flex;align-items:center;gap:14px;font:7px "DM Mono";color:#8a8d82}.pay-path i{height:1px;background:#3b3d35;flex:1}.phone{width:min(34%,310px);aspect-ratio:.52;background:#f0f2eb;color:#111;border-radius:42px;border:8px solid #282821;padding:9% 7% 6%;display:flex;align-items:center;flex-direction:column;z-index:2;box-shadow:0 60px 100px #0008;transform:rotateY(-8deg) rotateZ(2deg)}.phone-notch{width:34%;height:16px;background:#1a1a18;border-radius:0 0 12px 12px;position:absolute;top:7px}.pay-check{width:68px;height:68px;border-radius:50%;background:var(--acid);display:flex;align-items:center;justify-content:center;font-size:32px;margin:16% 0 7%}.phone small{font:7px "DM Mono"}.phone strong{font-size:clamp(26px,3vw,46px);margin-top:7px;letter-spacing:-.06em}.phone p{font-size:9px;color:#777}.receipt{width:100%;margin-top:auto;border-top:1px solid #c6c8c1;padding-top:16px;display:flex;justify-content:space-between;font:7px "DM Mono"}.receipt b{color:#536b00}.gateway-card{position:absolute;z-index:3;padding:22px 25px;background:var(--acid);color:#111;min-width:170px;box-shadow:0 25px 60px #0005}.gateway-card span{font:6px "DM Mono";display:block}.gateway-card strong{font-size:18px}.gw1{left:12%;bottom:22%;transform:rotate(-7deg)}.gw2{right:11%;top:22%;background:#f1f2ec;transform:rotate(6deg)}.stack{overflow:hidden}.stack-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:8vw;align-items:center}.stack-copy>span{font-size:8px;color:#777}.stack-copy h2{font-size:clamp(52px,6.5vw,104px);margin:24px 0 30px}.stack-detail{border-top:1px solid var(--line);margin-top:55px;padding-top:25px;min-height:140px}.stack-detail small{font:7px "DM Mono";color:#6f726a}.stack-detail strong{display:block;font-size:22px;margin:8px 0}.stack-detail p{font-size:12px;line-height:1.7;color:#8e9188;max-width:460px}.tech-map{position:relative;aspect-ratio:1;max-width:760px;margin:auto;border:1px solid #292b25;border-radius:50%;background:radial-gradient(circle,#171912 0,transparent 62%)}.tech-map:before,.tech-map:after{content:"";position:absolute;border:1px dashed #282a24;border-radius:50%;inset:16%}.tech-map:after{inset:32%}.connections{position:absolute;inset:0;width:100%;height:100%}.connections line{stroke:#373a31;stroke-width:1;stroke-dasharray:4 7}.node{position:absolute;width:100px;height:100px;border-radius:50%;border:1px solid #44473c;background:#10110e;color:#e8eae3;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:transform .28s,background .28s,color .28s,border .28s;z-index:3}.node span{font-size:13px;font-weight:700}.node small{font:6px "DM Mono"}.node:hover,.node.active{transform:scale(1.12);background:var(--acid);color:#111;border-color:var(--acid)}.node.core{width:130px;height:130px;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--acid);color:#111;border:0}.node.core:hover,.node.core.active{transform:translate(-50%,-50%) scale(1.08)}.n1{left:50%;top:4%;transform:translateX(-50%)}.n1:hover,.n1.active{transform:translateX(-50%) scale(1.12)}.n2{right:6%;top:21%}.n3{right:2%;top:58%}.n4{right:25%;bottom:0}.n5{left:20%;bottom:2%}.n6{left:0;top:54%}.n7{left:7%;top:17%}.philosophy{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.philosophy-line span{font-size:8px;color:#777}.philosophy-line h2{font-size:clamp(47px,7vw,112px);line-height:.95;letter-spacing:-.06em;max-width:1380px;margin:35px 0 0}.philosophy-line h2 em{color:var(--acid);font-weight:300}.contact{background:#0a0b09}.contact-grid{display:grid;grid-template-columns:1fr .78fr;gap:10vw}.contact-copy>.mono{font-size:8px;color:#777}.contact-copy h2{font-size:clamp(68px,9vw,150px);line-height:.78;letter-spacing:-.08em;margin:40px 0}.contact-copy h2 em{font-weight:300;color:var(--acid)}.contact-copy p{max-width:560px;color:#91948b;line-height:1.7}.email-link{font-size:clamp(20px,2.3vw,35px);border-bottom:1px solid #50534b;padding-bottom:10px;display:inline-flex;gap:28px;margin-top:50px}.contact-form label{display:block;border-top:1px solid #30322c;padding:24px 0 34px}.contact-form label span{display:block;font:7px "DM Mono";color:#6f726a;margin-bottom:17px}.contact-form input,.contact-form textarea{width:100%;border:0;background:transparent;color:#fff;outline:none;font-size:clamp(20px,2.5vw,38px);resize:none}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#494b45}.hp{position:absolute!important;left:-9999px}.submit-btn{width:170px;height:170px;border-radius:50%;border:0;background:var(--acid);color:#111;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:18px;margin-left:auto;font:9px "DM Mono";text-transform:uppercase}.submit-btn b{font-size:21px}.form-status{min-height:28px;margin-top:16px;font:9px "DM Mono";color:var(--acid)}footer{margin-top:145px;border-top:1px solid #30322c;padding-top:28px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:30px;font:9px/1.7 "DM Mono"}footer div{display:flex;flex-direction:column}footer strong{font:22px Manrope;letter-spacing:-.05em}footer span{color:#6f726a}.footer-time strong{font:15px "DM Mono"}@media(max-width:1050px){.header-center{display:none}.site-header{grid-template-columns:1fr 1fr}.about-grid,.services-intro,.work-title,.stack-layout,.contact-grid{grid-template-columns:1fr}.about-copy{max-width:700px;margin-top:60px}.services-intro p,.work-title p{margin-top:30px}.project{grid-template-columns:1fr;min-height:auto}.project-visual{min-height:75svh}.project-copy{min-height:460px;border-left:0;border-top:1px solid #292a26}.stack-copy{max-width:720px}.tech-map{margin-top:70px}.menu-content{grid-template-columns:1fr;padding-top:130px}.menu-side{display:none}.menu-foot{margin-top:40px}.menu-links a{font-size:clamp(50px,12vw,100px)}}@media(max-width:720px){:root{--pad:20px}.cursor{display:none}.brand span{display:none}.hero-inner{padding-top:95px}.hero-meta span:last-child,.hero-side,.hero-stamp{display:none}.hero-wordmark{margin-bottom:8vh}.hero h1{font-size:20vw;line-height:.76}.hero h1 .l2{margin-left:0}.hero h1 .l3{margin-left:6vw}.hero-footer{grid-template-columns:1fr}.hero-cta{display:none}.section-pad{padding:100px 0}.section-pad-sm{padding:90px 0}.section-tag{margin-bottom:55px}.big-copy{font-size:13.5vw}.micro-stats{grid-template-columns:1fr 1fr}.micro-stats div:last-child{grid-column:1/3}.service-row{grid-template-columns:42px 1fr 30px;gap:14px;padding:26px 0}.service-row h3{font-size:28px}.service-row p,.service-row .tags{grid-column:2/4}.service-row:hover{padding-left:10px;padding-right:10px}.project-visual{min-height:560px}.project-copy{min-height:410px;padding:55px 24px}.dash-shell{width:90%}.float-card{transform:scale(.8)!important}.fc1{right:0}.fc2{left:0}.device-frame{width:58%}.rfid-chip,.api-chip{min-width:130px;padding:13px}.rfid-chip{left:2%}.api-chip{right:1%}.phone{width:46%}.gateway-card{min-width:130px;padding:15px}.gw1{left:2%}.gw2{right:2%}.tech-map{transform:scale(.93)}.node{width:75px;height:75px}.node.core{width:105px;height:105px}.node span{font-size:10px}.n3{right:-3%}.n6{left:-3%}.contact-copy h2{font-size:20vw}.submit-btn{width:145px;height:145px}footer{grid-template-columns:1fr 1fr;margin-top:100px}.menu-links a{font-size:15vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.grain{display:none}}

/* V2.1 — pointer depth, extended systems & coffee invitation */
.hero-wordmark{perspective:1200px;transform-style:preserve-3d}.hero h1 .line{will-change:transform;transform-style:preserve-3d}.hero-stamp{will-change:transform;transform-style:preserve-3d}.work-spectrum{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:-40px;margin-bottom:clamp(90px,10vw,160px);perspective:1100px}.spectrum-card{position:relative;min-height:320px;padding:34px;background:#0d0e0b;overflow:hidden;transform-style:preserve-3d;will-change:transform;transition:border-color .25s,background .25s}.spectrum-card:before{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:radial-gradient(circle,rgba(215,255,49,.16),transparent 68%);right:-75px;top:-75px;opacity:0;transform:translateZ(10px);transition:opacity .3s}.spectrum-card:hover{background:#12140e}.spectrum-card:hover:before{opacity:1}.spectrum-card>span{font:7px "DM Mono";letter-spacing:.12em;color:#70736a;display:block;transform:translateZ(24px)}.spectrum-card strong{display:block;font-size:clamp(28px,2.4vw,42px);line-height:1;letter-spacing:-.055em;margin:70px 0 20px;transform:translateZ(40px)}.spectrum-card p{font-size:12px;line-height:1.65;color:#85887f;max-width:330px;margin:0;transform:translateZ(30px)}.spectrum-card i{position:absolute;right:28px;bottom:24px;font-style:normal;font-size:24px;color:var(--acid);transform:translateZ(50px)}
.tilt-card{transform-style:preserve-3d;will-change:transform}.project-copy{transform-style:preserve-3d;will-change:transform}.project-copy>*{position:relative;transform:translateZ(18px)}
.coffee-invite{position:relative;margin-top:50px;border:1px solid #2f322b;min-height:230px;display:grid;grid-template-columns:210px 1fr;align-items:center;padding:24px 28px;background:linear-gradient(135deg,#11130e,#0c0d0a);overflow:hidden;perspective:900px}.coffee-invite:after{content:"";position:absolute;inset:auto -80px -120px auto;width:260px;height:260px;border:1px solid rgba(215,255,49,.13);border-radius:50%}.coffee-art{position:relative;width:170px;height:180px;margin:auto;transform-style:preserve-3d;transform:translateZ(36px)}.cup{position:absolute;left:29px;bottom:32px;width:110px;height:78px;border-radius:9px 9px 42px 42px;background:#e9ebe3;box-shadow:inset 0 -10px 18px #c7c9c1;display:flex;align-items:center;justify-content:center}.cup:before{content:"";position:absolute;right:-34px;top:13px;width:42px;height:43px;border:9px solid #e9ebe3;border-left:0;border-radius:0 28px 28px 0}.cup:after{content:"";position:absolute;left:7px;right:7px;top:5px;height:18px;border-radius:50%;background:#4b2d1c;box-shadow:inset 0 3px 7px #21130d}.coffee-heart{position:relative;z-index:2;color:#111;font-size:27px;margin-top:14px}.saucer{position:absolute;left:15px;bottom:22px;width:145px;height:20px;border-radius:50%;background:#bfc2b9;box-shadow:0 13px 28px #0008}.steam{position:absolute;bottom:112px;width:2px;height:50px;border-radius:50%;background:linear-gradient(to top,rgba(240,242,235,.65),transparent);filter:blur(.2px);animation:coffeeSteam 2.6s ease-in-out infinite}.s1{left:58px}.s2{left:87px;animation-delay:.55s;height:60px}.s3{left:113px;animation-delay:1s;height:43px}@keyframes coffeeSteam{0%{transform:translate3d(0,10px,0) scaleY(.7);opacity:0}35%{opacity:.7}100%{transform:translate3d(10px,-22px,0) scaleY(1.25);opacity:0}}.coffee-copy{position:relative;z-index:2;transform:translateZ(40px)}.coffee-copy small{font-size:7px;color:#72756c}.coffee-copy strong{display:block;font-size:clamp(24px,2.4vw,38px);letter-spacing:-.045em;margin:12px 0}.coffee-copy p{margin:0;max-width:390px;font-size:12px}.coffee-copy p span{color:var(--acid);font-size:16px}.mouse-glow{position:fixed;width:420px;height:420px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(215,255,49,.055),transparent 67%);transform:translate(-50%,-50%);mix-blend-mode:screen;opacity:.8}
@media(max-width:1050px){.work-spectrum{grid-template-columns:1fr;margin-top:0}.spectrum-card{min-height:250px}.spectrum-card strong{margin-top:45px}.coffee-invite{max-width:720px}}
@media(max-width:720px){.work-spectrum{margin-bottom:90px}.spectrum-card{min-height:230px;padding:26px}.spectrum-card strong{font-size:32px;margin:38px 0 15px}.coffee-invite{grid-template-columns:1fr;padding:22px;margin-top:38px}.coffee-art{transform:scale(.84);margin-bottom:-5px}.coffee-copy{text-align:center}.mouse-glow{display:none}}
@media(prefers-reduced-motion:reduce){.steam{animation:none}.tilt-card,.project-copy,.hero h1 .line,.hero-stamp{transform:none!important}}

/* SEO / regional authority content — visible, crawlable, and styled as part of the experience */
.seo-region{background:#0d0e0c;color:#f1f1e9}.seo-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;margin-top:70px}.seo-grid h2{font-size:clamp(42px,6vw,92px);line-height:.98;letter-spacing:-.055em;margin:14px 0}.seo-copy{font-size:18px;line-height:1.75;color:#b9b9ae}.seo-copy strong{color:#f1f1e9}.seo-services{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#2a2b27;margin-top:80px;border:1px solid #2a2b27}.seo-services article{background:#0d0e0c;padding:36px}.seo-services h3{font-size:25px;margin:0 0 15px}.seo-services p{color:#a8a89e;line-height:1.7;margin:0}.seo-faq{max-width:950px;margin:90px auto 0}.seo-faq>h2{font-size:clamp(36px,5vw,68px);letter-spacing:-.04em}.seo-faq details{border-top:1px solid #30312c;padding:25px 0}.seo-faq details:last-child{border-bottom:1px solid #30312c}.seo-faq summary{font-size:20px;font-weight:600;cursor:pointer}.seo-faq details p{max-width:760px;color:#aaa99f;line-height:1.7;margin:18px 0 0}@media(max-width:800px){.seo-grid,.seo-services{grid-template-columns:1fr}.seo-grid{gap:30px;margin-top:45px}.seo-services{margin-top:50px}.seo-services article{padding:26px}.seo-faq{margin-top:60px}}

/* V3 cinematic showcase additions */
.scene-software,.scene-android,.scene-api,.scene-iot,.scene-webexp,.scene-infra{background:radial-gradient(circle at 50% 40%,#1c2017 0,#11130f 38%,#090a08 74%);perspective:1400px;overflow:hidden}
.scene-software:before,.scene-android:before,.scene-api:before,.scene-iot:before,.scene-webexp:before,.scene-infra:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ffffff05 1px,transparent 1px),linear-gradient(#ffffff05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 85%,transparent)}
.ops-shell{position:absolute;left:50%;top:50%;width:min(72%,760px);aspect-ratio:1.55;transform:translate(-50%,-50%) rotateY(-9deg) rotateX(3deg);background:#e9ebe4;color:#161713;border-radius:22px;box-shadow:0 60px 100px #0008;overflow:hidden;z-index:2}.ops-top{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;background:#1c1e19;color:#eceee7;font:8px "DM Mono"}.ops-top b{color:var(--acid)}.ops-grid{display:grid;grid-template-columns:90px 1fr;height:calc(100% - 52px)}.ops-side{background:#d9dcd4;padding:22px 14px}.ops-side i{display:block;height:8px;background:#b7bbb1;border-radius:8px;margin-bottom:18px}.ops-main{padding:30px}.ops-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.ops-kpis span{background:#f7f8f3;border:1px solid #cfd2ca;padding:18px}.ops-kpis small{display:block;font:6px "DM Mono";color:#777}.ops-kpis strong{font-size:24px}.ops-table{margin-top:26px;background:#f7f8f3;border:1px solid #cfd2ca;padding:18px}.ops-table i{display:block;height:10px;background:linear-gradient(90deg,#c7cbc1 0 22%,#e4e6df 22% 100%);margin:13px 0;border-radius:5px}.ops-f1{right:6%;top:18%;transform:rotate(7deg)}.ops-f2{left:8%;bottom:14%;transform:rotate(-6deg)}
.android-phone{position:absolute;left:50%;top:50%;width:min(36%,350px);aspect-ratio:.52;transform:translate(-50%,-50%) rotateY(-10deg) rotateZ(2deg);background:#0f110e;border:10px solid #252820;border-radius:46px;box-shadow:0 60px 100px #0009;z-index:2;overflow:hidden}.android-bar{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;font:7px "DM Mono";color:#dce0d6;border-bottom:1px solid #2a2e26}.android-bar b{color:var(--acid)}.android-camera{position:absolute;inset:54px 0 92px;background:radial-gradient(circle at 50% 50%,#2b3027 0,#161914 52%,#0d0f0c 100%);display:flex;align-items:center;justify-content:center}.android-focus{width:42%;aspect-ratio:1;position:relative}.android-focus i{position:absolute;width:34px;height:34px;border-color:var(--acid);border-style:solid}.android-focus i:nth-child(1){left:0;top:0;border-width:2px 0 0 2px}.android-focus i:nth-child(2){right:0;top:0;border-width:2px 2px 0 0}.android-focus i:nth-child(3){left:0;bottom:0;border-width:0 0 2px 2px}.android-focus i:nth-child(4){right:0;bottom:0;border-width:0 2px 2px 0}.android-camera>span{position:absolute;bottom:20px;font:7px "DM Mono";color:#aeb4a7}.android-actions{position:absolute;left:0;right:0;bottom:0;height:92px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px}.android-actions button{border:1px solid #34382f;background:#171a15;color:#d9ddd3;border-radius:12px;font:7px "DM Mono"}.device-pill{position:absolute;z-index:3;min-width:155px;padding:18px 20px;border:1px solid #3d4137;background:#141611;color:#fff;box-shadow:0 28px 70px #0007}.device-pill small,.device-pill span{display:block;font:6px "DM Mono";color:#7e8475}.device-pill strong{display:block;font-size:18px;margin:4px 0}.dp1{left:10%;top:24%;transform:rotate(-7deg)}.dp2{right:10%;top:30%;transform:rotate(6deg);background:var(--acid);color:#10110d}.dp2 small,.dp2 span{color:#344000}.dp3{right:13%;bottom:18%;transform:rotate(-3deg)}
.api-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}.api-lines line{stroke:#4e5546;stroke-width:1.5;stroke-dasharray:8 10;animation:dashflow 5s linear infinite}.api-hub{position:absolute;left:50%;top:50%;width:150px;height:150px;border-radius:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--acid);color:#12130f;z-index:3;box-shadow:0 0 0 18px #c9ff0012,0 0 80px #c9ff0022}.api-hub strong{font-size:38px}.api-hub small{font:7px "DM Mono"}.api-node{position:absolute;z-index:2;min-width:150px;padding:16px 18px;border:1px solid #3a3f34;background:#11130f}.api-node span{display:block;font:7px "DM Mono";color:#878d7f}.api-node b{font-size:16px}.an1{left:12%;top:18%}.an2{right:11%;top:20%}.an3{right:9%;bottom:18%}.an4{left:10%;bottom:16%}.an5{left:50%;top:8%;transform:translateX(-50%)}@keyframes dashflow{to{stroke-dashoffset:-90}}
.iot-board{position:absolute;left:50%;top:50%;width:min(58%,580px);aspect-ratio:1.45;transform:translate(-50%,-50%) rotateY(-10deg) rotateX(4deg);background:#1f4d3b;border:10px solid #143126;border-radius:28px;box-shadow:0 70px 110px #0009;z-index:2}.iot-screen{position:absolute;left:8%;top:11%;width:54%;height:48%;background:#0b120e;border:6px solid #273328;padding:20px;color:#eaf0e7}.iot-screen span,.iot-screen small{display:block;font:7px "DM Mono";color:#7f8b7d}.iot-screen strong{display:block;color:var(--acid);font-size:36px;margin:18px 0}.iot-reader{position:absolute;right:8%;top:15%;width:26%;aspect-ratio:1;border-radius:50%;background:#111812;border:2px solid #739d6f;display:flex;align-items:center;justify-content:center;color:#dfe7da;font:8px "DM Mono"}.rfid-wave i{position:absolute;left:50%;top:50%;border:1px solid var(--acid);border-radius:50%;transform:translate(-50%,-50%);animation:rfidPulse 2s ease-out infinite}.rfid-wave i:nth-child(1){width:45px;height:45px}.rfid-wave i:nth-child(2){width:72px;height:72px;animation-delay:.35s}.rfid-wave i:nth-child(3){width:100px;height:100px;animation-delay:.7s}@keyframes rfidPulse{0%{opacity:.8;transform:translate(-50%,-50%) scale(.7)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.15)}}.iot-pins{position:absolute;left:9%;right:9%;bottom:12%;display:flex;justify-content:space-between}.iot-pins i{width:9%;height:18px;background:#d3aa45;border-radius:3px}.ip1{left:7%;bottom:13%;transform:rotate(-4deg)}.ip2{right:7%;bottom:17%;transform:rotate(5deg);background:#f1f2ec;color:#111}
.browser-card{position:absolute;left:50%;top:50%;width:min(74%,780px);aspect-ratio:1.55;transform:translate(-50%,-50%) rotateY(-8deg) rotateX(2deg);background:#f3f4ee;color:#10110e;border-radius:20px;box-shadow:0 60px 100px #0008;overflow:hidden;z-index:2}.browser-top{height:48px;background:#191b17;color:#dfe2d9;display:flex;align-items:center;gap:7px;padding:0 16px}.browser-top i{width:7px;height:7px;border-radius:50%;background:#73786d}.browser-top span{margin-left:12px;font:7px "DM Mono"}.browser-hero{height:calc(100% - 48px);padding:8% 9%;background:radial-gradient(circle at 80% 20%,#d7ff49 0 8%,transparent 9%),linear-gradient(135deg,#f2f3ec,#dfe2d8)}.browser-hero small{font:7px "DM Mono"}.browser-hero strong{display:block;font-size:clamp(32px,5vw,76px);line-height:.86;letter-spacing:-.07em;margin:7% 0 4%}.browser-hero p{font-size:14px}.wf1{left:7%;bottom:14%;transform:rotate(-7deg)}.wf2{right:6%;top:18%;transform:rotate(6deg);background:var(--acid);color:#111}
.server-rack{position:absolute;left:16%;top:50%;width:42%;transform:translateY(-50%) rotateY(-9deg);padding:26px;background:#171914;border:1px solid #353a30;border-radius:16px;box-shadow:0 50px 100px #0008;z-index:2}.server-row{height:76px;margin:10px 0;background:#0d0f0c;border:1px solid #30342b;border-radius:9px;padding:0 18px;display:grid;grid-template-columns:90px 1fr auto;align-items:center;color:#e8ece4}.server-row span{display:flex;gap:7px}.server-row i{width:8px;height:8px;border-radius:50%;background:#596151}.server-row i:first-child{background:var(--acid);box-shadow:0 0 12px #c9ff00}.server-row b{font-size:13px}.server-row small{font:7px "DM Mono";color:#78913d}.deploy-terminal{position:absolute;right:9%;top:26%;width:30%;min-height:260px;padding:28px;background:#f0f2eb;color:#151713;transform:rotate(5deg);box-shadow:0 35px 80px #0006;z-index:3;display:flex;flex-direction:column;gap:16px}.deploy-terminal span{font:9px "DM Mono"}.deploy-terminal strong{margin-top:auto;font-size:46px;color:#5a7200}.seo-links{display:flex;flex-wrap:wrap;gap:10px 18px;margin:80px 0 24px;padding-top:24px;border-top:1px solid #2f322c}.seo-links>span{width:100%;color:#70756b}.seo-links a{font-size:12px;border-bottom:1px solid #4a4e45;padding-bottom:3px;color:#cfd3ca}
@media(max-width:720px){.ops-shell{width:88%}.ops-grid{grid-template-columns:62px 1fr}.ops-main{padding:16px}.ops-kpis{gap:7px}.ops-kpis span{padding:10px}.ops-kpis strong{font-size:16px}.ops-f1,.ops-f2{transform:scale(.78)!important}.android-phone{width:58%}.device-pill{min-width:120px;padding:12px}.dp1{left:2%}.dp2{right:1%}.dp3{right:2%;bottom:10%}.api-hub{width:110px;height:110px}.api-node{min-width:110px;padding:10px}.api-node b{font-size:12px}.an1{left:2%}.an2{right:2%}.an3{right:1%}.an4{left:1%}.iot-board{width:82%}.ip1{left:1%}.ip2{right:1%}.browser-card{width:88%}.server-rack{left:5%;width:58%;padding:14px}.server-row{height:56px;grid-template-columns:58px 1fr auto;padding:0 10px}.server-row b{font-size:10px}.deploy-terminal{right:3%;top:30%;width:38%;padding:14px;min-height:210px}.deploy-terminal strong{font-size:32px}.seo-links{margin-top:55px}}

/* V3.1 — realistic animated coffee invitation */
.coffee-real{min-height:300px;grid-template-columns:minmax(250px,.78fr) 1fr;padding:30px 38px;background:radial-gradient(circle at 20% 42%,rgba(255,255,255,.028),transparent 35%),linear-gradient(135deg,#11130f,#0a0b09);isolation:isolate}
.coffee-real:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,transparent 25%,rgba(255,255,255,.035) 49%,transparent 66%);transform:translateX(-120%);animation:coffeeSheen 7s ease-in-out infinite}
@keyframes coffeeSheen{0%,58%{transform:translateX(-120%)}78%,100%{transform:translateX(125%)}}
.coffee-real:after{width:330px;height:330px;right:-110px;bottom:-180px;box-shadow:0 0 90px rgba(215,255,49,.025) inset}
.coffee-scene{position:relative;width:260px;height:225px;margin:auto;perspective:900px;transform-style:preserve-3d;filter:drop-shadow(0 28px 32px rgba(0,0,0,.4));will-change:transform}
.coffee-aura{position:absolute;left:50%;top:54%;width:210px;height:150px;transform:translate(-50%,-50%) translateZ(-30px);background:radial-gradient(ellipse,rgba(215,255,49,.08),rgba(215,255,49,.012) 45%,transparent 72%);filter:blur(7px);animation:coffeeAura 3.6s ease-in-out infinite}
@keyframes coffeeAura{50%{transform:translate(-50%,-50%) translateZ(-30px) scale(1.08);opacity:.68}}
.coffee-set{position:absolute;inset:0;transform-style:preserve-3d;animation:coffeeFloat 4.8s ease-in-out infinite;will-change:transform}
@keyframes coffeeFloat{0%,100%{transform:translateY(1px) rotateX(1deg) rotateY(-2deg)}50%{transform:translateY(-7px) rotateX(-1deg) rotateY(2deg)}}
.real-saucer{position:absolute;left:42px;bottom:26px;width:185px;height:45px;border-radius:50%;background:radial-gradient(ellipse at 50% 35%,#fbfcf7 0 32%,#d8dbd2 48%,#aeb2a8 67%,#f0f2eb 70%,#c8cbc2 100%);box-shadow:inset 0 -9px 18px rgba(67,70,63,.18),0 18px 30px rgba(0,0,0,.35);transform:rotateX(67deg) translateZ(-3px)}
.real-cup{position:absolute;left:62px;bottom:51px;width:138px;height:105px;transform-style:preserve-3d}
.cup-body-real{position:absolute;left:7px;right:7px;top:16px;height:90px;border-radius:10px 10px 50px 50px/8px 8px 30px 30px;background:linear-gradient(100deg,#c7cac1 0%,#f9faf5 21%,#fff 48%,#e8eae3 74%,#b8bcb2 100%);box-shadow:inset -13px -7px 22px rgba(75,79,70,.18),inset 12px 0 16px rgba(255,255,255,.75),0 12px 22px rgba(0,0,0,.23);z-index:2}
.cup-body-real:after{content:"♥";position:absolute;left:50%;top:42px;transform:translateX(-50%);font-size:19px;color:#171914;text-shadow:0 1px #fff8}
.cup-handle-real{position:absolute;right:-35px;top:28px;width:59px;height:53px;border:12px solid #e8eae3;border-left:8px solid #ced1c8;border-radius:15px 34px 34px 13px;box-shadow:3px 7px 12px rgba(0,0,0,.16);z-index:1}
.cup-handle-real:after{content:"";position:absolute;inset:6px;border-radius:8px 22px 22px 8px;background:#11130f;box-shadow:inset 3px 2px 7px #0009}
.cup-rim-real{position:absolute;left:1px;top:0;width:136px;height:39px;border-radius:50%;background:linear-gradient(100deg,#c4c8bd,#fff 26%,#f9faf6 54%,#b7bbb0);box-shadow:0 3px 5px rgba(0,0,0,.18),inset 0 -4px 6px rgba(93,96,87,.18);z-index:5;padding:6px}
.coffee-liquid-real{position:relative;width:100%;height:100%;border-radius:50%;overflow:hidden;background:radial-gradient(ellipse at 46% 28%,#8a5a36 0 7%,#654026 22%,#4a2c1b 53%,#2b180f 85%,#160b08 100%);box-shadow:inset 0 3px 7px rgba(255,216,167,.2),inset 0 -5px 9px rgba(0,0,0,.42);animation:coffeeLiquid 4s ease-in-out infinite}
@keyframes coffeeLiquid{0%,100%{transform:scaleX(1)}50%{transform:scaleX(.985) scaleY(1.03)}}
.coffee-gloss{position:absolute;left:13px;top:5px;width:72px;height:9px;border-radius:50%;border-top:2px solid rgba(255,232,202,.28);transform:rotate(-6deg);filter:blur(.3px);animation:coffeeGloss 3.3s ease-in-out infinite}
@keyframes coffeeGloss{50%{left:28px;opacity:.45}}
.latte-heart{position:absolute;width:62px;height:43px;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-3deg);overflow:visible;filter:drop-shadow(0 1px 1px rgba(58,29,16,.3));animation:latteBreathe 3.2s ease-in-out infinite}
.latte-heart path:first-child{fill:#e9d5ae;opacity:.94}.latte-heart .latte-line{fill:none;stroke:#f4e6c9;stroke-width:3;stroke-linecap:round;opacity:.68}
@keyframes latteBreathe{0%,100%{transform:translate(-50%,-50%) rotate(-3deg) scale(.96)}50%{transform:translate(-50%,-50%) rotate(2deg) scale(1.045)}}
.coffee-spoon{position:absolute;right:8px;bottom:47px;width:104px;height:8px;border-radius:12px;background:linear-gradient(#f4f5ef,#8f958a 47%,#e1e4dc);transform:rotate(11deg) translateZ(-8px);box-shadow:0 7px 12px #0005;z-index:0}
.coffee-spoon i{position:absolute;right:-14px;top:-6px;width:30px;height:20px;border-radius:50%;background:radial-gradient(ellipse at 40% 30%,#f9faf5,#9ca196 72%);box-shadow:inset -4px -3px 7px #6f746b55}
.bean{position:absolute;width:20px;height:13px;border-radius:50%;background:radial-gradient(ellipse at 30% 28%,#70472d,#3a2115 57%,#1d100b);box-shadow:0 8px 12px #0006;z-index:7}
.bean:after{content:"";position:absolute;left:9px;top:1px;width:2px;height:11px;border-radius:50%;background:#a06b47;transform:rotate(18deg)}
.bean-one{left:30px;bottom:32px;transform:rotate(19deg);animation:beanOne 5s ease-in-out infinite}.bean-two{left:16px;bottom:52px;transform:rotate(-27deg) scale(.86);animation:beanTwo 5.8s ease-in-out infinite}.bean-three{right:17px;bottom:31px;transform:rotate(42deg) scale(.72);animation:beanThree 6.3s ease-in-out infinite}
@keyframes beanOne{50%{transform:translate(4px,-2px) rotate(27deg)}}@keyframes beanTwo{50%{transform:translate(-3px,2px) rotate(-17deg) scale(.86)}}@keyframes beanThree{50%{transform:translate(3px,-3px) rotate(52deg) scale(.72)}}
.coffee-shadow-real{position:absolute;left:50%;bottom:11px;width:190px;height:34px;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.62),transparent 70%);transform:translateX(-50%) rotateX(72deg);filter:blur(5px);animation:shadowPulse 4.8s ease-in-out infinite}
@keyframes shadowPulse{50%{width:174px;opacity:.72}}
.steam-real{position:absolute;z-index:8;bottom:139px;width:22px;height:80px;left:50%;border-radius:50%;border-left:2px solid rgba(245,247,241,.42);filter:blur(1.1px);transform-origin:bottom center;opacity:0;animation:steamReal 3.3s cubic-bezier(.36,.06,.48,.97) infinite}
.steam-r1{margin-left:-42px}.steam-r2{margin-left:-7px;animation-delay:1.05s;height:92px}.steam-r3{margin-left:28px;animation-delay:2.05s;height:72px}
@keyframes steamReal{0%{opacity:0;transform:translate3d(0,18px,12px) scale(.72) rotate(-7deg)}24%{opacity:.55}58%{opacity:.32;transform:translate3d(9px,-19px,18px) scale(1.08) rotate(8deg)}100%{opacity:0;transform:translate3d(-7px,-55px,22px) scale(1.28) rotate(-13deg)}}
.coffee-copy strong{font-size:clamp(28px,2.7vw,44px)}.coffee-status{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:7px;color:#72766d}.coffee-status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 0 5px rgba(215,255,49,.07),0 0 15px rgba(215,255,49,.26);animation:coffeeDot 1.8s ease-in-out infinite}@keyframes coffeeDot{50%{opacity:.35;transform:scale(.72)}}
.coffee-real:hover .coffee-set{animation-duration:3.7s}.coffee-real:hover .latte-heart{animation-duration:1.7s}.coffee-real:hover .coffee-aura{opacity:1}
@media(max-width:720px){.coffee-real{grid-template-columns:1fr;min-height:430px;padding:24px 20px}.coffee-scene{transform:scale(.9);margin-bottom:-12px}.coffee-copy{padding-bottom:8px}.coffee-status{justify-content:center}}
@media(prefers-reduced-motion:reduce){.coffee-set,.coffee-aura,.coffee-liquid-real,.coffee-gloss,.latte-heart,.steam-real,.bean,.coffee-shadow-real,.coffee-real:before,.coffee-status i{animation:none!important}}

/* V3.2 — robust SVG coffee cup (renders independently of cached layered cup CSS) */
.coffee-svg-scene{width:300px;height:245px;display:grid;place-items:center;overflow:visible;filter:none}
.coffee-svg-scene .coffee-set{position:relative;inset:auto;width:100%;height:100%;display:grid;place-items:center;transform-style:preserve-3d}
.coffee-cup-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 22px 24px rgba(0,0,0,.28));transform:translateZ(32px)}
.coffee-cup-svg .cup-main{transform-origin:170px 175px;animation:svgCupFloat 4.6s ease-in-out infinite}
.coffee-cup-svg .latte-art{transform-origin:170px 106px;animation:svgLattePulse 3s ease-in-out infinite}
.coffee-cup-svg .steam-path{stroke-width:4;opacity:0;stroke-dasharray:90;stroke-dashoffset:90;animation:svgSteam 3.2s ease-in-out infinite}
.coffee-cup-svg .s-b{animation-delay:.75s}.coffee-cup-svg .s-c{animation-delay:1.5s}
.coffee-cup-svg .coffee-beans-svg{animation:svgBeans 5s ease-in-out infinite;transform-origin:175px 225px}
@keyframes svgCupFloat{0%,100%{transform:translateY(1px) rotate(-.4deg)}50%{transform:translateY(-7px) rotate(.6deg)}}
@keyframes svgLattePulse{0%,100%{transform:scale(.96)}50%{transform:scale(1.05)}}
@keyframes svgSteam{0%{opacity:0;stroke-dashoffset:90;transform:translateY(10px)}30%{opacity:.55}75%{opacity:.25}100%{opacity:0;stroke-dashoffset:0;transform:translateY(-20px)}}
@keyframes svgBeans{50%{transform:translateY(-2px) rotate(1deg)}}
.coffee-real:hover .coffee-cup-svg .cup-main{animation-duration:3.1s}.coffee-real:hover .coffee-cup-svg .latte-art{animation-duration:1.6s}
@media(max-width:720px){.coffee-svg-scene{width:270px;height:220px}}
@media(prefers-reduced-motion:reduce){.coffee-cup-svg .cup-main,.coffee-cup-svg .latte-art,.coffee-cup-svg .steam-path,.coffee-cup-svg .coffee-beans-svg{animation:none!important}}