.elementor-14497 .elementor-element.elementor-element-8beda22{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14497 .elementor-element.elementor-element-55dc0d8{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14497 .elementor-element.elementor-element-064e047{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14497 .elementor-element.elementor-element-bfaf41a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );color:var( --e-global-color-primary );}.elementor-14497 .elementor-element.elementor-element-37b1250 > .elementor-widget-container{margin:-65px 0px 0px 0px;}.elementor-14497 .elementor-element.elementor-element-37b1250 .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.16em;color:#1A8B72;}.elementor-14497 .elementor-element.elementor-element-e585e56 .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:70px;font-weight:800;line-height:0.98em;letter-spacing:-0.045em;color:#1C1A17;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-14497 .elementor-element.elementor-element-902ca4c{font-family:"Mark", Sans-serif;font-size:22px;font-weight:400;line-height:1.55em;letter-spacing:-0.04em;color:rgba(28,26,23,0.55);}.elementor-14497 .elementor-element.elementor-element-b45b63e{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14497 .elementor-element.elementor-element-d8d9aa4{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14497 .elementor-element.elementor-element-9d13eaf{width:var( --container-widget-width, 83% );max-width:83%;--container-widget-width:83%;--container-widget-flex-grow:0;}.elementor-14497 .elementor-element.elementor-element-9d13eaf.elementor-element{--align-self:flex-start;}.elementor-14497 .elementor-element.elementor-element-9d13eaf .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-14497 .elementor-element.elementor-element-9b1e735{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14497 .elementor-element.elementor-element-adc2712{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-629b769{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-14497 .elementor-element.elementor-element-55f6244 .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:19px;font-weight:600;text-transform:none;line-height:26px;letter-spacing:-1px;color:#1A8B72;}.elementor-14497 .elementor-element.elementor-element-36cab38 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-8f34675{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-14497 .elementor-element.elementor-element-ed37e41 .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:19px;font-weight:600;text-transform:none;line-height:26px;letter-spacing:-1px;color:#1A8B72;}.elementor-14497 .elementor-element.elementor-element-1919385 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-42e7742{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-14497 .elementor-element.elementor-element-a929b8f .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:19px;font-weight:600;text-transform:none;line-height:26px;letter-spacing:-1px;color:#1A8B72;}.elementor-14497 .elementor-element.elementor-element-707bec1 .elementor-heading-title{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );text-transform:var( --e-global-typography-text-text-transform );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-d7e0d87{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-14497 .elementor-element.elementor-element-0087e55{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14497 .elementor-element.elementor-element-4c8a43d{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-4bb235d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:flex-start;}.elementor-14497 .elementor-element.elementor-element-aa61005 .elementor-heading-title{font-family:"Mark", Sans-serif;font-size:70px;font-weight:800;line-height:0.98em;letter-spacing:-0.045em;color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-1962b15{font-family:"Mark", Sans-serif;font-size:21px;font-weight:400;text-transform:none;line-height:26px;letter-spacing:-1px;}.elementor-14497 .elementor-element.elementor-element-18bc426{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button{background-color:#3BD4AE;font-family:"Mark", Sans-serif;font-size:15px;font-weight:700;text-transform:none;letter-spacing:-0.015em;fill:#1C1A17;color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button:hover, .elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button:focus{background-color:#3BD4AE;color:#1C1A17;}.elementor-14497 .elementor-element.elementor-element-020b661.elementor-element{--align-self:center;}.elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button-content-wrapper{flex-direction:row;}.elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button:hover svg, .elementor-14497 .elementor-element.elementor-element-020b661 .elementor-button:focus svg{fill:#1C1A17;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-14497 .elementor-element.elementor-element-adc2712{--content-width:1380px;}.elementor-14497 .elementor-element.elementor-element-4c8a43d{--content-width:1380px;}}@media(max-width:1200px){.elementor-14497 .elementor-element.elementor-element-e585e56 .elementor-heading-title{font-size:47px;line-height:47px;}.elementor-14497 .elementor-element.elementor-element-adc2712{--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-4c8a43d{--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-aa61005 .elementor-heading-title{font-size:47px;line-height:47px;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-e585e56 .elementor-heading-title{font-size:42px;line-height:42px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-902ca4c{font-size:18px;}.elementor-14497 .elementor-element.elementor-element-adc2712{--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-36cab38 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-1919385 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-707bec1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-4c8a43d{--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-aa61005 .elementor-heading-title{font-size:42px;line-height:42px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );letter-spacing:var( --e-global-typography-primary-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-37b1250 > .elementor-widget-container{margin:-30px 0px 0px 0px;}.elementor-14497 .elementor-element.elementor-element-e585e56 .elementor-heading-title{font-size:40px;line-height:47px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-902ca4c{font-size:17px;}.elementor-14497 .elementor-element.elementor-element-b45b63e{--margin-top:-42px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-14497 .elementor-element.elementor-element-9d13eaf{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;}.elementor-14497 .elementor-element.elementor-element-adc2712{--e-con-grid-template-columns:repeat(3, 1fr);--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-55f6244 .elementor-heading-title{font-size:13px;letter-spacing:0.6px;}.elementor-14497 .elementor-element.elementor-element-36cab38 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-14497 .elementor-element.elementor-element-36cab38 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-ed37e41 .elementor-heading-title{font-size:13px;letter-spacing:0.6px;}.elementor-14497 .elementor-element.elementor-element-1919385 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-a929b8f .elementor-heading-title{font-size:13px;letter-spacing:0.6px;}.elementor-14497 .elementor-element.elementor-element-707bec1 .elementor-heading-title{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-14497 .elementor-element.elementor-element-4c8a43d{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14497 .elementor-element.elementor-element-aa61005 .elementor-heading-title{font-size:40px;line-height:47px;}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}} /* Start custom CSS for container, class: .elementor-element-8beda22 *//* ============================================================ CYL KINDLE PRESENTATION — Presentation MCP page Scope: .cyl-k Architettura tipografia: per-widget (editabile dal pannello Stile) !important consentito solo su: layout, position, background, border, font-family, pseudo-elementi decorativi. ============================================================ */ /* FIX OBBLIGATORIO: doppio-grid Elementor 4.x */ .cyl-k .e-con.e-grid.e-con-boxed { display: block !important; padding: 0 !important; } .cyl-k .e-con.e-grid.e-con-boxed > .e-con-inner { display: grid !important; width: 100% !important; grid-template-columns: var(--e-con-grid-template-columns) !important; max-width: 1380px; margin: 0 auto; gap: var(--gap, 0); } /* TOKENS */ .cyl-k { --g:#3BD4AE; --gd:#1A8B72; --gp:#E6F9F4; --gp2:#D4F2E8; --ink:#1C1A17; --ink-55:rgba(28,26,23,0.55); --ink-30:rgba(28,26,23,0.30); --white:#FFFFFF; --offwhite:#F7F8F6; --border:rgba(28,26,23,0.10); --border-m:rgba(28,26,23,0.18); --max:1380px; --font:"Mark", system-ui, -apple-system, sans-serif; --sh-cta:0 6px 18px -8px rgba(31,139,115,0.4); --sh-cta-lg:0 18px 38px -14px rgba(31,139,115,0.55); --sh-photo:0 16px 40px rgba(28,26,23,0.18); --sh-focus:0 0 0 3px rgba(59,212,174,0.18); } /* FONT FAMILY OVERRIDE (safe with !important — panel doesn't expose font-family per widget) */ .cyl-k, .cyl-k *, .cyl-k .elementor-heading-title, .cyl-k .elementor-widget-text-editor *, .cyl-k .elementor-button, .cyl-k .elementor-widget-container * { font-family: "Mark", system-ui, -apple-system, sans-serif !important; } /* BASE BODY */ .cyl-k { background: var(--white) !important; -webkit-font-smoothing: antialiased; } /* ============================================================ HERO ============================================================ */ .cyl-k .hero { padding: clamp(3.5rem, 7vw, 6rem) 2rem clamp(1.75rem, 3vw, 2.5rem) !important; background: var(--white) !important; position: relative !important; overflow: hidden !important; } .cyl-k .hero-inner { max-width: 1380px !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; } .cyl-k .hero-blob { position: absolute !important; top: -120px !important; right: -180px !important; width: 480px !important; height: 480px !important; background: var(--gp) !important; border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important; } /* Hero: left-align (Elementor v4 default is align-items: center) */ .cyl-k .hero > .e-con-inner, .cyl-k .hero-inner > .e-con-inner { align-items: flex-start !important; } .cyl-k .hero-inner > .e-con-inner > .elementor-widget { width: auto !important; max-width: 100% !important; align-self: flex-start !important; } /* Eyebrow decoration (dot via ::before) — layout only, no typography */ .cyl-k .eyebrow .elementor-heading-title { display: inline-flex !important; align-items: center !important; gap: 0.7rem !important; margin-bottom: 1.5rem !important; } .cyl-k .eyebrow .elementor-heading-title::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--g); border-radius: 50%; flex-shrink: 0; } /* H1 display: layout/wrap only — typography per-widget */ .cyl-k .h-display .elementor-heading-title { max-width: 22ch; text-wrap: balance; } /* in titles: styled at low specificity, no !important so user can override via widget custom CSS */ .cyl-k .elementor-heading-title em { color: var(--gd); font-weight: 400; font-style: italic; } /* Hero sub: max-width + spacing only */ .cyl-k .hero-sub .elementor-widget-container { margin-top: 1.25rem; max-width: 64ch; } .cyl-k .hero-sub .runtime { color: var(--gd); font-weight: 700; } /* ============================================================ VIDEO ============================================================ */ .cyl-k .video-sec { padding: clamp(1rem, 2vw, 1.5rem) 2rem clamp(3rem, 5vw, 4.5rem) !important; } .cyl-k .video-inner { max-width: 1380px !important; margin: 0 auto !important; } .cyl-k .video-frame .elementor-widget-video { border-radius: 20px !important; overflow: hidden !important; box-shadow: var(--sh-photo) !important; background: var(--ink); } .cyl-k .video-frame .elementor-widget-video .elementor-widget-container, .cyl-k .video-frame .elementor-widget-video .elementor-fit-aspect-ratio { border-radius: 20px !important; overflow: hidden !important; } /* ============================================================ FACTS (3-col grid) ============================================================ */ .cyl-k .facts-sec { padding: 0 2rem clamp(3rem, 5vw, 4.5rem) !important; } .cyl-k .facts-grid { max-width: 1380px !important; margin: 0 auto !important; border-top: 1px solid var(--border) !important; border-bottom: 1px solid var(--border) !important; } .cyl-k .facts-grid > .e-con-inner { --e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 0 !important; max-width: none !important; } .cyl-k .fact { padding: clamp(1.5rem, 2.5vw, 2rem) clamp(1rem, 2vw, 1.75rem) !important; border-right: 1px solid var(--border) !important; } .cyl-k .fact > .e-con-inner { display: flex !important; flex-direction: column !important; gap: 0.5rem !important; align-items: flex-start !important; } .cyl-k .fact > .e-con-inner > .elementor-widget { width: auto !important; max-width: 100% !important; align-self: flex-start !important; } .cyl-k .fact-last { border-right: 0 !important; } /* Fact label dot decoration — layout only */ .cyl-k .fact-label .elementor-heading-title { display: inline-flex !important; align-items: center !important; gap: 0.7rem !important; margin: 0 !important; } .cyl-k .fact-label .elementor-heading-title::before { content: ""; display: inline-block; width: 10px; height: 10px; background: var(--g); border-radius: 50%; flex-shrink: 0; } .cyl-k .fact-value .elementor-heading-title { margin: 0 !important; } /* ============================================================ CTA ============================================================ */ .cyl-k .cta-sec { background: var(--offwhite) !important; padding: clamp(3.5rem, 6vw, 5.5rem) 2rem !important; position: relative !important; overflow: hidden !important; } .cyl-k .cta-blob { position: absolute !important; bottom: -160px !important; left: -160px !important; width: 380px !important; height: 380px !important; background: var(--gp2) !important; border-radius: 50% !important; z-index: 0 !important; pointer-events: none !important; opacity: 0.6 !important; } .cyl-k .cta-inner { max-width: 1380px !important; margin: 0 auto !important; position: relative !important; z-index: 1 !important; } .cyl-k .cta-inner > .e-con-inner { --e-con-grid-template-columns: 1.2fr auto !important; gap: clamp(1.5rem, 4vw, 3rem) !important; align-items: center !important; max-width: none !important; } /* CTA text column — left-align */ .cyl-k .cta-text > .e-con-inner { align-items: flex-start !important; } .cyl-k .cta-text > .e-con-inner > .elementor-widget { width: auto !important; max-width: 100% !important; align-self: flex-start !important; } .cyl-k .cta-h .elementor-heading-title { max-width: 22ch; text-wrap: balance; margin: 0 !important; } .cyl-k .cta-note .elementor-widget-container { margin-top: 0.9rem; max-width: 44ch; } /* CTA button — layout/decoration */ .cyl-k .cta-btn-wrap > .e-con-inner { justify-content: flex-end !important; align-items: center !important; } .cyl-k .cta-btn .elementor-button { display: inline-flex !important; align-items: center !important; gap: 0.55rem !important; padding: 1rem 1.85rem !important; border-radius: 100px !important; border: 2px solid var(--g) !important; cursor: pointer !important; box-shadow: var(--sh-cta) !important; white-space: nowrap !important; transition: filter .18s ease, transform .18s ease, box-shadow .18s ease !important; } .cyl-k .cta-btn .elementor-button:hover { filter: brightness(0.93); transform: translateY(-1px); box-shadow: var(--sh-cta-lg) !important; } /* ============================================================ FOOTER ============================================================ */ .cyl-k .foot-sec { padding: 2rem 2rem 2.5rem !important; border-top: 1px solid var(--border) !important; } .cyl-k .foot-inner { max-width: 1380px !important; margin: 0 auto !important; } .cyl-k .foot-inner > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; align-items: center !important; justify-content: space-between !important; gap: 1rem !important; max-width: none !important; } .cyl-k .foot-copy .elementor-widget-container, .cyl-k .foot-copy .elementor-widget-container p, .cyl-k .foot-links .elementor-widget-container, .cyl-k .foot-links .elementor-widget-container p { margin: 0 !important; } .cyl-k .foot-links a { color: inherit; text-decoration: none; border-bottom: 1.5px solid var(--border-m); padding-bottom: 1px; margin-right: 1.25rem; transition: color .15s ease, border-color .15s ease; } .cyl-k .foot-links a:last-child { margin-right: 0; } .cyl-k .foot-links a:hover { color: var(--ink); border-bottom-color: var(--ink); } /* ============================================================ REVEAL ANIMATIONS — fail-safe (default visibile) ============================================================ */ .cyl-k .reveal { opacity: 1; transition: opacity 700ms ease, transform 700ms ease; } .cyl-k .reveal.reveal-init:not(.is-visible) { opacity: 0 !important; transform: translateY(18px) !important; } @media (prefers-reduced-motion: reduce) { .cyl-k .reveal { transition: none !important; } } /* ============================================================ MOBILE ============================================================ */ @media (max-width: 720px) { .cyl-k .hero-blob { width: 320px !important; height: 320px !important; top: -160px !important; right: -160px !important; } .cyl-k .facts-grid > .e-con-inner { --e-con-grid-template-columns: 1fr !important; } .cyl-k .fact { border-right: 0 !important; border-bottom: 1px solid var(--border) !important; } .cyl-k .fact-last { border-bottom: 0 !important; } } @media (max-width: 820px) { .cyl-k .cta-inner > .e-con-inner { --e-con-grid-template-columns: 1fr !important; } .cyl-k .cta-btn-wrap > .e-con-inner { justify-content: flex-start !important; } } @media (max-width: 600px) { .cyl-k .foot-inner > .e-con-inner { flex-direction: column !important; align-items: flex-start !important; } } /* Facts: keep 3-col horizontal on all viewports */ @media (max-width: 720px) { .cyl-k .facts-grid > .e-con-inner { --e-con-grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .cyl-k .fact { border-right: 1px solid var(--border) !important; border-bottom: 0 !important; padding: 1rem 0.6rem !important; } .cyl-k .fact-last { border-right: 0 !important; } } @media (max-width: 480px) { .cyl-k .fact { padding: 0.85rem 0.4rem !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Mark'; font-style: normal; font-weight: 100; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Hairline.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 200; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Extralight.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Light.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 400; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Regular.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 500; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Book.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 600; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Medium.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 700; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Bold.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 800; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Heavy.woff') format('woff'); } @font-face { font-family: 'Mark'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://cylacademy.com/wp-content/uploads/2024/05/Mark-Black.woff') format('woff'); } /* End Custom Fonts CSS */