.cini{--cini-navy:#102c5a;--cini-deep:#0b1f43;--cini-gold:#f2bd55;--cini-paper:#f6f3ea;--cini-ink:#13213a;color:var(--cini-ink);background:var(--cini-paper);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;overflow:hidden}
.cini h1,.cini h2,.cini h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.05em}
.cini h1 em,.cini h2 em{color:#258c8e;font-style:normal}
.cini-hero{position:relative;background:var(--cini-deep);color:#fff}
.cini-pattern{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(45deg,transparent 46%,#8eb4d6 47%,#8eb4d6 49%,transparent 50%),linear-gradient(-45deg,transparent 46%,#8eb4d6 47%,#8eb4d6 49%,transparent 50%);background-size:70px 70px;mask-image:linear-gradient(110deg,transparent 12%,#000 75%)}
.cini-hero-grid{position:relative;min-height:800px;padding-top:130px;padding-bottom:80px;display:grid;grid-template-columns:1.07fr .93fr;gap:40px;align-items:center}
.cini-back{display:inline-block;color:#cbd8ea;text-decoration:none;font-size:.85rem;font-weight:700;margin-bottom:32px}
.cini-brand{display:flex;align-items:center;gap:15px;margin-bottom:42px;color:#d4e1ee;font-size:.68rem;font-weight:700;letter-spacing:.14em;line-height:1.7}
.cini-brand img{border-radius:19px;box-shadow:0 12px 28px #0004}.cini-brand b{color:white;font-size:.85rem}
.cini-eyebrow,.cini-label{font-size:.72rem;letter-spacing:.18em;font-weight:800;color:#ad7931;margin:0 0 20px}.cini-eyebrow{color:var(--cini-gold)}
.cini h1{font-size:clamp(3.6rem,6.6vw,6.2rem);line-height:1.03;margin:0 0 26px;max-width:none}.cini h1 em{color:var(--cini-gold)}
.cini-lead{max-width:500px;color:#d2dce9;font-size:1.14rem;line-height:1.7}
.cini-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}
.cini-status{display:inline-flex;align-items:center;gap:10px;padding:15px 20px;border-radius:12px;background:var(--cini-gold);color:#2f230e;font-size:.9rem;font-weight:800}.cini-status span{font-size:1.1rem}
.cini-discover{color:#e7edf8;text-decoration:none;font-weight:700}.cini-discover span{color:var(--cini-gold);margin-left:5px}
.cini-facts{font-size:.68rem;font-weight:800;letter-spacing:.12em;color:#c5d3e2;margin:34px 0 0}.cini-facts span{color:var(--cini-gold);padding:0 10px}
.cini-stage{position:relative;display:grid;place-items:center;min-height:610px}.cini-orbit{position:absolute;border:1px solid #ffffff29;border-radius:50%;width:440px;height:440px}.cini-orbit-two{width:560px;height:560px;border-color:#ffffff13}
.cini-phone{position:relative;z-index:1;width:min(286px,65%);padding:8px;border:2px solid #d8b66d;border-radius:40px;background:#101b30;box-shadow:0 38px 90px #0007;transform:rotate(3deg)}.cini-phone img{width:100%;height:auto;border-radius:31px}
.cini-note{position:absolute;z-index:2;display:grid;min-width:114px;padding:13px 17px;border:1px solid #ffffff35;border-radius:15px;background:#173568ed;box-shadow:0 14px 40px #0004}.cini-note b{font-size:1.4rem;line-height:1.2}.cini-note small{color:#c3d4e8;font-size:.6rem;letter-spacing:.12em;font-weight:800}.cini-note-top{top:100px;left:4%}.cini-note-bottom{right:2%;bottom:85px}
.cini-how,.cini-gallery,.cini-details{padding:112px 0}.cini-section-head{max-width:670px}.cini h2{font-size:clamp(2.6rem,5vw,4.5rem);line-height:1.05;margin:0 0 22px}.cini-section-head>p:last-child,.cini-gallery-head>p,.cini-details-grid>div>p:not(.cini-label){color:#5b6877;max-width:470px;font-size:1.05rem;line-height:1.75}
.cini-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.cini-steps article{border:1px solid #dfe1dc;background:#fffefa;border-radius:20px;padding:25px;min-height:250px}.cini-steps article>span{display:block;color:#ad7931;font-size:.72rem;font-weight:800}.cini-tiles{display:flex;gap:4px;margin:26px 0}.cini-tiles i{width:22px;height:22px;background:#c95b4a;border-radius:6px;border:3px solid #fff7;box-shadow:0 0 0 1px #c95b4a}.cini-tiles-gold i{background:#dca52c;box-shadow:0 0 0 1px #dca52c}.cini-tiles-teal i{background:#2a9297;box-shadow:0 0 0 1px #2a9297}.cini-steps h3{font-size:1.2rem;margin:0 0 10px}.cini-steps p{color:#5b6877;line-height:1.7;margin:0}
.cini-gallery{background:#e9eef1}.cini-gallery-head{display:flex;justify-content:space-between;align-items:end;gap:32px}.cini-gallery-head>p{max-width:330px}.cini-shots{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:45px}.cini-shots figure{margin:0}.cini-shots img{width:100%;height:auto;border-radius:22px;box-shadow:0 20px 45px #16335326}.cini-shots figcaption{margin-top:16px;font-size:.68rem;font-weight:800;letter-spacing:.15em;color:#587080}
.cini-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.cini-support{display:inline-block;margin-top:22px;color:#166c71;font-weight:800;text-decoration:none}.cini-detail-list article{display:grid;grid-template-columns:40px 1fr;gap:18px;border-top:1px solid #d4d8d4;padding:24px 0}.cini-detail-list article>b{color:#ad7931;font-size:.76rem}.cini-detail-list h3{font-size:1.25rem;margin:0 0 7px}.cini-detail-list p{color:#5b6877;margin:0}
.cini-finale{text-align:center;padding:100px 0;background:#15376b;color:white}.cini-finale .cini-label{color:var(--cini-gold)}.cini-finale h2 em{color:var(--cini-gold)}.cini-finale p:not(.cini-label){color:#d0dfef;margin:0 0 28px}
@media(max-width:800px){.cini-hero-grid{grid-template-columns:1fr;padding-top:118px;gap:10px}.cini-brand{margin-bottom:30px}.cini-stage{min-height:510px}.cini-orbit{width:310px;height:310px}.cini-orbit-two{width:410px;height:410px}.cini-phone{width:min(235px,68%)}.cini-note-top{top:75px;left:4%}.cini-note-bottom{bottom:65px;right:4%}.cini-steps{grid-template-columns:1fr}.cini-steps article{min-height:0}.cini-gallery-head{display:block}.cini-shots{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:18px;padding:0 2px 12px}.cini-shots figure{flex:0 0 min(68vw,280px);scroll-snap-align:start}.cini-details-grid{grid-template-columns:1fr;gap:40px}.cini-how,.cini-gallery,.cini-details{padding:75px 0}}
@media(max-width:420px){.cini h1{font-size:3.1rem}.cini-stage{min-height:480px}.cini-note{min-width:93px;padding:10px 12px}.cini-note b{font-size:1.1rem}.cini-note-top{left:0}.cini-note-bottom{right:0}.cini-facts span{padding:0 5px}}

