/* Petrol refinement — preserve the original composition, add satin depth. */
:root{--dark:#082f35;--soft:#edf2ed}
.hero{position:relative;isolation:isolate}
.hero::before{content:"";position:absolute;top:15px;left:50%;width:min(1050px,100%);height:780px;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 60%,#e8f3eb80,transparent 68%);z-index:-4;pointer-events:none}
.hero h1>span{color:#145c63}
.header{border-bottom-color:#d3ddd5}
.header-contact,.button{box-shadow:0 3px 0 #082f350b;transition:background .2s ease,box-shadow .2s ease}
.button:hover{transform:none;box-shadow:0 6px 18px #082f3514}
.button-mint:hover{box-shadow:0 4px 20px #c8f4dc20}
.mega-menu{border-color:#cad6ce;box-shadow:0 24px 60px #082f351a,0 2px 7px #082f3508}
.map-grid{opacity:.42;background-size:28px 28px}
.map-ring{border:1px solid #92b9a999;box-shadow:inset 0 2px 1px #fff9,inset 0 -15px 24px #356b5b0d,0 19px 32px -21px #214e423d}
.ring-left{background:radial-gradient(ellipse at 31% 16%,#f5fff5c9,transparent 47%),linear-gradient(137deg,#d8f0e1 5%,#c3e2d2 55%,#a2cdbb 100%)}
.ring-right{background:radial-gradient(ellipse at 64% 14%,#effaf49e,transparent 47%),linear-gradient(140deg,#cbdad3 5%,#b2cec3 54%,#87b09f 100%);mix-blend-mode:multiply}
.map-ring::before{content:"";position:absolute;inset:6px;border-radius:inherit;border:1px solid #ffffff61;pointer-events:none}
.map-ring::after{content:"";position:absolute;inset:12px;border-radius:inherit;border-top:1px solid #fff7;border-bottom:1px solid #507b651c;pointer-events:none}
.map-center{isolation:isolate}
.map-center::before{content:"";position:absolute;inset:-29px -22px;background:radial-gradient(ellipse,#e5f6df66,transparent 68%);z-index:-1;pointer-events:none}
.map-orbit{border-color:#b7ccc05c}.orbit-two{border-color:#d1ddd35c}
.map-tag{box-shadow:0 1px 2px #082f3505,0 8px 24px -12px #082f3521;border-color:#c7d8cc;background:#ffffffed;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}
.map-tag:hover{transform:none;background:#f6fbf4;border-color:#8fb5a4;box-shadow:0 4px 16px #082f3510}
.map-tag.is-active,.map-tag.is-active:hover{background:#145c63;border-color:#145c63;box-shadow:0 6px 18px #145c6324;color:white}
.map-ai{background:linear-gradient(125deg,#153f43,#082f35);box-shadow:inset 0 1px #ffffff14,0 5px 12px #082f3510}
.map-flow>span{border-color:#d1dfd4;box-shadow:0 2px 4px #082f3503;transition:background .2s}
.map-flow>span:last-child{background:#d5efdf;border-color:#b3d2bf;color:#164f44}
.clients{border-top-color:#d3ddd5}.client-list>a{opacity:.82}
.growth-visual{border-color:#ccd9cf;background:linear-gradient(150deg,#fff,#f9fbf7);box-shadow:0 20px 60px -32px #284d3e33,inset 0 1px #fff}
.growth-step.is-active{background:linear-gradient(180deg,#eaf4edb3,transparent 86%)}
.growth-step i{box-shadow:0 0 0 3px #fff8}.growth-step.is-active i{box-shadow:0 0 0 4px #d4e9dc}
.growth-detail{border-top-color:#cbdccf}.growth-detail>div:last-child>span{color:#145c63}
.scenarios{background:linear-gradient(135deg,#f0f4ed,#e6eee6);border-block:1px solid #dce5db}
.scenario-board{border-color:#c6d5c9;box-shadow:0 20px 50px -34px #163e2d40;background:#ffffffeb}
.node-icon{background:linear-gradient(145deg,#fff,#eaf2eb);box-shadow:inset 0 1px #fff,0 3px 8px #082f3505}
.process-result{background:#e4f1e5;border:1px solid #cddfcc}.result-check{box-shadow:0 2px 5px #145c631c}
.cases{background:radial-gradient(ellipse at 0 0,#18515369,transparent 50%),linear-gradient(130deg,#0d373d,#082b31 70%);position:relative;isolation:isolate}
.case-panel{position:relative;isolation:isolate;background:linear-gradient(145deg,#1d4a4d,#153b40);border-color:#73968b55;box-shadow:inset 0 1px #ffffff0b;transition:background .22s,border-color .22s}
.case-panel::before{content:"";position:absolute;right:-90px;top:65px;width:245px;height:245px;border:36px solid #b8dcc00a;border-radius:50%;z-index:-1;pointer-events:none}
.case-panel:hover{border-color:#94b8a78c}
.case-panel.is-active{background:linear-gradient(140deg,#fafcf5,#edf3e9);border-color:#c9dbca;box-shadow:0 20px 45px -24px #0013178c,inset 0 1px white}
.case-panel.is-active::before{display:none}
.case-image{border-color:#ccd9cc;box-shadow:0 8px 22px -10px #1a463029;border-radius:8px;background:white}
.case-link{color:#145c63}.case-switch{transition:color .2s}
.solution-top>svg{width:46px;height:46px;padding:9px;border:1px solid #cddbd0;border-radius:10px;background:linear-gradient(150deg,#fdfefb,#e8f0e8)}
.tags span{background:#eaf0e8;color:#435b4e;border:1px solid #dce5da}
.next-grid article{border-left-color:#a9c8b8}
.manifest{background:radial-gradient(ellipse at 82% 10%,#1c67636b,transparent 60%),linear-gradient(115deg,#082f35,#154f50);box-shadow:inset 0 1px #8baea340,0 20px 55px -36px #082f3550}
.manifest-rings{opacity:.16}.manifest-rings i{border-color:#b1d8c5}.manifest-rings i:last-child{border-color:#77a999}
.contact-seal{background:linear-gradient(135deg,#e7f8df,#c8e9cc);box-shadow:inset 0 1px #fff9,0 10px 28px #051f2129;transition:background .2s;transform:rotate(-12deg)}
.contact-seal:hover{transform:rotate(-12deg);background:#d8efcf}
.faq details[open]{border-color:#aac7b6}
/* Motion language: steady elements, quiet dissolves and finite emphasis. */
.map-running .map-ring,.map-running .map-center{animation:none}
.map-running .map-flow>span{animation:none}
.process-node:not(:last-child)::before{display:none}
.playing .process-node::before{animation:none}
.playing .process-node .node-icon{animation:quiet-step 1.1s ease-in-out both}
.playing .process-node:nth-child(2) .node-icon{animation-delay:.42s}
.playing .process-node:nth-child(3) .node-icon{animation-delay:.84s}
.playing .process-node:nth-child(4) .node-icon{animation-delay:1.26s}
.playing .process-result{animation:quiet-result 1.1s 1.55s ease-in-out both}
@keyframes quiet-step{0%,100%{background-color:#f8fbf6;border-color:#d8dfd9;color:#145c63;box-shadow:inset 0 1px #fff}45%,65%{background:#d4eadd;border-color:#86b499;color:#123e36;box-shadow:inset 0 1px #ffffff80}}
@keyframes quiet-result{0%,100%{border-color:#cddfcc}50%{border-color:#86b499}}
@media(max-width:1050px){.case-panel::before{top:0;right:-95px;width:180px;height:180px;border-width:25px}}
@media(max-width:700px){
 .hero::before{width:100%;height:620px;top:40px}
 .map-ring{box-shadow:inset 0 2px 1px #fff8,inset 0 -10px 20px #356b5b0b,0 14px 21px -19px #214e4240}
 .map-ring::before{inset:4px}.map-ring::after{inset:8px}
 .map-center::before{inset:-15px -10px}
 .growth-step.is-active{background:#deeee1}
 .case-panel::before{width:130px;height:130px;border-width:20px;top:0;right:-42px}
 .solution-top>svg{width:44px;height:44px;padding:8px}
 .manifest{box-shadow:inset 0 1px #8baea340,0 12px 35px -30px #082f3550}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}