{"id":35605,"date":"2026-07-22T10:24:21","date_gmt":"2026-07-22T07:24:21","guid":{"rendered":"https:\/\/getscl.com\/?page_id=35605"},"modified":"2026-07-28T11:30:35","modified_gmt":"2026-07-28T08:30:35","slug":"customization","status":"publish","type":"page","link":"https:\/\/getscl.com\/ar\/customization\/","title":{"rendered":"\u062a\u062e\u0635\u064a\u0635 \u0646\u0638\u0627\u0645 \u0625\u062f\u0627\u0631\u0629 \u0627\u0644\u0645\u062f\u0631\u0633\u0629 \u0628\u0647\u0648\u064a\u0629 \u0645\u062f\u0631\u0633\u062a\u0643 \u0648\u0627\u0633\u0645\u0647\u0627 \u0648\u0634\u0639\u0627\u0631\u0647\u0627"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35605\" class=\"elementor elementor-35605\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5cbca68 elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5cbca68\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3b609e0\" data-id=\"3b609e0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-38b890b cea-align-justify animated-fast cea-separator-type-normal elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"38b890b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><p class=\"sub-title\">Branding Your School Name and Logos, and Personalizing Every Automated Email, Message, and SMS<\/p><h2 class=\"section-title\">Make SCL Look and Sound Like Your School<\/h2><div class=\"elementor-divider\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">Customization is where an administrator makes SCL carry your school's identity. Set the school name and website, upload your large and small logos and a system avatar, and rewrite the wording of every automated email, private message, and SMS the system sends to families.\n\nYour name and logos then appear where families actually meet your school: the login screen, automated emails, invoices, student and parent ID cards, and every printed report card. The template editors hand you the subject and body of each notification, with a panel of merge fields that fills in the right name, logo, and detail for each recipient.\n\nBeyond branding, SCL bends to how your school already works. Every user picks a light or dark theme, the interface runs in five languages with full right to left Arabic, and administrators tune <a href=\"https:\/\/getscl.com\/grading\/\">grading scales<\/a>, <a href=\"https:\/\/getscl.com\/report-cards\/\">report card templates<\/a>, and the name of your skills framework. The result is one system that reads as yours.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-4d138dd elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4d138dd\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a01fea9\" data-id=\"a01fea9\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a78b36 cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"0a78b36\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Branding and Templates<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-aacb8b7 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"aacb8b7\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ef2fd3e\" data-id=\"ef2fd3e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7127796 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"7127796\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">01<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-bookmark\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">School Name and Website<\/h4><div class=\"fbox-content\">Set your school's name and website once in the Branding screen, and every part of SCL picks them up. Parents see your school's name on the login page, on emails, and at the top of each printed report card.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-e312cf6\" data-id=\"e312cf6\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-08be915 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"08be915\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">02<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-image\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Logos on Every Document<\/h4><div class=\"fbox-content\">Upload a large logo and a small logo, and SCL prints them where families meet your school: the login screen, automated emails, invoices, student and parent ID cards, and report cards. Uploads are checked for the right size before they save.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4ba44a0 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4ba44a0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-619dd2f\" data-id=\"619dd2f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-eecb01c cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"eecb01c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">03<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-user\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">A System Avatar for New Accounts<\/h4><div class=\"fbox-content\">Upload a single 512 by 512 avatar that stands in for any account without a profile picture yet. New students and staff look consistent from day one, instead of showing a blank or generic placeholder.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ce33ac0\" data-id=\"ce33ac0\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c95cf35 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"c95cf35\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">04<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-email\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Email Templates<\/h4><div class=\"fbox-content\">Edit the subject and body of any automated email in a rich editor, and drop in merge fields like the recipient's name or your school logo from a built-in panel. Switch each template on or off so families only get the notices you actually send.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-135e644 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"135e644\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-fd1ca72\" data-id=\"fd1ca72\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-e26c789 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"e26c789\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">05<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-comments\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Message Templates<\/h4><div class=\"fbox-content\">Edit the wording of the private messages SCL posts to a parent's or student's in-app inbox, with the same merge fields available. Clear, on brand notices reach families without a developer ever touching the template.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a08d8b5\" data-id=\"a08d8b5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-333b8e6 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"333b8e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">06<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-mobile\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">SMS Templates<\/h4><div class=\"fbox-content\">Rewrite the text of every automated SMS, using merge fields to personalize each one, so it fits the character count and sounds like your school. When it reaches a parent's phone, the message is short, clear, and unmistakably yours.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ac9377d elementor-section-stretched elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac9377d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-wide\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c89859d\" data-id=\"c89859d\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c419e59 cea-align-center animated-fast cea-separator-type-pattern elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"c419e59\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><h2 class=\"section-title\">Personalize the Experience<\/h2><div class=\"elementor-divider\" style=\"--separator-pattern-url: url(&quot;data:image\/svg+xml,%3Csvg xmlns=&#039;http:\/\/www.w3.org\/2000\/svg&#039; preserveAspectRatio=&#039;none&#039; overflow=&#039;visible&#039; height=&#039;100%&#039; viewBox=&#039;0 0 24 24&#039; fill=&#039;%23C59D5F&#039; stroke=&#039;none&#039;%3E%3Cpath d=&#039;M12.7,2.3c-0.4-0.4-1.1-0.4-1.5,0l-8,9.1c-0.3,0.4-0.3,0.9,0,1.2l8,9.1c0.4,0.4,1.1,0.4,1.5,0l8-9.1c0.3-0.4,0.3-0.9,0-1.2L12.7,2.3z&#039;\/%3E%3C\/svg%3E&quot;);\"><span class=\"elementor-divider-separator\"><\/span><\/div><\/div><!-- .title-wrap --><div class=\"section-description\"><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-e731467 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"e731467\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-b49abdf\" data-id=\"b49abdf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-74d1c5e cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"74d1c5e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">07<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-palette\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Light and Dark Themes<\/h4><div class=\"fbox-content\">Every user sets SCL to a light or dark theme, or lets it follow their device automatically. The choice is personal and saved to each account, so teachers, parents, and students each read the interface the way that suits them.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-ecdac25\" data-id=\"ecdac25\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-61787d0 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"61787d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">08<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-world\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Five Languages, Right to Left<\/h4><div class=\"fbox-content\">SCL ships in English, Arabic, French, German, and Spanish, and an administrator sets the school's default language. Arabic turns the entire interface right to left, so the app fits schools across the region, not only English speaking ones.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-293fc0d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"293fc0d\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-1ee71f5\" data-id=\"1ee71f5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-72a4439 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"72a4439\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">09<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-tag\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Name Your Skills Framework<\/h4><div class=\"fbox-content\">Rename the skills layer to match your programme, whether you call it ATL, Competencies, or Skills, and set it separately for each school division. The label you choose shows up everywhere skills appear, so the language matches what your teachers already use.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-8635138\" data-id=\"8635138\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-547bee8 cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"547bee8\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">10<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-medall\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Grading Scales for Your Policy<\/h4><div class=\"fbox-content\">Build the grade boundaries, values, and assessment types each division uses, so SCL scores results against your policy rather than a fixed scale. Report cards then run the same calculation, keeping a grade consistent from the gradebook to the printout.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-4f62a06 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"4f62a06\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-a7c3bac\" data-id=\"a7c3bac\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-200021f cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"200021f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:100}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">11<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-clipboard\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">Report Card Templates Per Grade<\/h4><div class=\"fbox-content\">Assign each grade the report card layout that fits it, from K-12 styles to IB PYP and MYP formats. A coordinator sets the template once, and every card printed for that grade follows the right design.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-5742f8e\" data-id=\"5742f8e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-acda3fa cus-fb-fnum bg-box cea-view-default elementor-invisible elementor-widget elementor-widget-ceafeaturebox\" data-id=\"acda3fa\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;,&quot;_animation_delay&quot;:300}\" data-widget_type=\"ceafeaturebox.default\">\n\t\t\t\t<div class=\"elementor-widget-container feature-box-wrapper feature-box-classic-pro\">\n\t\t\t<div class=\"media\"><div class=\"media-icon-part align-self-center\"><div class=\"fbox-number\">12<\/div><div class=\"cea-featured-icon\"><i aria-hidden=\"true\" class=\"ti ti-stats-up\"><\/i><\/div><\/div><div class=\"media-body align-self-center\"><h4 class=\"feature-box-title\">A Dashboard Each User Arranges<\/h4><div class=\"fbox-content\">Every user resizes, reorders, and closes the widgets on their own dashboard, and switches a chart to the shape they read best. What each person sees first is theirs to arrange, so the home screen stays useful instead of fixed.<\/div><\/div><!-- .media-body --><\/div><!-- .media -->\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-9b14385 elementor-widget elementor-widget-html\" data-id=\"9b14385\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* --------------------------------------------------------------------------\n   getscl.com: fixes every API-built Elementor page needs.\n\n   HOW TO USE\n   Replace 35605 with the page id, then put the whole thing, wrapped in a style\n   element, into a core Elementor `html` widget appended to the LAST column of\n   the page, with _margin and _padding zeroed:\n\n     emcp-tools-add-free-widget {\n       post_id: 35605, parent_id: \"the last column element id\",\n       widget_type: \"html\", position: -1,\n       settings: {\n         html: this entire file, wrapped in a style element,\n         _margin:  {unit:\"px\", top:\"0\", right:\"0\", bottom:\"0\", left:\"0\", isLinked:true},\n         _padding: {unit:\"px\", top:\"0\", right:\"0\", bottom:\"0\", left:\"0\", isLinked:true}\n       }\n     }\n\n   It renders at 0px height, so it costs nothing in layout.\n\n   NEVER write a literal closing style tag anywhere in this file, not even\n   inside a comment. This whole file is injected INSIDE a style element, and\n   the HTML parser closes that element at the FIRST closing style tag it sees,\n   in raw-text mode, with no regard for CSS comments. One in a comment here\n   silently ends the stylesheet: every rule below it stops being CSS and gets\n   painted onto the page as visible text, while the fixes appear to do nothing.\n   That is exactly what shipped to \/curriculum-center\/ on 2026-07-16. A bare\n   opening style tag is harmless; only the closing one breaks out.\n   build_page_json.py now hard-fails on it, so a mistake here cannot reach the\n   site again.\n\n   scripts\/build_page_json.py embeds this file automatically with 35605 already\n   substituted. On a POST (blog), the body class is `.postid-35605` instead of\n   `.page-id-35605`: pass body_class \"post\" to the generator, or swap the\n   selectors by hand.\n\n   NOTE: this file contains NO em-dashes, non-breaking spaces or other\n   invisible characters, and must stay that way. It is copied verbatim into\n   `_elementor_data` on every generated page, so anything banned in here lands\n   on the live site and trips the em-dash sweep. See CLAUDE.md Rule 33.\n\n   WHY THIS EXISTS (keep these comments: an unexplained <style> widget gets\n   deleted by the next editor):\n   Elementor Pro is not installed, so there is no page custom-CSS field; and the\n   connector denies post-meta writes, so the theme's own per-page options are\n   unreachable from the API. This is the remaining injection point.\n   -------------------------------------------------------------------------- *\/\n\n\n\/* 1. CONTENT PADDING ------------------------------------------------------\n   Gigas sets `.gigas-content-wrap { padding: 100px 0 }` globally. All ~29\n   hand-built pages cancel it to 0 through the per-page Gigas \"Content Padding\"\n   option, which does NOT exist in the global theme options, so a new page\n   inherits the 100px and shows a white band under the dark title banner plus a\n   gap above the footer.\n   If someone later sets Gigas > Content Padding > 0 on this page, this rule\n   becomes redundant but stays harmless (0 = 0) and can be deleted.            *\/\n.page-id-35605 .gigas-content-wrap { padding-top: 0; padding-bottom: 0; }\n\n\n\/* 2. FOOTER GAP -----------------------------------------------------------\n   The theme leaves a 15px white strip above the footer via `.post-inner`\n   margin-bottom, showing the white <main> behind it.\n   NOTE: this is SITE-WIDE. Billing System and every other page have it too.\n   Removing it here is a deliberate divergence from the rest of the site.\n   Drop this rule if you'd rather stay consistent, or lift it into the theme's\n   global CSS to fix every page at once.                                       *\/\n.page-id-35605 .post-inner { margin-bottom: 0; }\n\n\n\/* 3. EQUAL-HEIGHT FEATURE CARDS -------------------------------------------\n   The columns are already equal height; the card inside never fills them\n   because Elementor defaults `.elementor-widget-wrap` to\n   `align-content: flex-start`.\n\n   Two subtleties:\n   - Elementor puts a widget's margin on `> .elementor-widget-container` (the\n     white card), so `height:100%` swallows the card's bottom margin and the\n     rows collapse to a 0px gap. Hence: zero that margin, and move the row\n     rhythm onto the row itself with the `+` sibling selector (`:last-child`\n     would be defeated by this very style widget sitting after the last row).\n   - `!important` is needed because Elementor's per-element rule is 0,4,0\n     specificity and beats the selector below (0,3,0). `height` needs no\n     !important, as Elementor never sets it.\n\n   Tablet\/desktop only: below 768px the cards stack one per row and must keep\n   their own 30px bottom margin, or every card touches on phones.              *\/\n@media (min-width: 768px) {\n  .page-id-35605 .elementor-inner-section .elementor-widget-wrap { align-content: stretch; }\n  .page-id-35605 .elementor-widget-ceafeaturebox > .elementor-widget-container { height: 100%; margin-bottom: 0 !important; }\n  .page-id-35605 .elementor-inner-section + .elementor-inner-section { margin-top: 30px; }\n}\n\n\n\/* 4. NEVER JUSTIFY THE HERO HEADING OR EYEBROW ----------------------------\n   The hero widget is `cea-align-justify` (the site-wide hero recipe, which\n   Billing uses too), and that justifies EVERYTHING inside it, the <h2> and the\n   eyebrow included.\n\n   Why the bug hides: `justify` does not stretch the LAST line of a block. A\n   short one-line title like \"SCL SmartPay - Simplifying School Finances\" IS\n   its own last line, so it is never stretched and Billing looks fine. The\n   moment a title is long enough to WRAP, its first line gets pulled out to the\n   full container width with huge gaps between the words. Reported by the owner\n   on Library and Appointments in 2026-07.\n\n   Body copy stays justified on purpose: that IS the site's established look.\n   Only the heading and the eyebrow opt out.                                   *\/\n.page-id-35605 .cea-align-justify .section-title,\n.page-id-35605 .cea-align-justify .sub-title { text-align: left; }\n\n\n\/* 5. THE BLACK ACCENT DASH AFTER THE EYEBROW ------------------------------\n   The theme's style.css paints a 35x2px PURE BLACK bar 48px to the right of\n   every `.sub-title`:\n     .section-title-wrapper .title-wrap > .sub-title::before {\n       content:\"\"; width:35px; height:2px; background:#000; right:-48px; }\n   It is meant as a decorative accent, but it is black on a light section and\n   floats in open space beside the blue eyebrow. Older pages only get away with\n   it because a long eyebrow pushes it out of view. Removed by owner request\n   (Library + Appointments, 2026-07).\n\n   The theme's own `.title-dark` \/ `.title-theme` wrappers recolour it white\n   rather than remove it, so if a future design WANTS the accent, prefer\n   recolouring it to `#C59D5F` (the rhombus gold) over deleting this rule.     *\/\n.page-id-35605 .section-title-wrapper .title-wrap > .sub-title::before { content: none; }\n\n\n\/* 6. INLINE CROSS-LINKS TO SIBLING SOLUTIONS PAGES ------------------------\n   The theme styles no link inside `ceasectiontitle` body copy or inside a\n   `ceafeaturebox`, so an inline cross-link inherits the surrounding prose\n   colour exactly and is invisible as a link. Measured on \/report-cards\/\n   2026-07-18: a card link's computed colour was rgb(119,119,119), identical\n   to its parent's, and the hero links differed only by being darker.\n\n   Brand blue (the same #426CB4 the eyebrow uses) plus a hover underline makes\n   a cross-link recognisable without shouting. A feature card inverts to\n   #120E35 with white text on hover, and once the link carries its own colour\n   it stops inheriting that white, so the last rule restores it.\n\n   *** THE LAST RULE IS CONDITIONAL. CHECK BEFORE YOU SHIP IT. ***\n   It is correct ONLY on pages whose cards actually invert on hover. That\n   inversion is a per-card Elementor setting, not a theme default, and it emits\n   `.elementor-{page} .elementor-element-{card} .feature-box-wrapper:hover\n   { background-color: rgb(18,14,53); color: rgb(255,255,255) }`. Skill-built\n   pages (Report Cards, Appointments, Library) have it. The 2023-vintage\n   hand-built pages do NOT: their cards keep a light background on hover and\n   only recolour the icon and border. On those, a white link is invisible\n   against white, which is exactly what the owner hit on \/clinic\/ 2026-07-18\n   after all six 2023 pages inherited this section wholesale.\n\n   So: before including the last rule, confirm the page inverts. Cheapest check\n   is a CSSOM scan on the live page (mind the connector.md trap and test\n   `r.cssRules && r.cssRules.length`, not truthiness, or you recurse into\n   nothing and report zero matches on a fully styled page):\n\n     \/feature-box-wrapper:hover\\s*\\{\/.test(rule.cssText) && \/background-color\/.test(rule.cssText)\n\n   If that finds nothing, DROP the last rule for that page. The link then stays\n   brand blue on hover, which reads fine on a light card. Currently omitted on\n   33344, 33613, 33237, 33495, 33300 and 33329 for this reason.\n\n   Scoped to `.section-content` and `.fbox-content` only, which deliberately\n   leaves the CTA band buttons (`.cea-button-wrapper`) on their own styling.\n\n   Cross-linking siblings is a copywriting rule, not just a style one: see\n   references\/copywriting.md \"CTAs and internal links\". Internal links are one\n   of the few SEO levers this site has, and the nav is wide but the pages\n   barely interlink.                                                           *\/\n.page-id-35605 .section-content a,\n.page-id-35605 .fbox-content a { color: #426CB4; text-decoration: none; }\n.page-id-35605 .section-content a:hover,\n.page-id-35605 .fbox-content a:hover { text-decoration: underline; }\n.page-id-35605 .feature-box-wrapper:hover .fbox-content a { color: #FFFFFF; }\n\n\n\/* 7. HERO BODY RUNS THE FULL COLUMN ---------------------------------------\n   The theme caps `p.section-content` at `max-width: 65%` and auto-centres\n   it. Measured on \/virtual-classrooms\/ 2026-07-18: the hero paragraph\n   rendered 715px wide inside an 1100px column, while the heading above it\n   and the feature cards below it both ran the full 1100px. That leaves a\n   visibly narrower column of prose floating between two full-width blocks,\n   which is what the owner flagged (\"this area need to be full column\").\n\n   Excludes the closing CTA band on purpose. That band uses the same\n   `.section-content` class for a single 25-30 word sentence, and stretching\n   one short line across 1100px reads worse, not better: it should stay\n   narrow and centred. `.scl-cta` sits on the band's top-level section, so\n   `:not(.scl-cta)` is the cheapest way to carve it out, and it keeps\n   working if a page ever grows a second content section.\n\n   Do NOT \"simplify\" this to a bare `.page-id-35605 .section-content` rule:\n   that hits the CTA band too.                                              *\/\n.page-id-35605 .elementor-top-section:not(.scl-cta) .section-content {\n  max-width: 100%;\n  margin-left: 0;\n  margin-right: 0;\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-39d7fd1 elementor-section-stretched scl-cta elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"39d7fd1\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;,&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-96a6a3f\" data-id=\"96a6a3f\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-97d0e25 cea-align-center animated-fast elementor-invisible elementor-widget elementor-widget-ceasectiontitle\" data-id=\"97d0e25\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;fadeInUp&quot;}\" data-widget_type=\"ceasectiontitle.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"section-title-wrapper\"><div class=\"title-wrap\"><p class=\"sub-title\">See It Live<\/p><h2 class=\"section-title\">See Your Brand and Voice Inside SCL<\/h2><\/div><!-- .title-wrap --><div class=\"section-description\"><p class=\"section-content\">Walk through the Branding screen, the logo that prints on report cards and invoices, and the email, message, and SMS editors with their merge fields.<\/p><\/div><!-- .section-description --><\/div><!-- .section-title-wrapper -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-88a6165 scl-cta__actions elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"88a6165\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-388ac98\" data-id=\"388ac98\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-29dca4a cea-btn-align-center scl-cta__btn scl-cta__btn--primary elementor-widget elementor-widget-ceabutton\" data-id=\"29dca4a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/request-a-demo\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-left\">\r\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-calendar-check\"><\/i>\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Request a Demo<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-0e0d046\" data-id=\"0e0d046\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7ddbe8b cea-btn-align-center scl-cta__btn scl-cta__btn--ghost elementor-widget elementor-widget-ceabutton\" data-id=\"7ddbe8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ceabutton.default\">\n\t\t\t\t<div class=\"elementor-widget-container cea-button-wrapper\">\r\n\t\t\t\t\t<div class=\"cea-button-wrapper\">\r\n\t\t\t<a href=\"https:\/\/getscl.com\/contact\/\" class=\"cea-button-link elementor-button cea-button elementor-size-lg\">\r\n\t\t\t\t\t\t<span class=\"cea-button-content-wrapper\">\r\n\t\t\t\t\t\t<span class=\"cea-button-icon cea-align-icon-\">\r\n\t\t\t\t\t\t\t<\/span>\r\n\t\t\t\t\t\t<span class=\"cea-button-text\">Talk to Us<\/span>\r\n\t\t<\/span>\r\n\t\t\t\t\t<\/a>\r\n\t\t<\/div>\r\n\t\t\t\t<\/div>\r\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<div class=\"elementor-element elementor-element-52c03c7 elementor-widget elementor-widget-html\" data-id=\"52c03c7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\/* --------------------------------------------------------------------------\n   SCL closing call to action band.\n\n   Shared block: every rule is keyed on the .scl-cta* classes only, never on a\n   page id or an element id, so this exact widget is dropped verbatim onto each\n   feature page. Only the headline, body and button labels change per page.\n\n   WHY THIS IS A STYLE WIDGET: Elementor Pro is not installed, so there is no\n   page custom-CSS field, and the connector cannot write post meta, so the\n   theme's per-page options are unreachable from the API. An html widget is the\n   only injection point left. Do not delete it: the band loses its background\n   and the white text lands on white.\n\n   NEVER write a closing style tag inside this block, not even in a comment.\n   The HTML parser ends the stylesheet at the first one it sees, in raw-text\n   mode, ignoring CSS comments, and every rule after it gets painted onto the\n   page as visible text.\n\n   Contains no em-dashes, non-breaking spaces or invisible characters, and must\n   stay that way. See CLAUDE.md Rule 33.\n   -------------------------------------------------------------------------- *\/\n\n.scl-cta{position:relative;overflow:hidden;background:linear-gradient(160deg,#4A78C4 0%,#3560A6 42%,#1E3468 100%)}\n.scl-cta>.elementor-container{position:relative;z-index:2;display:block}\n\n\/* gold hairline: the brand accent, and a crisp edge against the light section\n   above. The footer is #100C2E, so the band ends darker than it starts and\n   flows into it rather than butting against it. *\/\n.scl-cta::before{content:\"\";position:absolute;top:0;left:0;right:0;height:3px;z-index:3;background:linear-gradient(90deg,rgba(197,157,95,0) 0%,#C59D5F 50%,rgba(197,157,95,0) 100%)}\n.scl-cta::after{content:\"\";position:absolute;top:-190px;right:-130px;width:640px;height:640px;border-radius:50%;z-index:1;background:radial-gradient(circle,rgba(255,255,255,.17) 0%,rgba(255,255,255,0) 65%);pointer-events:none}\n\n.scl-cta .section-title-wrapper{text-align:center}\n.scl-cta .elementor-divider{display:none}\n.scl-cta .sub-title{color:#C59D5F !important;font-size:13px !important;font-weight:700 !important;letter-spacing:2.5px !important;text-transform:uppercase;margin-bottom:14px !important}\n\/* the theme decorates every .sub-title with TWO absolutely positioned marks\n   sitting just right of the text: a 35x2px black ::before dash and a 2x3px\n   white ::after speck. Against the dark band the dash reads as a stray mark\n   and the speck as grit, so both are switched off.\n   display:none is what does the work. The theme rule\n   .section-title-wrapper .title-wrap > .sub-title::before sets content, size,\n   position and background but never display, so this lower-specificity rule\n   still wins on that one property. That is what lets the block kill the dash\n   without a .page-id-N selector and stay portable. Do not switch this to\n   content:none, which the theme rule does set and would therefore beat. *\/\n.scl-cta .sub-title::before,\n.scl-cta .sub-title::after{display:none}\n.scl-cta .section-title{color:#FFFFFF !important;font-size:38px !important;line-height:1.25 !important;font-weight:700 !important;letter-spacing:-.5px !important;margin-bottom:16px !important}\n.scl-cta .section-content{color:rgba(255,255,255,.8) !important;font-size:17px !important;line-height:30px !important;max-width:660px;margin:0 auto !important}\n\n\/* width:100% is load-bearing: the inner section is a flex item inside\n   .elementor-widget-wrap, so without it the section shrinks to its content\n   width and the justify-content:center below silently does nothing. *\/\n.scl-cta__actions{width:100%;margin-top:34px}\n.scl-cta__actions>.elementor-container{display:flex !important;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px}\n.scl-cta__actions .elementor-column{width:auto !important;flex:0 0 auto !important}\n.scl-cta__actions .elementor-widget-wrap{width:auto}\n\n.scl-cta .cea-button-wrapper{text-align:center}\n.scl-cta .cea-button-link{border-radius:30px !important;padding:17px 38px !important;font-size:14px !important;font-weight:700 !important;letter-spacing:1px !important;text-transform:uppercase !important;border:2px solid transparent !important;transition:all .28s ease !important}\n.scl-cta__btn--primary .cea-button-link{background:#FFFFFF !important;color:#12224A !important;box-shadow:0 10px 26px rgba(9,20,48,.28) !important}\n.scl-cta__btn--primary .cea-button-link:hover{background:#12224A !important;color:#FFFFFF !important;transform:translateY(-2px);box-shadow:0 14px 32px rgba(9,20,48,.4) !important}\n.scl-cta__btn--ghost .cea-button-link{background:transparent !important;color:#FFFFFF !important;border-color:rgba(255,255,255,.45) !important}\n.scl-cta__btn--ghost .cea-button-link:hover{background:#FFFFFF !important;color:#2F5596 !important;border-color:#FFFFFF !important;transform:translateY(-2px)}\n\n\/* There is deliberately no third link under the buttons. SCL has no published\n   plans and pricing is a conversation, so a \"compare plans\" line pointed at\n   \/pricing\/ promised something that does not exist. Talk to Us is the pricing\n   path. Do not reintroduce one. *\/\n\n\/* FOOTER SEAM: the theme renders .post-inner as an inline-block, so a 10px\n   baseline descender strip sits underneath it and the white page background\n   shows through between this band and the footer. It is site-wide and\n   pre-existing, but invisible while the last section was light; a full-bleed\n   dark band turns it into an obvious white line. This stylesheet only loads on\n   pages that carry the band, so the reset never reaches other pages.\n   .post-inner already carries width:100%, so block and inline-block produce the\n   same box.\n   The margin-bottom reset needs !important and the display reset does not: the\n   theme's own style.css sets margin-bottom:0, but something later in the cascade\n   (a sheet this page cannot enumerate, so it is cross-origin or combined) puts it\n   back to 15px and beats a plain override. Verified live: plain override left the\n   gap at 15px, !important took it to 0.\n   Pages built by this skill carry their own .page-id-N .post-inner{margin-bottom:0}\n   fix sheet, which already won, which is why the seam only shows on the older\n   hand-built pages. Keep this rule anyway so the band is self-contained. *\/\n.post-inner{display:block;margin-bottom:0 !important}\n\n@media(max-width:1024px){.scl-cta .section-title{font-size:32px !important}}\n@media(max-width:767px){\n.scl-cta .section-title{font-size:27px !important;line-height:1.3 !important}\n.scl-cta .section-content{font-size:16px !important;line-height:27px !important}\n.scl-cta .sub-title{font-size:12px !important;letter-spacing:2px !important}\n.scl-cta__actions>.elementor-container{flex-direction:column;align-items:stretch;gap:12px}\n.scl-cta__actions .elementor-column{width:100% !important}\n.scl-cta__actions .elementor-widget-wrap{width:100%}\n.scl-cta .cea-button-link{display:block !important;width:100%;padding:16px 20px !important}\n.scl-cta::after{width:380px;height:380px;top:-140px;right:-110px}\n\/* MOBILE FOOTER SEAM: below 768px the theme applies\n   body .gigas-content-wrap{padding-bottom:50px}, and its specificity (0,1,1)\n   beats the plain .gigas-content-wrap{padding:0} that the Gigas per-page option\n   emits, so a 50px white strip opens under the band. Pages built by this skill\n   escape it only because their own fix sheet uses .page-id-N (0,2,0). Desktop\n   and tablet measure 0 already, so the reset is scoped to this breakpoint, and\n   padding-top is left alone because it is the gap under the title banner. *\/\nbody .gigas-content-wrap{padding-bottom:0 !important}\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-625b884 elementor-widget elementor-widget-html\" data-id=\"625b884\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<script type=\"application\/ld+json\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Service\",\"@id\":\"https:\/\/getscl.com\/customization\/#service\",\"name\":\"SCL Customization\",\"serviceType\":\"White label school management software\",\"description\":\"Brand the system with your school's name and logos, and personalise every automated email, message and SMS so families hear from you, not from a vendor.\",\"provider\":{\"@id\":\"https:\/\/getscl.com\/#organization\"},\"areaServed\":{\"@type\":\"Place\",\"name\":\"Worldwide\"},\"audience\":{\"@type\":\"EducationalAudience\",\"educationalRole\":\"K-12 international schools\"},\"url\":\"https:\/\/getscl.com\/customization\/\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/getscl.com\/customization\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/getscl.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customization\"}]}]}<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Brand the system with your school&#8217;s name and logos, and personalise every automated email, message and SMS so families hear from you, not from a vendor.<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-35605","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/comments?post=35605"}],"version-history":[{"count":11,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35605\/revisions"}],"predecessor-version":[{"id":35914,"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/pages\/35605\/revisions\/35914"}],"wp:attachment":[{"href":"https:\/\/getscl.com\/ar\/wp-json\/wp\/v2\/media?parent=35605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}