:root {
  --c2m-navy: #082c5c;
  --c2m-blue: #0879ef;
  --c2m-cyan: #13cbd0;
  --c2m-ink: #102a43;
  --c2m-muted: #5f748b;
  --c2m-line: #dce8f2;
  --c2m-soft: #f4f9fd;
  --c2m-white: #fff;
  --c2m-radius: 24px;
  --c2m-shadow: 0 18px 50px rgba(8,44,92,.12);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.clip2me-site { margin:0; color:var(--c2m-ink); background:#fff; font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif; line-height:1.6; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { max-width:100%; height:auto; }
button,input,textarea,select { font:inherit; }
.screen-reader-text,.c2m-skip { position:absolute; left:-9999px; }
.c2m-skip:focus { left:16px; top:16px; z-index:9999; background:#fff; padding:10px 14px; border-radius:10px; box-shadow:var(--c2m-shadow); }
.c2m-container { width:min(1180px,calc(100% - 40px)); margin:0 auto; }

.c2m-header { position:sticky; top:0; z-index:100; background:rgba(255,255,255,.9); backdrop-filter:blur(18px); border-bottom:1px solid transparent; transition:.2s ease; }
.c2m-header.is-scrolled { border-color:rgba(8,44,92,.08); box-shadow:0 8px 24px rgba(8,44,92,.06); }
.c2m-header__inner { min-height:82px; display:grid; grid-template-columns:210px 1fr auto; align-items:center; gap:28px; }
.c2m-brand { display:inline-flex; align-items:center; }
.c2m-brand img,.custom-logo { display:block; width:auto; height:46px; max-width:205px; object-fit:contain; }
.custom-logo-link { display:flex; }
.c2m-nav__list { margin:0; padding:0; display:flex; justify-content:center; align-items:center; gap:28px; list-style:none; }
.c2m-nav__list a { font-size:.94rem; font-weight:700; color:#36546f; transition:.2s; }
.c2m-nav__list a:hover { color:var(--c2m-blue); }
.c2m-header__actions { display:flex; align-items:center; gap:16px; }
.c2m-link { color:var(--c2m-blue); font-weight:800; }
.c2m-nav-toggle { display:none; width:44px; height:44px; border:0; background:transparent; padding:8px; cursor:pointer; }
.c2m-nav-toggle>span:not(.screen-reader-text) { display:block; width:25px; height:2px; margin:5px auto; background:var(--c2m-navy); border-radius:2px; }

.c2m-btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:50px; padding:12px 23px; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--c2m-blue),var(--c2m-cyan)); font-weight:800; box-shadow:0 10px 24px rgba(8,121,239,.18); transition:transform .2s ease,box-shadow .2s ease; }
.c2m-btn:hover { transform:translateY(-2px); box-shadow:0 15px 32px rgba(8,121,239,.24); }
.c2m-btn--small { min-height:42px; padding:9px 17px; border-radius:12px; }
.c2m-btn--ghost { color:var(--c2m-blue); background:#fff; border:1px solid #9cccf7; box-shadow:none; }
.c2m-btn--white { background:#fff; color:var(--c2m-blue); box-shadow:none; }
.c2m-btn--dark { background:#082c5c; box-shadow:none; }

.c2m-hero { position:relative; overflow:hidden; padding:76px 0 94px; background:linear-gradient(180deg,#fff 0%,#fbfdff 100%); }
.c2m-hero__grid { position:relative; z-index:2; display:grid; grid-template-columns:.85fr 1.15fr; gap:58px; align-items:center; }
.c2m-hero__copy h1 { margin:15px 0 20px; color:#071f4d; font-size:clamp(2.7rem,5vw,4.8rem); line-height:.98; letter-spacing:-.055em; }
.c2m-hero__copy h1 span,.c2m-section h2 span,.c2m-split h2 span { color:var(--c2m-blue); }
.c2m-hero__copy>p { max-width:650px; margin:0; color:var(--c2m-muted); font-size:1.12rem; }
.c2m-kicker { display:inline-flex; align-items:center; width:max-content; padding:5px 11px; border-radius:999px; background:#e9f4ff; color:#0870d8; font-size:.78rem; line-height:1; text-transform:uppercase; letter-spacing:.05em; font-weight:900; }
.c2m-kicker--light { background:rgba(255,255,255,.16); color:#fff; }
.c2m-actions { display:flex; flex-wrap:wrap; gap:13px; margin-top:30px; }
.c2m-proof { display:flex; flex-wrap:wrap; gap:20px; margin-top:28px; color:#45657f; font-size:.9rem; font-weight:750; }
.c2m-proof span::first-letter { color:var(--c2m-cyan); }
.c2m-hero__orb { position:absolute; border-radius:50%; filter:blur(1px); opacity:.18; }
.c2m-hero__orb--one { width:330px; height:330px; right:-90px; top:15px; background:var(--c2m-blue); }
.c2m-hero__orb--two { width:250px; height:250px; left:-130px; bottom:-80px; background:var(--c2m-cyan); }

.c2m-appmock { border:1px solid #d9e7f4; border-radius:23px; background:#fff; box-shadow:0 30px 80px rgba(8,44,92,.16); overflow:hidden; transform:rotate(.25deg); }
.c2m-appmock__top { height:58px; padding:0 16px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:15px; border-bottom:1px solid #e6eef6; }
.c2m-dots { display:flex; gap:5px; }.c2m-dots i{width:8px;height:8px;border-radius:50%;background:#d6e4f0}.c2m-dots i:first-child{background:#ff826e}.c2m-dots i:nth-child(2){background:#f3c560}.c2m-dots i:nth-child(3){background:#55c99b}
.c2m-search { max-width:420px; margin:auto; padding:8px 13px; border:1px solid #dde9f3; border-radius:10px; color:#91a4b6; font-size:.78rem; background:#fbfdff; }
.c2m-avatar { display:grid; place-items:center; width:31px;height:31px;border-radius:50%;background:linear-gradient(135deg,#0a6bd7,#16c9cc);color:#fff;font-size:.73rem;font-weight:900; }
.c2m-appmock__body { min-height:435px; display:grid; grid-template-columns:155px 1fr; }
.c2m-appmock aside { padding:20px 14px; background:#f7fbfe; border-right:1px solid #e2edf5; display:flex; flex-direction:column; gap:5px; font-size:.74rem; }
.c2m-appmock aside strong { margin-bottom:8px; color:var(--c2m-navy); font-size:.94rem; }
.c2m-appmock aside a { display:flex; justify-content:space-between; padding:7px 8px; border-radius:8px; color:#536d83; }
.c2m-appmock aside a.is-active { background:#e4f1ff; color:#076fd7; font-weight:800; }
.c2m-appmock aside b { font-size:.68rem; }
.c2m-appmock aside small { margin:15px 8px 4px; color:#99a9b7; font-weight:800; font-size:.58rem; }
.c2m-board { padding:22px; }
.c2m-board__head { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.c2m-board__head h2 { margin:2px 0 0; font-size:1.35rem; }
.c2m-eyebrow { color:#7e93a6; font-size:.61rem; letter-spacing:.08em; font-weight:900; }
.c2m-board__head button { border:0; border-radius:9px; padding:8px 11px; color:#fff; background:var(--c2m-blue); font-size:.7rem; font-weight:800; }
.c2m-filter { display:flex; flex-wrap:wrap; gap:7px; margin:18px 0; }
.c2m-filter span { padding:5px 9px; border-radius:999px; background:#f1f6fa; color:#7a8ea0; font-size:.62rem; font-weight:800; }
.c2m-filter span.is-on { background:#dff0ff; color:#0873da; }
.c2m-clips { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.c2m-clip { min-width:0; padding:11px; border:1px solid #e0eaf2; border-radius:14px; box-shadow:0 5px 14px rgba(8,44,92,.04); }
.c2m-clip h3 { margin:9px 0 3px; font-size:.78rem; line-height:1.25; }.c2m-clip p{margin:0 0 7px;color:#8394a4;font-size:.63rem;line-height:1.35}.c2m-clip>span{display:inline-block;padding:3px 6px;border-radius:999px;background:#e8f7f5;color:#0b8c8e;font-size:.56rem;font-weight:800}
.c2m-thumb,.c2m-code,.c2m-file,.c2m-note { height:74px; border-radius:10px; display:flex; align-items:center; justify-content:center; }
.c2m-thumb { font-size:2.3rem; background:linear-gradient(140deg,#eaf8ff,#ccefdc); }
.c2m-code { display:block; padding:12px; background:#0a203c; color:#8ce3d6; font:600 .55rem/1.5 ui-monospace,SFMono-Regular,Menlo,monospace; overflow:hidden; }
.c2m-file { width:100%; background:#f7f9fb; color:#e14953; font-weight:900; }
.c2m-note { background:#fff7d7; color:#6a5e28; flex-direction:column; font-size:.72rem; }

.c2m-section { padding:95px 0; scroll-margin-top:90px; }
.c2m-section__intro { display:flex; justify-content:space-between; align-items:end; gap:30px; margin:14px 0 36px; }
.c2m-section h2,.c2m-split h2 { margin:8px 0 12px; color:#082650; font-size:clamp(2rem,3.6vw,3.2rem); line-height:1.08; letter-spacing:-.035em; }
.c2m-section__intro p,.c2m-section p,.c2m-split p { color:var(--c2m-muted); }
.c2m-section__intro p { max-width:700px; margin:0; font-size:1.05rem; }
.c2m-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.c2m-feature { padding:24px; border:1px solid var(--c2m-line); border-radius:18px; background:#fff; transition:.2s; }
.c2m-feature:hover { transform:translateY(-3px); box-shadow:0 15px 35px rgba(8,44,92,.08); border-color:#c8def0; }
.c2m-feature:nth-child(n+5) { grid-column:span 1; }
.c2m-feature:nth-child(5),.c2m-feature:nth-child(6),.c2m-feature:nth-child(7) { grid-column:span 1; }
.c2m-feature__icon { width:45px;height:45px;display:grid;place-items:center;border-radius:14px;background:#eaf5ff;font-size:1.25rem; }
.c2m-feature h3 { margin:16px 0 7px; color:#12365e; font-size:1rem; }.c2m-feature p{margin:0;font-size:.9rem;line-height:1.55}

.c2m-section--security { background:linear-gradient(135deg,#f7fbff,#ecf7fc); overflow:hidden; }
.c2m-security { display:grid; grid-template-columns:1.25fr .75fr; align-items:center; gap:50px; }
.c2m-security>div:first-child>p { max-width:720px; font-size:1.05rem; }
.c2m-security__badges { display:flex; flex-wrap:wrap; gap:10px; margin-top:24px; }
.c2m-security__badges span { padding:9px 12px; border-radius:11px; background:#fff; border:1px solid #d7e8f3; color:#315d7e; font-weight:800; font-size:.84rem; }
.c2m-shield { position:relative; min-height:280px; display:grid; place-items:center; }
.c2m-shield::before { content:""; position:absolute; width:270px;height:270px;border-radius:38% 62% 61% 39%/48% 35% 65% 52%;background:linear-gradient(145deg,rgba(8,121,239,.10),rgba(19,203,208,.23)); transform:rotate(13deg); }
.c2m-shield img { position:relative; width:min(290px,85%); filter:drop-shadow(0 18px 20px rgba(8,44,92,.15)); }

.c2m-split { display:grid; grid-template-columns:1fr 1fr; gap:75px; align-items:center; }
.c2m-sharecard { padding:25px; border:1px solid #d9e8f3; border-radius:22px; box-shadow:var(--c2m-shadow); background:#fff; }
.c2m-shareline { display:grid; grid-template-columns:auto 1fr auto; gap:13px; align-items:center; padding:15px 0; border-bottom:1px solid #ebf1f5; }
.c2m-shareline:last-child { border:0; }
.c2m-shareline strong,.c2m-shareline small { display:block; }.c2m-shareline strong{color:#14385d;font-size:.92rem}.c2m-shareline small{color:#8899a7;font-size:.75rem}
.c2m-shareline button { border:1px solid #d7e5f0; background:#f8fbfd; color:#47677f; border-radius:9px; padding:7px 9px; font-size:.72rem; }
.c2m-circle { width:37px;height:37px;display:grid;place-items:center;border-radius:50%;background:#eaf5ff; }
.c2m-switch { width:38px;height:22px;border-radius:999px;background:linear-gradient(135deg,var(--c2m-blue),var(--c2m-cyan));position:relative}.c2m-switch::after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;right:3px;top:3px}
.c2m-checks { list-style:none; padding:0; margin:22px 0 0; display:grid; gap:10px; color:#44627b; }.c2m-checks li::before{content:"✓";display:inline-grid;place-items:center;width:22px;height:22px;margin-right:9px;border-radius:50%;background:#dcf6f0;color:#008c7d;font-weight:900;font-size:.75rem}

.c2m-section--soft { background:#f8fbfe; }
.c2m-migration { display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }
.c2m-flow { display:flex; align-items:center; justify-content:center; gap:18px; }
.c2m-flow div { flex:1; padding:24px 12px; text-align:center; border:1px solid #d8e7f2; border-radius:18px; background:#fff; color:#14395f; font-weight:900; box-shadow:0 10px 24px rgba(8,44,92,.06); }
.c2m-flow small { color:#7e93a6; font-weight:600; }.c2m-flow>span{color:var(--c2m-blue);font-size:1.8rem;font-weight:900}
.c2m-center { text-align:center; }
.c2m-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:35px; }
.c2m-benefits article { padding:25px; text-align:center; border:1px solid #dce9f2; border-radius:18px; }.c2m-benefits b{display:block;font-size:1.6rem}.c2m-benefits h3{margin:8px 0 4px}.c2m-benefits p{margin:0;font-size:.9rem}
.c2m-cta { padding:44px 48px; border-radius:26px; display:grid; grid-template-columns:1fr auto; gap:30px; align-items:center; color:#fff; background:linear-gradient(120deg,#076fdb,#07a4e8 55%,#14cdd0); box-shadow:0 24px 60px rgba(8,121,239,.22); }
.c2m-cta h2 { color:#fff; margin:10px 0 6px; font-size:clamp(1.9rem,3vw,2.8rem); }.c2m-cta p{margin:0;color:rgba(255,255,255,.86);max-width:720px}.c2m-cta__actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}

.c2m-page { min-height:60vh; padding:80px 0 100px; background:linear-gradient(180deg,#f9fcff,#fff 220px); }
.c2m-content { max-width:900px; }
.c2m-content h1 { margin:12px 0 28px; font-size:clamp(2.4rem,5vw,4.4rem); line-height:1.03; color:#082650; letter-spacing:-.04em; }
.c2m-entry { color:#304d66; font-size:1.04rem; }.c2m-entry h2,.c2m-entry h3{color:#12385d}.c2m-entry a{color:var(--c2m-blue);text-decoration:underline}.c2m-entry img{border-radius:16px}.c2m-post{padding:20px 0;border-bottom:1px solid #dfeaf2}.c2m-meta{color:#8496a6}

.c2m-footer { padding:55px 0 22px; background:#f7fafc; border-top:1px solid #e4edf4; }
.c2m-footer__grid { display:grid; grid-template-columns:2fr repeat(3,1fr); gap:45px; }
.c2m-brand--footer img { height:44px; }.c2m-footer p{color:#708497;margin:10px 0 0;font-size:.88rem}.c2m-footer h2{margin:0 0 11px;font-size:.9rem;color:#173b60}.c2m-footer__grid>div:not(:first-child){display:flex;flex-direction:column;gap:7px}.c2m-footer__grid a:not(.c2m-brand){color:#667d90;font-size:.86rem}.c2m-footer__grid a:hover{color:var(--c2m-blue)}
.c2m-footer__bottom { display:flex; justify-content:space-between; gap:20px; padding-top:30px; margin-top:35px; border-top:1px solid #e1eaf1; color:#8a9aa8; font-size:.78rem; }

@media (max-width:1050px){
  .c2m-header__inner{grid-template-columns:190px auto 1fr}.c2m-nav-toggle{display:block;justify-self:end}.c2m-header__actions{justify-self:end}.c2m-nav{position:absolute;left:20px;right:20px;top:74px;padding:14px;border:1px solid #dce7ef;border-radius:15px;background:#fff;box-shadow:var(--c2m-shadow);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s}.c2m-nav.is-open{opacity:1;pointer-events:auto;transform:none}.c2m-nav__list{display:flex;flex-direction:column;align-items:stretch;gap:0}.c2m-nav__list a{display:block;padding:11px 12px}.c2m-hero__grid{grid-template-columns:1fr}.c2m-hero__copy{max-width:800px}.c2m-appmock{max-width:850px}.c2m-feature-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .c2m-container{width:min(100% - 28px,1180px)}.c2m-header__inner{min-height:72px;grid-template-columns:1fr auto}.c2m-header__actions{display:none}.c2m-brand img,.custom-logo{height:40px;max-width:180px}.c2m-nav-toggle{grid-column:2}.c2m-hero{padding:48px 0 64px}.c2m-hero__copy h1{font-size:clamp(2.5rem,13vw,4rem)}.c2m-proof{gap:10px;flex-direction:column}.c2m-appmock__body{grid-template-columns:1fr}.c2m-appmock aside{display:none}.c2m-board{padding:16px}.c2m-clips{grid-template-columns:1fr 1fr}.c2m-feature-grid,.c2m-security,.c2m-split,.c2m-migration,.c2m-benefits,.c2m-cta,.c2m-footer__grid{grid-template-columns:1fr}.c2m-section{padding:68px 0}.c2m-feature-grid{gap:12px}.c2m-shield{min-height:210px}.c2m-split{gap:38px}.c2m-flow{gap:7px}.c2m-flow div{padding:18px 7px;font-size:.85rem}.c2m-flow>span{font-size:1.15rem}.c2m-cta{padding:30px 24px}.c2m-cta__actions{justify-content:flex-start}.c2m-footer__grid{gap:28px}.c2m-footer__bottom{flex-direction:column}.c2m-section__intro{display:block}.c2m-nav{top:68px}
}
@media (max-width:480px){
  .c2m-clips{grid-template-columns:1fr}.c2m-appmock__top{grid-template-columns:auto 1fr}.c2m-avatar{display:none}.c2m-search{font-size:.66rem}.c2m-btn{width:100%}.c2m-actions{display:grid}.c2m-flow{flex-direction:column}.c2m-flow>span{transform:rotate(90deg)}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}