/* Private mobile design review: white surfaces, blue light, crisp contrast, intentional reading order.
   Floating hero and founder artwork retain their original turquoise-full-site.css / founders.css treatment.
   Loaded only by marketing pages; booking and the original comparison are untouched. */
.electric-site{--teal:#00c8e8;--teal-dark:#006f91;--mint:#fff;--mint-line:#cbd6e2}
/* The light lives behind the layout, never on top of an image. */
.electric-site .founder-entrance,.electric-site .founder-entrance.is-armed{opacity:1;transform:none}
.electric-site .bento-ads,.electric-site .faq-section,.electric-site .service-example{background:#fff}
.electric-site .arc-card[open]{background:#fff;border-color:#007fa6;box-shadow:inset 3px 0 0 #007fa6}
.electric-site .arc-card[open] .faq-toggle-icon{background:#005f80;border-color:#005f80}
.electric-site .service-feature{background:#fff}
.electric-site .brand-dot{background:#00c8e8}
.electric-site .bento-card{border:1px solid #c6d3df;box-shadow:none}
.electric-site .bento-background{background:#fff}
.electric-site .bento-background img{opacity:1;filter:none;mix-blend-mode:normal}
.electric-site .bento-search .bento-number,.electric-site .bento-search .bento-copy ul{color:#42d7ff}
.electric-site .contact-card{background:radial-gradient(ellipse at 90% 0,#007fa640,transparent 55%),#0b2434}
.electric-site .closing-stripes{color:#00c8e8}
@media(max-width:719px){
 .electric-site .container{width:calc(100% - 40px)}
 .electric-site .electric-review-bar{padding:3px 12px;background:#f1f4f8;font-size:10px}
 .electric-site .site-header{background:#fff;border-bottom:1px solid #d6e0e9}
 .electric-site .nav-shell{gap:12px;min-height:72px}
 .electric-site .nav-cta{font-size:10px;min-height:44px;padding:10px 12px!important;border-radius:8px}
 .electric-site .nav-cta .interactive-base{gap:6px}.electric-site .nav-cta svg{display:none}
 .electric-site .menu-toggle{width:44px;height:44px;flex:none}
 .electric-site .wordmark{gap:7px;font-size:21px}.electric-site .wordmark img{width:25px;height:25px}
 .electric-site .electric-hero{width:100%;padding:48px 20px 32px;gap:32px;background:#fff;border-bottom:1px solid #e4eaf0;overflow:hidden}
 .electric-site .electric-hero::before{z-index:-1;width:100%;height:100%;inset:0;background:radial-gradient(ellipse at 105% 18%,#00bce81c,transparent 48%),radial-gradient(ellipse at -15% 62%,#007bd010,transparent 55%)}
 .electric-site .electric-copy{max-width:560px;text-align:left;width:100%}
 .electric-site .electric-copy>.eyebrow{justify-content:flex-start;color:#006f91;font-size:10px;letter-spacing:.1em}
 .electric-site .electric-copy h1{font-size:clamp(40px,10.8vw,64px);font-weight:650;line-height:1.04;letter-spacing:-.055em;color:#080f14;margin-top:20px;text-wrap:balance}
 .electric-site .electric-body{color:#415261;margin:22px 0 0;font-size:16px;line-height:1.65;max-width:490px}
 .electric-site .electric-actions{display:grid;grid-template-columns:1fr;margin-top:25px;gap:6px;justify-items:stretch}
 .electric-site .electric-actions .design-cta{background:linear-gradient(140deg,#0b3548,#071f30) padding-box,linear-gradient(130deg,#65e7ff,#208aaa 40%,#12374a 75%,#00c8e8) border-box;color:#fff;border:1px solid transparent;box-shadow:0 5px 15px #092e4214,0 0 20px #00bde818;min-height:54px;font-size:14px;border-radius:9px}
 .electric-site .electric-actions .design-cta svg{color:#70e8ff}
 .electric-site .electric-actions .text-link{justify-content:center;min-height:48px;font-size:12px;color:#123c50}
 .electric-site .electric-helper{color:#526272;font-size:11px;margin:12px 0 0;max-width:420px;line-height:1.6}
 .electric-site .electric-art img{width:100%;height:auto;display:block}
 .electric-site .founder-story{padding-top:0;padding-bottom:44px}
 .electric-site .founder-row{display:flex;flex-direction:column;gap:30px;padding:52px 0}
 .electric-site .founder-row+.founder-row{padding-top:48px;border-top:1px solid #bacbd8}
 .electric-site .founder-copy{width:100%}.electric-site .founder-visual{width:100%;max-width:520px}
 .electric-site .founder-copy h2{font-size:clamp(33px,8.8vw,47px);line-height:1.1;margin-top:18px;letter-spacing:-.045em}
 .electric-site .founder-description{font-size:16px;line-height:1.7;margin-top:20px;color:#3f5364}
 .electric-site .founder-focus{gap:8px 14px;margin-top:20px}.electric-site .founder-focus li{font-size:12px;color:#163e58}
 .electric-site .founder-link{font-size:13px;border-bottom:1px solid #b4c9d7;padding-bottom:8px;margin-top:22px}
 .electric-site .founder-stage{aspect-ratio:1.12}
 .electric-site .founder-next{padding-top:30px;gap:12px}.electric-site .founder-next h3{font-size:25px}
 .electric-site .trade-strip{display:block;padding-block:24px;border-color:#bacbd8}
 .electric-site .trade-strip ul{margin-top:16px;gap:14px 24px;flex-wrap:wrap}.electric-site .trade-strip li{font-size:12px}
 .electric-site .services{padding-top:52px;padding-bottom:28px}
 .electric-site .section-heading{gap:20px;margin-bottom:28px}
 .electric-site .section-heading h2{font-size:36px;line-height:1.1;letter-spacing:-.045em}
 .electric-site .section-heading>p{font-size:15px;line-height:1.7}
 .electric-site .bento-grid{gap:26px}.electric-site .bento-card{border-radius:12px}
 .electric-site .bento-background{height:auto;aspect-ratio:4/3;border-bottom:1px solid #bacbd8}
 .electric-site .bento-website{aspect-ratio:2048/1325}.electric-site .bento-website img{position:static;display:block;width:100%;height:100%;object-fit:contain}
 .electric-site .bento-content{padding:26px 23px}.electric-site .bento-copy h3{font-size:32px}
 .electric-site .bento-copy p{font-size:15px;line-height:1.7}.electric-site .bento-copy ul{font-size:13px}
 .electric-site .bento-cta{min-height:48px;font-size:13px;line-height:1.5}
 .electric-site .faq-section{padding:32px 16px;margin-block:28px 48px;border-radius:14px;border-color:#cbd6e2}
 .electric-site .faq-intro{text-align:left}.electric-site .faq-intro .eyebrow{justify-content:flex-start}
 .electric-site .faq-intro h2{font-size:36px}.electric-site .arc-trigger{grid-template-columns:18px minmax(0,1fr) 28px;gap:9px;padding:17px 12px}
 .electric-site .arc-panel p{padding:0 16px 22px;font-size:14px}
 .electric-site .contact-card{padding:38px 24px;border-radius:14px}.electric-site .contact-copy h2{font-size:38px;line-height:1.08}
 .electric-site .service-switcher{padding-top:24px;gap:8px}.electric-site .service-switcher a{flex:1 1 140px;justify-content:center;font-size:12px}
 .electric-site .service-intro{padding-top:48px;gap:22px}.electric-site .service-features{padding-bottom:48px}
 .electric-site .service-example{padding:25px;border-color:#cbd6e2;margin-bottom:48px}
}
@media(max-width:359px){.electric-site .nav-shell{gap:7px}.electric-site .wordmark{font-size:19px}.electric-site .nav-cta{font-size:9px;padding-inline:8px!important}.electric-site .container{width:calc(100% - 32px)}.electric-site .electric-hero{width:100%;padding-inline:16px}}
/* Keep refined headline fit without boxing or shrinking the floating illustration. */
@media(min-width:1040px){
 .electric-site .electric-copy h1{font-size:clamp(52px,4.45vw,72px);text-wrap:balance;overflow-wrap:normal}
}

/* Screenshot feedback: white FAQ and ad surfaces, defined edges instead of pastel fills. */
.electric-site .site-header{background:#fff}
.electric-site .faq-section{border-color:#d8e0e8;border-radius:12px;box-shadow:0 12px 36px #102f4405}
.electric-site .faq-intro h2,.electric-site .arc-trigger{color:#102331}
.electric-site .faq-intro>p:last-child,.electric-site .arc-panel p{color:#425565}
.electric-site .faq-intro .eyebrow,.electric-site .faq-index,.electric-site .arc-card[open] .faq-index{color:#00799e}
.electric-site .arc-card{background:#fff;border-color:#c5d0db;border-radius:8px;box-shadow:0 3px 9px #102f4409}
.electric-site .arc-card[open]{background:#fff;border-color:#0089b3;box-shadow:inset 3px 0 0 #0099c2,0 5px 16px #102f4410}
.electric-site .arc-card[open] .arc-trigger{color:#102331}
.electric-site .faq-toggle-icon{background:#fff;border-color:#a8bece;border-radius:7px;color:#006f91}
.electric-site .faq-toggle-icon svg{stroke-width:2}
.electric-site .arc-card[open] .faq-toggle-icon{background:#0b3548;border-color:#0b3548;color:#fff;box-shadow:0 0 12px #00c8e81c}
.electric-site .arc-trigger:focus-visible{outline-color:#0089b3;border-radius:7px}
.electric-site .bento-ads{border-color:#bacbd8;box-shadow:0 10px 28px #102f440c;border-radius:10px}
.electric-site .bento-ads-example{background:#fff;border-bottom:1px solid #bacbd8}
.electric-site .bento-ads .bento-content{border-top:2px solid #00b4d8}
.electric-site .bento-ads .bento-number{color:#00799e}
.electric-site .bento-ads .bento-copy h3{color:#102331}
.electric-site .bento-ads .bento-copy p{color:#425565}
.electric-site .bento-ads .bento-copy ul{color:#18384c}
.electric-site .bento-ads .bento-copy li{border-color:#d3dce4}
.electric-site .service-feature,.electric-site .service-example{border-radius:10px;border-color:#c5d0db;box-shadow:0 4px 14px #102f4407}
@media(hover:hover){.electric-site .arc-card:not([open]):hover{background:#fff;border-color:#0089b3;box-shadow:0 5px 16px #102f4410}.electric-site .arc-trigger:hover{color:#006f91}}

/* Align the portrait’s actual lower edge with its backdrop at every breakpoint.
   Contain preserves the complete laptop and head; bottom positioning removes
   the centered letterbox gap without changing either original image. */
.electric-site .founder-websites .founder-stage img{object-position:center bottom}
/* Dark turquoise retains the brand hue with accessible contrast on white. */
.electric-site .electric-copy h1 .hero-emphasis{color:#007c9d}