.flow-refined{--paper:#eef4f0;--ink:#173c35;--accent:#247c59;--card:#fbfdfb;--line:#c2d5cb;--subtle:#5f7d73;--gradient:linear-gradient(105deg,#a7efad 0%,#60d4a0 43%,#68adee 100%);--hero:#082a28}.flow-refined header{width:min(1050px,calc(100% - 100px));position:absolute;top:64px;left:50%;transform:translateX(-50%);padding:13px 24px;border:1px solid #d0f4e53d;border-radius:100px;background:linear-gradient(110deg,#ceedd826,#c9e9ff14);backdrop-filter:blur(25px);color:#eefbf4;box-shadow:0 12px 45px #001d1a16}.flow-refined header .brand>span{font-size:27px}.flow-refined header .brand img{width:34px;height:27px}.flow-refined header nav{gap:24px}.flow-refined header nav .btn{background:linear-gradient(110deg,#c6efbd,#a9d9ee);color:#123c31;border:1px solid #d7f8e32b}.flow-refined .flow-hero{margin-inline:16px;min-height:850px;background:radial-gradient(ellipse at 12% 15%,#1b55383b,transparent 50%),radial-gradient(ellipse at 100% 68%,#18538888,transparent 57%),linear-gradient(110deg,#082824,#0b302c 48%,#0b2940);border-radius:27px}.flow-refined .hero-inner{padding:160px 8% 120px}.flow-refined .hero h1{font-size:clamp(52px,5.5vw,82px)}.flow-refined .hero .eyebrow{color:#b3d9c1}.flow-refined .status-dot{background:#9aeaad;box-shadow:0 0 16px #91e8ab}.flow-refined .hero .lead{color:#c5ded3}.flow-refined .hero .btn:not(.outline){background:linear-gradient(110deg,#c8efba,#9cdcc2 53%,#a3d8ed);color:#123c31;box-shadow:0 5px 24px #70ccae14}.flow-refined .hero .outline{color:#d7ede4;border-color:#afdacb55;background:#c3e5d008}.flow-refined .hero .btn:hover{box-shadow:0 10px 35px #6acfa329}.flow-refined .hero-chips>span{border-color:#9dc9b63b;color:#b8d8c8;background:#d2eedb06}.flow-refined .flow-caption{color:#9dd8c2}.flow-refined .hero-index{color:#82bba7}.flow-refined .motion-toggle{color:#c8e6d8;border-color:#bbdece45}.flow-refined .ticker{background:linear-gradient(100deg,#dceee0,#dfede9 60%,#dceaf4);border-color:#c3d8cb;color:#4f7767}.flow-refined .ticker i{color:#298b61}.flow-refined .approach h2>span,.flow-refined .showcase h2>span,.flow-refined .pricing h2>span{background:linear-gradient(105deg,#3c9366,#298873 48%,#407eb1);background-clip:text;-webkit-background-clip:text;color:transparent}.flow-refined .service-grid article{background:linear-gradient(145deg,#fcfefb,#e7f1e9);border-color:#c8dace}.flow-refined .service-grid article:nth-child(2){background:linear-gradient(140deg,#ecf7ec,#e4f0f4);border-color:#c6d8d6}.flow-refined .service-grid article:nth-child(3){background:linear-gradient(145deg,#f4faf2,#e6efe9);border-color:#c8dace}.flow-refined .art-focus i{border-color:#4f9f7759}.flow-refined .art-focus b{background:linear-gradient(130deg,#4d9764,#367b9c);box-shadow:0 0 30px #67b78633}.flow-refined .art-shape i{border-color:#8bb6a66e;background:linear-gradient(135deg,#c7ebcb90,#71acd33d);box-shadow:10px 15px 30px #1b4a3515}.flow-refined .art-path i{border-color:#55a68266}.flow-refined .art-path i:nth-child(2){border-color:#68a0c873}.flow-refined .scene-landscape{background:radial-gradient(ellipse at 80% 0,#26765f,transparent 62%),linear-gradient(120deg,#0a2e2a,#0e3549);color:#e3f5ea}.flow-refined .study-orb{background:radial-gradient(circle at 30% 25%,#e0f8cf,#82c69e 20%,#397f79 45%,#0b2d38 70%);box-shadow:20px 20px 50px #002b2580,inset -10px -10px 40px #082d38,inset 5px 5px 20px #ddfadc44}.flow-refined .plan:not(.evolve){background:linear-gradient(150deg,#fcfefb,#edf5ed)}.flow-refined .plan:not(.evolve) .btn{background:linear-gradient(105deg,#276a4d,#2e7c64 55%,#336f92);color:#fff}.flow-refined .evolve{background:radial-gradient(ellipse at 100% 0,#346c7640,transparent 70%),linear-gradient(135deg,#133d30,#143e3c 60%,#153d51);border-color:#275244}.flow-refined .evolve .setup{border-color:#bad6c244}.flow-refined .evolve>p:not(.setup){color:#b9d6c7}.flow-refined .evolve .btn{background:linear-gradient(110deg,#c7edb7,#9edcc4 60%,#a1cfe7);color:#193f32}.flow-refined .care{background:linear-gradient(110deg,#dbeedb,#e2f0e7 55%,#dcecf4);border-color:#c1d6c7}.flow-refined .care>strong{color:#247052}.flow-refined .about{background:linear-gradient(120deg,#fcfefb,#eaf4ed 60%,#e5eff1);border-color:#c8dacf}.flow-refined .about h2>span{color:#579371}.flow-refined .contact{background:radial-gradient(ellipse at 100% 0,#468ead33,transparent 65%),linear-gradient(120deg,#163e2e,#153f37 55%,#193e53)}.flow-refined .contact h2>span{background:var(--gradient);background-clip:text;-webkit-background-clip:text;color:transparent}.flow-refined .contact-bottom p{color:#bdd8c9}.flow-refined .contact .btn{background:linear-gradient(110deg,#c4ecb5,#a4dec5 55%,#acd7ee);color:#193f32}.flow-refined .contact .fine{color:#9fbeaf}.flow-refined .contact-star{color:#a9e7b90a}.flow-refined footer{border-color:#c4d7cc}
@media(max-width:1150px){.flow-refined header{width:calc(100% - 100px)}.flow-refined header nav{gap:20px}.flow-refined .hero-inner{padding:155px 6% 125px}}
@media(max-width:820px){.flow-refined header{width:calc(100% - 64px);top:60px;padding:14px 20px}.flow-refined header nav{background:#eff6f0;color:#1e4738;border-color:#bdd5c5}.flow-refined header nav .btn{background:linear-gradient(110deg,#bddda8,#9cc9dc);color:#183e32}}
@media(max-width:600px){.flow-refined header{top:48px;width:calc(100% - 46px);padding:12px 18px}.flow-refined header .brand>span{font-size:25px}.flow-refined header .brand img{width:28px;height:22px}.flow-refined .flow-hero{margin-inline:8px;border-radius:23px;min-height:900px}.flow-refined .hero-inner{padding:135px 25px 150px}.flow-refined .hero h1{font-size:clamp(43px,11.2vw,64px)}.flow-refined .hero .eyebrow{font-size:7px}.flow-refined .hero .lead{font-size:15px}.flow-refined .flow-caption{bottom:75px}.flow-refined .hero-chips{max-width:260px;gap:7px}.flow-refined .hero-chips>span{font-size:8px}.flow-refined .hero-index{font-size:6px;bottom:27px}}
