:root{--bg:#f1f2ee;--paper:#fff;--ink:#171b19;--muted:#777f79;--line:#d9ded8;--mint:#a5dfd2;--mint2:#d7eee6;--dark:#171e1b;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.progress{position:fixed;z-index:99;top:0;left:0;height:3px;width:0;background:#75bcae}.header{height:86px;max-width:var(--max);margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe2dc;position:relative;z-index:20}.logo{display:flex;gap:10px;align-items:center;text-decoration:none;font-size:16px;font-weight:800;letter-spacing:-.7px}.logo-symbol{width:38px;height:38px;border:1.4px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:20px;letter-spacing:-2px}.logo-symbol span{color:#63a99a}.logo-muted{color:#8c948e}.nav{display:flex;align-items:center;gap:30px}.nav a{text-decoration:none;font-size:11px;font-weight:700;color:#5c655e;transition:color .2s}.nav a:hover{color:#4d9d8c}.nav .nav-button{padding:13px 17px;border:1px solid #cbd2ca;border-radius:40px;color:var(--ink)}.nav-button b{margin-left:12px}.burger{display:none;background:none;border:0;padding:10px}.burger i{display:block;width:23px;height:1.5px;background:var(--ink);margin:6px}
.hero{max-width:var(--max);margin:auto;padding:85px 30px 34px;min-height:690px;position:relative}.kicker,.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:800;color:#7f8981;display:flex;align-items:center;gap:10px}.pulse{width:7px;height:7px;border-radius:50%;background:#65b8a7;box-shadow:0 0 0 4px #65b8a722;animation:pulse 2s infinite}@keyframes pulse{50%{box-shadow:0 0 0 8px #65b8a700}}h1{font-size:clamp(54px,7.4vw,94px);letter-spacing:-6px;line-height:.99;margin:29px 0 28px;font-weight:700;position:relative;z-index:2}h1 em,.contact h2 em{font-style:normal;color:#929c94}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;max-width:930px;position:relative;z-index:2}.hero-bottom p{max-width:420px;font-size:13px;line-height:1.9;color:#737c75;margin:0}.hero-links{display:flex;align-items:center;gap:25px;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;padding:16px 22px;border-radius:40px;text-decoration:none;font-size:11px;font-weight:800;transition:transform .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn span{margin-left:15px}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#34433c}.under-link{font-size:11px;font-weight:800;text-decoration:none;border-bottom:1px solid #aeb6ae;padding-bottom:6px}.under-link span{margin-left:12px}.hero-art{height:235px;max-width:940px;margin:56px 0 0 auto;position:relative;border-radius:16px;background:#dce6df;overflow:hidden}.art-grid{position:absolute;inset:-30%;background-image:linear-gradient(#8da99c22 1px,transparent 1px),linear-gradient(90deg,#8da99c22 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(58deg) rotateZ(-13deg) scale(1.5)}.art-glow{position:absolute;width:450px;height:450px;left:35%;top:-110px;border-radius:50%;background:radial-gradient(circle,#b4e6d9 0,#b4e6d955 35%,transparent 70%);filter:blur(4px)}.art-ring{position:absolute;left:51%;top:50%;border:1px solid #759f902f;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.ring1{width:510px;height:190px}.ring2{width:350px;height:250px;transform:translate(-50%,-50%) rotate(48deg)}.art-orb{position:absolute;left:51%;top:50%;width:170px;height:170px;border-radius:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#f9fcf7,#c5d8ce);box-shadow:inset -15px -18px 30px #8fa99b33,0 22px 45px #536c5b2b;display:grid;place-items:center;animation:float 6s ease-in-out infinite}.orb-inner{font-size:86px;font-weight:800;letter-spacing:-12px}.orb-inner span{color:#6cb5a4}@keyframes float{50%{transform:translate(-50%,-54%)}}.art-caption{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.7px;color:#829188;font-weight:800}.cap-top{top:20px}.cap-bottom{bottom:18px}.floating-chip{position:absolute;padding:10px 13px;border:1px solid #a9bdb2;border-radius:30px;background:#f2f7f1c9;font-size:8px;letter-spacing:1.2px;font-weight:800;backdrop-filter:blur(8px);animation:float 5s ease-in-out infinite}.floating-chip b{margin-left:12px;color:#599d8d}.chip-one{left:16%;top:35px}.chip-two{right:13%;bottom:42px;animation-delay:-2s}.hero-index{display:flex;justify-content:space-between;color:#a0a8a0;font-size:8px;letter-spacing:1.5px;padding-top:18px}
.marquee{background:var(--dark);color:#e8eee8;overflow:hidden;padding:17px 0}.marquee-track{display:flex;align-items:center;justify-content:space-around;gap:32px;min-width:1000px;animation:marquee 28s linear infinite;font-size:9px;font-weight:800;letter-spacing:2px}.marquee b{color:var(--mint);font-size:13px}@keyframes marquee{to{transform:translateX(-25%)}}
.section{padding:110px max(30px,calc((100% - var(--max))/2 + 30px))}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:52px}.section-head h2{font-size:clamp(38px,4.5vw,57px);letter-spacing:-3px;line-height:1.06;margin:18px 0 0}.section-head h2 span{color:#929b93}.section-head>p{max-width:340px;font-size:11px;line-height:1.9;color:#7b847d;margin:0 0 5px}.service-list{border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:55px 1.2fr 1fr 44px;gap:22px;align-items:center;padding:28px 4px;border-bottom:1px solid var(--line);transition:padding .25s,background .25s}.service:hover{padding-left:14px;padding-right:14px;background:#ffffff70}.service-no{font-size:10px;color:#89938b;font-weight:800}.service-title h3{font-size:19px;letter-spacing:-.7px;margin:0 0 7px}.service-title p{font-size:10px;color:#858e87;margin:0;line-height:1.7}.service-tags{display:flex;gap:6px;flex-wrap:wrap}.service-tags span{font-size:8px;padding:7px 9px;border:1px solid #dce1da;border-radius:20px;color:#758078}.round-arrow{width:38px;height:38px;border:1px solid #cbd3cb;border-radius:50%;display:grid;place-items:center;text-decoration:none;transition:background .2s,transform .2s}.round-arrow:hover{background:var(--mint);transform:rotate(45deg)}
.cases{background:#e8ece6}.case-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:17px}.case{display:block;text-decoration:none;background:#fff;border-radius:13px;overflow:hidden;transition:transform .3s,box-shadow .3s}.case:hover{transform:translateY(-6px);box-shadow:0 22px 50px #263a2d16}.case-visual{height:330px;position:relative;overflow:hidden}.abandoned{background:#17241f}.map-lines{position:absolute;inset:-30%;background-image:linear-gradient(#91c6b022 1px,transparent 1px),linear-gradient(90deg,#91c6b022 1px,transparent 1px);background-size:38px 38px;transform:rotate(-18deg) scale(1.4)}.abandoned:after{content:"";position:absolute;width:400px;height:400px;border:1px solid #83c8b333;border-radius:50%;left:30%;top:-20%}.map-marker{position:absolute;width:12px;height:12px;background:#9ce2d1;border-radius:50%;box-shadow:0 0 0 7px #9ce2d122,0 0 24px #9ce2d1}.m1{left:26%;top:30%}.m2{right:25%;top:22%}.m3{right:34%;bottom:22%}.map-card{position:absolute;z-index:2;left:12%;top:16%;width:220px;padding:22px;border-radius:12px;background:#f4f5ef;box-shadow:0 20px 50px #0005;display:flex;flex-direction:column;gap:10px}.map-card small{font-size:7px;letter-spacing:1.5px;color:#819087}.map-card strong{font-size:26px;line-height:1.08;letter-spacing:-1px}.map-card>span{font-size:9px;color:#7b867e}.mini-action{font-size:8px;background:#18241f;color:white;border-radius:20px;padding:9px 12px;align-self:start;margin-top:4px}.case-visual-label{position:absolute;right:22px;bottom:20px;color:#a8c7ba;font-size:8px;letter-spacing:1.5px}.revnix-preview{background:#d6e4dc;display:grid;place-items:center}.preview-window{width:66%;height:75%;position:relative;z-index:2;background:#f8f9f5;border-radius:9px;padding:13px 17px;box-shadow:0 25px 50px #233d302c}.preview-top{display:flex;gap:4px}.preview-top span{width:5px;height:5px;border-radius:50%;background:#b8c6bc}.preview-brand{font-size:10px;font-weight:800;letter-spacing:-.5px;margin-top:27px}.preview-brand span{color:#65ac9b}.preview-heading{font-size:28px;line-height:.98;letter-spacing:-1.7px;font-weight:800;margin-top:15px}.preview-line{height:4px;width:85%;background:#dce5dd;border-radius:4px;margin-top:14px}.preview-line.short{width:58%;margin-top:6px}.preview-cta{height:17px;width:75px;background:#1b2520;border-radius:20px;margin-top:18px}.preview-shape{position:absolute;width:180px;height:180px;border-radius:50%;right:-55px;bottom:-70px;background:linear-gradient(130deg,#8acbb9,#eff4ed)}.case-meta{padding:20px 22px;display:flex;justify-content:space-between;align-items:center}.case-meta h3{font-size:14px;margin:0 0 5px}.case-meta p,.case-meta>span{font-size:9px;color:#8a938b;margin:0}.case-note{font-size:9px;color:#89928a;margin-top:18px}
.about{background:#f8f9f5}.about-top{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:start}.about-statement{font-size:clamp(33px,4.5vw,58px);font-weight:700;line-height:1.15;letter-spacing:-2.8px;max-width:760px}.about-statement span{color:#9aa39b}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:65px 0 0 33.3%}.about-copy p{font-size:11px;line-height:2;color:#788179;max-width:390px;margin-bottom:25px}.stats{display:grid;grid-template-columns:1fr 1fr;gap:20px}.stats div{border-top:1px solid #dce1da;padding-top:15px;display:flex;flex-direction:column;gap:9px}.stats strong{font-size:32px;letter-spacing:-2px}.stats span{font-size:9px;color:#818b83;line-height:1.6}
.process{background:#e9ede7}.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.process-tabs{border-top:1px solid #d2d9d1}.process-tab{width:100%;display:grid;grid-template-columns:40px 1fr 25px;align-items:center;text-align:left;gap:10px;padding:22px 10px;border:0;border-bottom:1px solid #d2d9d1;background:transparent;font:700 12px Manrope;cursor:pointer;color:#7e8981;transition:color .2s,padding .2s}.process-tab span{font-size:9px}.process-tab b{font-size:15px;font-weight:400}.process-tab.active{color:var(--ink);padding-left:17px}.process-tab.active b{color:#5ca796}.process-detail{min-height:290px;background:#17221d;color:#fff;border-radius:13px;padding:28px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.detail-number{position:absolute;top:25px;left:28px;font-size:8px;letter-spacing:1.5px;color:#a1b5a8}.detail-symbol{position:absolute;right:22px;top:-45px;font-size:190px;line-height:1;font-weight:800;letter-spacing:-18px;color:#ffffff0a}.process-detail h3{font-size:24px;letter-spacing:-1px;margin:0 0 12px;position:relative}.process-detail p{font-size:10px;line-height:1.9;color:#b2beb5;max-width:390px;margin:0;position:relative}.detail-foot{font-size:8px;letter-spacing:1.5px;color:#83c8b5;margin-top:30px;position:relative}
.quote-band{background:#17211d;color:#fff;padding:100px max(30px,calc((100% - var(--max))/2 + 30px));position:relative;overflow:hidden}.quote-inner{position:relative;z-index:1}.quote-band .eyebrow{color:#9daea3}.quote-band h2{font-size:clamp(42px,6vw,76px);letter-spacing:-4px;line-height:1.03;margin:26px 0}.quote-band h2 em{font-style:normal;color:var(--mint)}.btn-light{background:#f2f5ef;color:#17211d}.quote-ghost{position:absolute;right:6%;top:-150px;font-size:390px;line-height:1;font-weight:800;letter-spacing:-45px;color:#ffffff08}
.calc-box{background:#fff;border:1px solid #e4e8e2;border-radius:14px;padding:30px}.calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.calc-fields label{display:flex;flex-direction:column;gap:10px;font-size:9px;font-weight:800;color:#727d75}.calc-fields select{appearance:none;padding:15px 35px 15px 13px;border:1px solid #dce2da;border-radius:7px;background:#f8f9f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m2 4 4 4 4-4' fill='none' stroke='%236b786e' stroke-width='1.3'/%3E%3C/svg%3E") no-repeat right 13px center;font:600 10px Manrope;color:#202722}.calc-result{margin-top:28px;padding-top:25px;border-top:1px solid #e7ebe5;display:flex;justify-content:space-between;align-items:center;gap:20px}.calc-result>div{display:flex;flex-direction:column;gap:7px}.calc-result small,.contact-card small{font-size:8px;letter-spacing:1.5px;color:#8b958d;font-weight:800}.calc-result strong{font-size:30px;letter-spacing:-1.5px}.calc-result span{font-size:9px;color:#8b948d}
.contact{background:#f8f9f5;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.contact h2{font-size:clamp(40px,5vw,62px);line-height:1.06;letter-spacing:-3px;margin:20px 0}.contact-copy p{font-size:11px;line-height:1.9;color:#7d877f;max-width:380px}.contact-card{background:#fff;border:1px solid #e3e8e1;border-radius:14px;padding:30px}.telegram{display:flex;justify-content:space-between;align-items:center;text-decoration:none;font-size:30px;font-weight:800;letter-spacing:-1.5px;margin:16px 0 24px}.telegram span{font-size:19px;color:#5ba795}.contact-rule{height:1px;background:#e7ebe5}.contact-details{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 25px}.contact-details span{font-size:9px;border:1px solid #dfe5dd;border-radius:20px;padding:8px 11px;color:#69756c}.full{width:100%}
.footer{max-width:var(--max);margin:auto;padding:25px 30px;border-top:1px solid #dfe3dc;display:flex;justify-content:space-between;align-items:center;gap:20px}.footer>span{font-size:9px;color:#929b93}
.reveal{opacity:0;transform:translateY(22px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:850px){.header{height:74px}.burger{display:block}.nav{display:none;position:absolute;top:73px;left:0;right:0;padding:25px 30px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:22px}.nav.open{display:flex}.nav .nav-button{text-align:center}.hero{padding-top:65px;min-height:auto}.hero-art{margin-top:45px}.hero-bottom{align-items:start;flex-direction:column}.section{padding-top:82px;padding-bottom:85px}.section-head{flex-direction:column;align-items:start;gap:18px}.service{grid-template-columns:35px 1fr 40px}.service-tags{grid-column:2;grid-row:2}.round-arrow{grid-column:3;grid-row:1}.about-top{grid-template-columns:1fr;gap:25px}.about-bottom{margin:45px 0 0;gap:30px}.process-layout{grid-template-columns:1fr}.process-detail{min-height:260px}.contact{grid-template-columns:1fr;gap:30px}.case-visual{height:280px}}
@media(max-width:560px){.header{padding:0 20px}.hero{padding:58px 20px 30px}h1{font-size:48px;letter-spacing:-3.5px}.hero-bottom p{font-size:12px}.hero-links{gap:17px;flex-wrap:wrap}.hero-art{height:190px}.art-orb{width:130px;height:130px}.orb-inner{font-size:65px}.floating-chip{font-size:7px;padding:8px 10px}.chip-one{left:7%}.chip-two{right:5%}.hero-index{font-size:7px}.section{padding-left:20px;padding-right:20px}.section-head h2{font-size:39px;letter-spacing:-2px}.service{grid-template-columns:28px 1fr 35px;gap:10px;padding:23px 0}.service-title h3{font-size:16px}.service-title p{font-size:9px}.service-tags span{font-size:7px;padding:6px 7px}.case-grid{grid-template-columns:1fr}.case-visual{height:255px}.map-card{left:8%;width:195px;padding:18px}.about-statement{font-size:36px;letter-spacing:-2px}.about-bottom{grid-template-columns:1fr}.stats strong{font-size:28px}.process-tab{font-size:10px;padding:19px 5px}.process-detail{padding:23px;min-height:250px}.process-detail h3{font-size:21px}.quote-band{padding:75px 20px}.quote-band h2{font-size:43px;letter-spacing:-2.5px}.quote-ghost{font-size:230px;right:-30px;top:10px}.calc-box{padding:20px}.calc-fields{grid-template-columns:1fr}.calc-result{align-items:start;flex-direction:column}.calc-result strong{font-size:27px}.contact{padding-left:20px;padding-right:20px}.contact-card{padding:22px}.telegram{font-size:25px}.footer{padding:22px 20px;flex-wrap:wrap}.footer>span:nth-child(2){order:3;width:100%}.footer>span:last-child{margin-left:auto}}



/* Motion layer: pinned process, depth, hover physics and continuous motion */
.hero{perspective:1000px}.hero-art{transform-style:preserve-3d;transition:transform .18s ease-out}.art-orb{will-change:transform}.art-grid{animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{background-position:80px 80px}}.art-ring{animation:ringTurn 22s linear infinite}.ring2{animation-direction:reverse;animation-duration:28s}@keyframes ringTurn{to{transform:translate(-50%,-50%) rotate(336deg)}}
.hero h1{overflow:hidden}.hero h1 em{display:inline-block;animation:titleRise 1s cubic-bezier(.2,.75,.2,1) both .12s}@keyframes titleRise{from{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}
.service{transform-style:preserve-3d;will-change:transform}.service:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:8px;background:radial-gradient(350px circle at var(--mx,50%) var(--my,50%),#a5dfd225,transparent 60%);opacity:0;transition:opacity .25s}.service{position:relative}.service:hover:after{opacity:1}.round-arrow{transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s}.service:hover .round-arrow{transform:rotate(45deg);background:var(--mint)}
.case-visual{isolation:isolate}.case-visual:before{content:"";position:absolute;inset:0;z-index:4;background:linear-gradient(115deg,transparent 35%,#ffffff45 50%,transparent 65%);transform:translateX(-120%);transition:transform .8s}.case:hover .case-visual:before{transform:translateX(120%)}.map-card,.preview-window{transition:transform .5s cubic-bezier(.2,.8,.2,1)}.case:hover .map-card{transform:translateY(-8px) rotate(-1deg)}.case:hover .preview-window{transform:translateY(-7px) rotate(1deg)}
.process-scroll-wrap{height:620vh;position:relative}.process-sticky{height:100vh;max-height:900px;min-height:620px;position:sticky;top:0;overflow:hidden;background:#e9ede7;padding:36px max(30px,calc((100% - var(--max))/2 + 30px)) 24px;display:flex;flex-direction:column;justify-content:center}.process-progress{height:2px;background:#d1d9d1;position:absolute;top:25px;left:max(30px,calc((100% - var(--max))/2 + 30px));right:max(30px,calc((100% - var(--max))/2 + 30px));z-index:3}.process-progress span{display:block;width:12.5%;height:100%;background:#62aa99;transition:width .12s linear}.process-track{display:flex;width:800%;height:min(68vh,590px);min-height:430px;will-change:transform;transform:translateX(0)}.process-slide{width:12.5%;flex:0 0 12.5%;padding:15px 3.5%;display:grid;grid-template-columns:1.1fr .9fr;gap:7%;align-items:center;opacity:.42;transform:scale(.97);transition:opacity .45s,transform .45s}.process-slide.active{opacity:1;transform:scale(1)}.slide-count{position:absolute;align-self:start;font-size:9px;letter-spacing:1.5px;color:#879188}.slide-visual{height:100%;max-height:440px;min-height:300px;border-radius:12px;position:relative;overflow:hidden;background:#d7e5dc;display:grid;place-items:center}.slide-copy small{font-size:9px;letter-spacing:1.7px;color:#649e8f;font-weight:800}.slide-copy h3{font-size:clamp(28px,3.5vw,46px);letter-spacing:-2px;line-height:1.08;margin:18px 0}.slide-copy p{font-size:12px;line-height:1.9;color:#778179;max-width:390px}.visual-brief{background:linear-gradient(135deg,#c5dcd0,#edf1e9)}.visual-window{width:58%;height:68%;padding:22px;background:#fbfcf8;box-shadow:0 25px 60px #1e382a25;transform:rotate(-5deg);display:flex;flex-direction:column;gap:14px}.visual-window span,.visual-window i{font-size:8px;color:#87938a}.visual-window b{font-size:clamp(25px,4vw,48px);line-height:.95;letter-spacing:-2px}.visual-window i{height:4px;background:#dce5dd;width:90%;border-radius:4px}.visual-window i:last-child{width:60%}.visual-stamp{position:absolute;right:10%;bottom:9%;font-size:100px;font-weight:800;color:#fff9}.visual-strategy{background:#17231e}.strategy-node{position:absolute;border:1px solid #8ccdbb66;border-radius:50px;color:#d5e8dd;padding:13px 18px;font-size:9px;letter-spacing:1px;animation:nodeFloat 4s ease-in-out infinite}.n1{top:24%;left:14%}.n2{right:13%;top:29%;animation-delay:-1.5s}.n3{left:30%;bottom:19%;animation-delay:-2.5s}.strategy-center{width:130px;height:130px;border:1px solid #8ccdbb;border-radius:50%;display:grid;place-items:center;color:#a5dfd2;font-size:12px;letter-spacing:2px;box-shadow:0 0 60px #8ccdbb22}@keyframes nodeFloat{50%{transform:translateY(-12px)}}.visual-wire{background:#dfe7df}.wire-card{width:62%;height:70%;border:1px solid #9eb2a3;padding:17px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 20px;gap:10px;transform:rotate(4deg);background:#f6f8f2;box-shadow:20px 25px 55px #253c2b20}.wire-card div{border:1px dashed #9eb6a7;background:#eaf0e9}.wire-card b{font-size:8px;letter-spacing:2px;color:#829188}.visual-design{background:#cfe3d8}.design-orb{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#fafff8,#8bcab5 55%,#4c8574);box-shadow:20px 30px 50px #31584740;animation:orbBreathe 6s ease-in-out infinite}.design-type{position:absolute;font-size:70px;font-weight:800;color:#f7faf4;mix-blend-mode:soft-light;left:13%;top:12%}.design-swatch{position:absolute;width:85px;height:85px;border-radius:50%;background:#1d2a23;right:13%;bottom:12%;border:10px solid #edf4ec}@keyframes orbBreathe{50%{transform:scale(1.08) rotate(12deg)}}.visual-code{background:#17221d;padding:12%}.code-lines{display:grid;gap:13px;width:85%}.code-lines i{height:5px;border-radius:5px;background:linear-gradient(90deg,#82cbb7 0 24%,#647b6d 24% 65%,#34483c 65%);animation:codePulse 2.5s ease-in-out infinite}.code-lines i:nth-child(2n){width:73%;animation-delay:-.7s}.code-lines i:nth-child(3n){width:88%;animation-delay:-1.2s}@keyframes codePulse{50%{opacity:.4;transform:scaleX(.94);transform-origin:left}}.code-cursor{width:2px;height:25px;background:#a5dfd2;position:absolute;left:23%;top:24%;animation:blink .8s steps(2) infinite}@keyframes blink{50%{opacity:0}}.code-lines:after{content:"";color:#a5dfd2}.code-lines{position:relative}.visual-code b{position:absolute;bottom:12%;left:12%;font-size:8px;letter-spacing:2px;color:#94b3a2}.visual-content{background:#dbe8df}.content-paper{width:55%;height:72%;background:#fff;padding:20px;box-shadow:15px 25px 50px #2a423326;transform:rotate(-3deg)}.content-paper b{font-size:9px;letter-spacing:2px}.content-paper i{display:block;height:4px;background:#dfe8e0;margin-top:12px;width:90%}.content-paper i:nth-of-type(2){width:70%}.content-paper i:nth-of-type(3){width:55%}.content-image{height:38%;margin-top:16px;background:linear-gradient(130deg,#9dcab8,#e7eee4)}.visual-test{background:#1b2821}.test-ring{width:160px;height:160px;border:1px solid #8cd0bd;border-radius:50%;display:grid;place-items:center;color:#b0eadb;font-size:70px;box-shadow:0 0 0 20px #8cd0bd12,0 0 0 40px #8cd0bd09;animation:ringPulse 3s ease-out infinite}.test-label{position:absolute;bottom:13%;font-size:8px;letter-spacing:2px;color:#9db8a9}@keyframes ringPulse{50%{box-shadow:0 0 0 30px #8cd0bd09,0 0 0 55px #8cd0bd04}}.visual-launch{background:linear-gradient(145deg,#b7d8c9,#eaf0e8)}.launch-sun{position:absolute;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,#fff 0,#d6f0e4 40%,#8ec9b4 72%,transparent 73%);animation:launchPulse 4s ease-in-out infinite}.launch-word{position:relative;font-size:76px;font-weight:800;letter-spacing:-7px;color:#17231d}.launch-word span{color:#68b49f}.launch-line{position:absolute;bottom:19%;height:1px;width:55%;background:#6e9c87;animation:lineGrow 2s ease-out both}@keyframes launchPulse{50%{transform:scale(1.13);opacity:.8}}@keyframes lineGrow{from{transform:scaleX(0)}to{transform:scaleX(1)}}.process-controls{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:8px;letter-spacing:1.5px;color:#879188}.process-controls div{display:flex;gap:8px}.process-controls button{width:36px;height:36px;border:1px solid #c4d0c6;border-radius:50%;background:transparent;font-size:16px;cursor:pointer;transition:background .2s}.process-controls button:hover{background:var(--mint)}.review-strip{overflow:hidden;background:#cde6da;padding:17px 0}.review-track{display:flex;align-items:center;justify-content:space-around;gap:30px;min-width:900px;animation:marquee 24s linear infinite;font-size:9px;letter-spacing:2px;font-weight:800}.review-track b{color:#5da38f}.floating-contact{position:fixed;z-index:15;right:24px;bottom:24px;display:flex;align-items:center;gap:14px;padding:8px 9px 8px 17px;border-radius:50px;background:#17221d;color:#fff;text-decoration:none;font-size:10px;font-weight:800;box-shadow:0 10px 35px #17221d30;transition:transform .2s}.floating-contact:hover{transform:translateY(-4px)}.floating-contact b{width:32px;height:32px;display:grid;place-items:center;background:var(--mint);color:#17221d;border-radius:50%;font-size:15px}
@media(max-width:850px){.process-scroll-wrap{height:auto}.process-sticky{height:auto;min-height:0;position:relative;padding:45px 25px}.process-progress{display:none}.process-track{width:100%;height:auto;min-height:0;display:grid;gap:18px;transform:none!important}.process-slide{width:100%;padding:0;display:grid;grid-template-columns:1fr;gap:16px;opacity:0;transform:translateY(28px) scale(.985);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.process-slide.mobile-visible{opacity:1;transform:translateY(0) scale(1)}.slide-count{position:relative}.slide-visual{height:260px;min-height:0}.slide-copy h3{font-size:27px;margin:10px 0}.slide-copy p{margin-bottom:20px}.process-controls{display:none}.process-slide:not(:first-child){border-top:1px solid #d1d9d1;padding-top:25px}.process-slide .slide-visual{max-height:280px}.process-slide .slide-visual{animation:mobileVisualIn .9s ease both}.process-slide:nth-child(2n) .slide-visual{animation-delay:.12s}.art-grid{animation:gridDrift 18s linear infinite}.art-ring{animation:ringTurn 22s linear infinite}.ring2{animation-direction:reverse;animation-duration:28s}.art-orb,.floating-chip,.design-orb,.test-ring,.launch-sun,.marquee-track,.review-track{animation-play-state:running}.floating-contact{right:14px;bottom:14px}.service:after{display:none}}
@keyframes mobileVisualIn{from{opacity:.55;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:560px){.process-sticky{padding:40px 20px}.slide-visual{height:225px}.floating-contact span{display:none}.floating-contact{padding:7px}.floating-contact b{width:38px;height:38px}}


/* Comet cursor — desktop pointer devices only */
#comet-cursor{
  position:fixed;inset:0;width:100%;height:100%;
  z-index:80;pointer-events:none;opacity:0;
  transition:opacity .25s ease;
}
body.comet-ready #comet-cursor{opacity:1}
@media (pointer:coarse){
  #comet-cursor{display:none!important}
}


/* Mobile process: a real 8-step swipe carousel with visible controls */
@media (max-width: 850px) {
  .progress { display:none; }
  .process-scroll-wrap { height:auto !important; }
  .process-sticky {
    height:auto !important; min-height:0 !important; max-height:none !important;
    position:relative !important; overflow:visible !important;
    padding:34px 20px 28px !important; display:block !important;
  }
  .process-progress {
    display:block !important; position:relative !important; inset:auto !important;
    width:100%; margin:0 0 22px; height:3px; border-radius:5px; overflow:hidden;
  }
  .process-track {
    display:flex !important; width:100% !important; height:auto !important;
    min-height:0 !important; gap:0 !important; overflow-x:auto !important;
    overflow-y:hidden !important; scroll-snap-type:x mandatory;
    scroll-behavior:smooth; -webkit-overflow-scrolling:touch;
    scrollbar-width:none; transform:none !important; touch-action:pan-x pan-y;
  }
  .process-track::-webkit-scrollbar { display:none; }
  .process-slide {
    box-sizing:border-box; width:100% !important; flex:0 0 100% !important;
    min-width:100% !important; padding:0 2px 10px !important;
    display:grid !important; grid-template-columns:1fr !important;
    gap:15px !important; align-items:start !important;
    opacity:1 !important; transform:none !important;
    border:0 !important; scroll-snap-align:start; scroll-snap-stop:always;
    transition:opacity .45s ease, transform .55s cubic-bezier(.2,.7,.2,1) !important;
  }
  .process-slide:not(:first-child) { border:0 !important; padding-top:0 !important; }
  .process-slide .slide-count { position:relative !important; display:block; }
  .slide-visual, .process-slide .slide-visual {
    width:100%; height:clamp(210px,58vw,300px) !important;
    min-height:0 !important; max-height:none !important;
    border-radius:15px; overflow:hidden;
  }
  .slide-copy { padding:2px 0 8px; }
  .slide-copy small { font-size:10px; }
  .slide-copy h3 { font-size:clamp(25px,7vw,34px) !important; line-height:1.08; margin:10px 0 !important; letter-spacing:-1.2px; }
  .slide-copy p { font-size:14px !important; line-height:1.75 !important; margin:0 !important; max-width: none !important; }
  .process-controls {
    display:flex !important; align-items:center; justify-content:space-between;
    gap:12px; margin-top:20px; font-size:9px; letter-spacing:1px;
  }
  .process-controls > span:first-child { display:none; }
  .process-controls div { display:flex; gap:10px; }
  .process-controls button { width:44px; height:44px; font-size:20px; border-radius:50%; }
  .process-slide .slide-visual > * { animation-play-state:running !important; }
  .process-slide.is-current .slide-visual { animation:mobileCardEnter .55s ease both; }
  .floating-contact b { font-size:0; }
  .floating-contact b::before { content:'↗︎'; font-size:19px; }
}
@keyframes mobileCardEnter {
  from { opacity:.55; transform:translateY(12px) scale(.985); }
  to { opacity:1; transform:translateY(0) scale(1); }
}
@media (max-width:560px) {
  .process-sticky { padding:28px 20px !important; }
  .slide-visual, .process-slide .slide-visual { height:clamp(205px,62vw,250px) !important; }
}