/* Cessy v0.4 — visual refresh. Intentionally editorial: fewer boxes, larger visual scenes. */
:root{--shell:1320px;--v4-display:clamp(58px,7vw,104px);--v4-section:clamp(40px,4.8vw,68px);--v4-copy:clamp(18px,1.45vw,21px)}
body{font-size:18px;line-height:1.67}
.site-header{border-bottom:1px solid color-mix(in srgb,var(--line) 72%,transparent)}
.header-row{height:88px}.desktop-nav a{font-size:15.5px}.header-cta{height:46px;border-radius:999px;padding:0 20px}.utility-button{height:46px;border-radius:999px}
.top-announcement{background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--mint-soft) 55%,transparent),transparent)}
.v4-hero{position:relative;min-height:calc(100vh - 130px);display:flex;align-items:center;padding:90px 0 84px;overflow:hidden}
.v4-hero:before{content:"";position:absolute;inset:-20% -5% auto 42%;height:850px;background:radial-gradient(circle,rgba(78,232,183,.16),transparent 62%);filter:blur(8px);pointer-events:none}
.v4-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);gap:58px;align-items:center}
.v4-hero-copy{padding:18px 0}.v4-hero-copy h1{font-size:var(--v4-display);line-height:.91;letter-spacing:-.073em;margin:24px 0 30px;max-width:760px;font-weight:760}.v4-hero-copy h1 em{font-style:normal;color:var(--mint);display:block}.v4-hero-copy>p{font-size:var(--v4-copy);line-height:1.62;color:var(--muted);max-width:690px;margin:0}
.v4-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.v4-actions .btn{min-height:56px;border-radius:999px;padding:0 24px;font-size:16px}.v4-proof{display:flex;flex-wrap:wrap;gap:16px 26px;margin-top:30px;color:var(--muted);font-size:14px}.v4-proof span{display:inline-flex;align-items:center;gap:9px}.v4-proof i{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 16px rgba(99,239,196,.65)}
.v4-hero-visual{position:relative;min-width:0}.v4-hero-visual img{width:115%;max-width:none;margin-left:-4%;display:block;filter:drop-shadow(0 40px 90px rgba(0,0,0,.34));transform:perspective(1500px) rotateY(-3deg) rotateX(1deg);transform-origin:center;animation:v4float 8s ease-in-out infinite}
html[data-theme="light"] .v4-hero-visual img{filter:drop-shadow(0 38px 68px rgba(20,84,64,.17)) brightness(1.02)}
.v4-visual-badge{position:absolute;z-index:2;padding:11px 14px;border-radius:999px;border:1px solid var(--line-strong);background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(18px);font-size:12px;font-weight:850;letter-spacing:.08em;color:var(--text);box-shadow:var(--shadow-soft)}
.v4-visual-badge.one{left:2%;top:12%}.v4-visual-badge.two{right:-1%;bottom:10%}.v4-visual-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px}
@keyframes v4float{0%,100%{transform:perspective(1500px) rotateY(-3deg) rotateX(1deg) translateY(0)}50%{transform:perspective(1500px) rotateY(-2deg) rotateX(.5deg) translateY(-12px)}}
.v4-trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg-soft) 58%,transparent)}.v4-trust-row{min-height:116px;display:grid;grid-template-columns:1.35fr repeat(4,1fr);align-items:center;gap:24px}.v4-trust-lead{font-size:16px;color:var(--muted);max-width:330px}.v4-trust-item{display:flex;align-items:center;gap:12px;font-weight:760;font-size:15px}.v4-trust-item .icon{color:var(--mint)}
.v4-section{position:relative;padding:130px 0}.v4-section.compact{padding:100px 0}.v4-section.tint{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-soft) 68%,transparent),transparent)}
.v4-kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--mint);font-weight:900}.v4-title{font-size:var(--v4-section);line-height:1.02;letter-spacing:-.055em;margin:17px 0 24px;max-width:900px}.v4-lead{font-size:var(--v4-copy);color:var(--muted);line-height:1.68;max-width:780px;margin:0}.v4-center{text-align:center}.v4-center .v4-title,.v4-center .v4-lead{margin-left:auto;margin-right:auto}
.v4-story{display:grid;grid-template-columns:minmax(0,.72fr) minmax(620px,1.28fr);gap:80px;align-items:center}.v4-story-copy{position:sticky;top:150px;align-self:start}.v4-story-visual img{width:100%;display:block;border-radius:32px;box-shadow:var(--shadow)}
.v4-story-points{margin-top:36px;border-top:1px solid var(--line)}.v4-story-point{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:25px 0;border-bottom:1px solid var(--line)}.v4-story-point>span{font-size:13px;color:var(--mint);font-weight:900;letter-spacing:.08em}.v4-story-point h3{font-size:22px;letter-spacing:-.03em;margin:0 0 5px}.v4-story-point p{font-size:15.5px;color:var(--muted);margin:0}
.v4-showcase{display:grid;gap:130px}.v4-showcase-row{display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.v4-showcase-row:nth-child(even) .v4-showcase-copy{order:2}.v4-showcase-row:nth-child(even) .v4-showcase-media{order:1}.v4-showcase-copy h2{font-size:clamp(42px,4.5vw,64px);line-height:1.02;letter-spacing:-.052em;margin:15px 0 20px}.v4-showcase-copy p{font-size:18px;color:var(--muted);max-width:620px}.v4-checks{display:grid;gap:13px;margin:27px 0 0}.v4-checks span{display:flex;align-items:center;gap:11px;font-size:15.5px;font-weight:700}.v4-checks .icon{color:var(--mint)}
.v4-showcase-media{position:relative}.v4-showcase-media img{width:100%;display:block;border-radius:30px;box-shadow:var(--shadow);border:1px solid var(--line)}.v4-showcase-media:after{content:"";position:absolute;inset:12% -5% -8% 15%;z-index:-1;background:radial-gradient(circle,rgba(93,238,190,.14),transparent 66%);filter:blur(12px)}
.v4-usecases{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.v4-usecase-list{border-top:1px solid var(--line)}.v4-usecase{display:grid;grid-template-columns:60px 1fr 24px;gap:18px;align-items:center;padding:27px 0;border-bottom:1px solid var(--line);transition:.25s}.v4-usecase:hover{padding-left:12px}.v4-usecase-icon{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:var(--mint-soft);color:var(--mint)}.v4-usecase h3{font-size:21px;margin:0 0 4px;letter-spacing:-.025em}.v4-usecase p{font-size:14.5px;color:var(--muted);margin:0}.v4-usecase>.icon{color:var(--muted-2)}
.v4-quote-band{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:105px 0;background:linear-gradient(105deg,color-mix(in srgb,var(--mint-soft) 40%,transparent),transparent 48%)}.v4-quote-band blockquote{font-size:clamp(34px,4.2vw,62px);line-height:1.08;letter-spacing:-.05em;max-width:1080px;margin:0;font-weight:700}.v4-quote-band p{color:var(--muted);font-size:17px;margin:24px 0 0}
.v4-pricing-teaser{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:end}.v4-price-line{border-top:1px solid var(--line)}.v4-price-row{display:grid;grid-template-columns:1fr 120px 32px;align-items:center;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.v4-price-row h3{font-size:23px;margin:0}.v4-price-row p{font-size:14px;color:var(--muted);margin:3px 0 0}.v4-price-row strong{font-size:28px;letter-spacing:-.04em}.v4-price-row .icon{color:var(--mint)}
.v4-final{padding:110px 0 130px}.v4-final-panel{position:relative;overflow:hidden;padding:70px clamp(28px,6vw,76px);border:1px solid var(--line-strong);border-radius:36px;background:linear-gradient(130deg,color-mix(in srgb,var(--surface) 88%,var(--mint) 12%),var(--surface));box-shadow:var(--shadow)}.v4-final-panel:before{content:"";position:absolute;right:-100px;top:-250px;width:650px;height:650px;background:radial-gradient(circle,rgba(96,242,194,.17),transparent 65%)}.v4-final-panel h2{position:relative;font-size:clamp(44px,5vw,74px);line-height:.98;letter-spacing:-.06em;max-width:900px;margin:14px 0 24px}.v4-final-panel p{position:relative;font-size:19px;color:var(--muted);max-width:720px}.v4-final-panel .v4-actions{position:relative}
/* visual-first page overrides */
.page-hero{padding:100px 0 76px}.page-hero h1{font-size:clamp(54px,6.5vw,92px);max-width:1060px}.page-hero .lead{font-size:20px;max-width:820px}.section{padding:110px 0}.section-head h2{font-size:clamp(38px,4.5vw,62px)}
.platform-grid,.gate-grid,.contact-benefits,.plan-policy-grid{gap:18px}.platform-card,.gate-card,.contact-benefit,.plan-policy-card{border-radius:22px;box-shadow:none}
.v4-page-visual{margin-top:46px}.v4-page-visual img{width:100%;display:block;border-radius:32px;box-shadow:var(--shadow);border:1px solid var(--line)}
.lang-menu{width:420px;padding:14px;border-radius:22px;max-height:min(70vh,650px)}.lang-options{display:grid;grid-template-columns:1fr 1fr;gap:6px}.lang-menu a{padding:11px 12px;border:1px solid transparent}.lang-menu a:hover,.lang-menu a.active{border-color:var(--line);background:var(--mint-soft)}.language-flag{width:32px;height:24px;border-radius:5px;box-shadow:0 0 0 1px var(--line)}.language-label strong{font-size:14px}.lang-menu-heading,.lang-menu-foot{padding:9px 10px}.lang-menu-foot{font-size:12px;color:var(--muted)}
@media(max-width:1120px){.v4-hero-grid{grid-template-columns:1fr;gap:42px}.v4-hero-copy{max-width:840px}.v4-hero-visual img{width:100%;margin:0}.v4-trust-row{grid-template-columns:1fr 1fr 1fr}.v4-trust-lead{grid-column:1/-1}.v4-story,.v4-usecases,.v4-pricing-teaser{grid-template-columns:1fr;gap:50px}.v4-story-copy{position:static}.v4-showcase-row{grid-template-columns:1fr;gap:44px}.v4-showcase-row:nth-child(even) .v4-showcase-copy,.v4-showcase-row:nth-child(even) .v4-showcase-media{order:initial}}
@media(max-width:780px){body{font-size:17px}.shell{width:min(calc(100% - 32px),var(--shell))}.v4-hero{padding:66px 0 58px;min-height:auto}.v4-hero-copy h1{font-size:clamp(52px,15vw,76px)}.v4-hero-copy>p{font-size:18px}.v4-hero-visual{margin-top:8px}.v4-visual-badge{display:none}.v4-trust-row{grid-template-columns:1fr 1fr;padding:28px 0;gap:22px}.v4-section{padding:88px 0}.v4-title{font-size:clamp(40px,12vw,58px)}.v4-story-visual img,.v4-showcase-media img{border-radius:20px}.v4-showcase{gap:88px}.v4-usecase{grid-template-columns:50px 1fr 20px;padding:21px 0}.v4-price-row{grid-template-columns:1fr auto 24px}.v4-final-panel{border-radius:26px;padding:44px 24px}.v4-final-panel h2{font-size:clamp(42px,12vw,60px)}.lang-menu{position:fixed!important;left:16px!important;right:16px!important;top:94px!important;width:auto;max-height:calc(100vh - 120px)}.lang-options{grid-template-columns:1fr}.page-hero{padding:72px 0 48px}}
@media(prefers-reduced-motion:reduce){.v4-hero-visual img{animation:none}.v4-usecase{transition:none}}
.v4-showcase-media img,.v4-page-visual img{transition:transform .22s ease,filter .22s ease;transform-origin:center}.v4-showcase-media:hover img,.v4-page-visual:hover img{filter:brightness(1.035)}