/*
Theme Name: AI for Real Work
Theme URI: https://aiforrealwork.ca
Author: AI for Real Work
Description: Custom responsive site theme faithfully adapted from the approved AI for Real Work homepage design.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ai-for-real-work
*/

:root{--navy:#102a46;--navy2:#183c5c;--teal:#0797a8;--cyan:#08afc4;--ink:#152c41;--muted:#586c7c;--line:#dce6ec;--mist:#eff7f9;--white:#fff;--radius:18px;--shadow:0 12px 38px rgba(10,39,63,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.container{width:min(1200px,calc(100% - 40px));margin:auto}.topbar{border-bottom:1px solid var(--line);background:white}.brand-row{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:13px}.mark{font-weight:900;font-size:42px;letter-spacing:-4px;color:var(--navy);line-height:1}.mark:after{content:"";display:block;width:50px;height:5px;background:var(--teal);border-radius:30px;transform:rotate(-9deg);margin:-3px 0 0 6px}.brand-name{font-size:23px;letter-spacing:-1px;line-height:.97;font-weight:800;color:var(--navy)}.tagline{border-left:1px solid #ccd9e2;padding-left:20px;font-size:13px;font-style:italic;color:var(--navy);margin-left:10px}.social{display:flex;align-items:center;gap:14px}.social a{color:var(--navy);font-weight:700;font-size:13px}.social a:hover,.navlinks a:hover{color:var(--teal)}.social .yt{background:#ff0033;border-radius:7px;padding:4px 9px;color:#fff}.nav-wrap{position:sticky;top:0;background:white;z-index:50;border-bottom:1px solid var(--line);box-shadow:0 3px 14px rgba(15,43,67,.035)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:59px}.navlinks{display:flex;align-items:center;gap:clamp(10px,2.5vw,34px)}.navlinks a{font-weight:700;font-size:14px;white-space:nowrap}.navlinks a.active{color:var(--teal)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:11px;padding:12px 20px;font-weight:750;font-size:14px;border:1px solid transparent;transition:transform .15s,box-shadow .15s,background .15s}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,137,153,.16)}.btn-primary{background:var(--teal);color:#fff}.btn-primary:hover{background:#047e8c}.btn-outline{color:var(--navy);background:white;border:1px solid #a9bdcb}.btn-white{background:#fff;color:var(--navy);border:1px solid #ccdae3}.menu-toggle{display:none;background:white;border:1px solid var(--line);border-radius:9px;font-size:20px;padding:5px 12px}.hero{background:linear-gradient(110deg,#f3f9fb 0%,#f0f8fb 45%,#e1f1f5 100%);overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:390px;gap:25px;padding:42px 0}.eyebrow{color:var(--teal);font-size:12px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase}.hero h1{font-size:clamp(37px,4.6vw,64px);line-height:1.07;letter-spacing:-2px;color:var(--navy);margin:12px 0 15px;max-width:640px}.hero h1 span{color:var(--teal)}.hero p{font-size:18px;max-width:590px;margin:0 0 25px}.actions{display:flex;flex-wrap:wrap;gap:12px}.hero-art{position:relative;height:315px;display:flex;align-items:center;justify-content:center}.art-window{height:285px;width:100%;max-width:480px;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle at 75% 26%,#43bad0 0%,transparent 32%),linear-gradient(145deg,#153651,#1b4b6f 60%,#092c43);border-radius:22px;box-shadow:0 16px 45px rgba(17,68,97,.19);overflow:hidden}.art-window:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(150,230,249,.22);border-radius:50%;top:70px;left:55px;box-shadow:0 0 0 32px rgba(150,230,249,.06),0 0 0 75px rgba(150,230,249,.05)}.art-chip{width:150px;height:150px;border:3px solid #63d7e9;border-radius:24px;display:grid;place-items:center;color:white;font-weight:850;font-size:66px;letter-spacing:-4px;background:rgba(3,110,142,.26);box-shadow:0 0 0 10px rgba(27,208,238,.1),0 0 44px rgba(65,212,234,.3);z-index:1}.art-label{position:absolute;background:rgba(255,255,255,.95);color:#12435a;border:1px solid #c8ecf4;box-shadow:var(--shadow);padding:9px 15px;border-radius:12px;font-size:12px;font-weight:800;z-index:2}.art-label.one{top:25px;left:20px}.art-label.two{bottom:35px;right:17px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:24px auto 43px}.topic-card{background:#f4f9fb;border:1px solid #edf3f7;border-radius:15px;padding:20px 16px;display:flex;gap:13px;align-items:start;transition:border-color .15s,transform .15s}.topic-card:hover{border-color:#80cfda;transform:translateY(-2px)}.topic-icon{width:45px;height:45px;flex:0 0 45px;display:grid;place-items:center;background:#d9f3f7;color:#056a83;border-radius:50%;font-size:24px}.topic-card h3{margin:0 0 4px;color:var(--navy);font-size:17px}.topic-card p{margin:0;color:var(--muted);font-size:12px}.section{padding:38px 0 48px;scroll-margin-top:75px}.section h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.7px;color:var(--navy);line-height:1.2;margin:7px 0 12px}.section-lead{color:var(--muted);max-width:750px;margin:0 0 24px}.showcase{display:grid;grid-template-columns:1.15fr .95fr .9fr;gap:24px;align-items:stretch}.video-poster{display:flex;align-items:end;justify-content:space-between;padding:23px;border:0;width:100%;min-height:240px;text-align:left;background:linear-gradient(135deg,rgba(5,15,32,.5),rgba(14,63,93,.17)),radial-gradient(circle at 72% 40%,#008fb8,#0d2b4d 45%,#061526 80%);color:white;border-radius:14px;position:relative;overflow:hidden}.video-poster:before{content:"AI";position:absolute;top:20px;right:22px;color:#9ff4ff;font-size:110px;font-weight:900;opacity:.27}.video-poster strong{font-size:clamp(23px,2.4vw,33px);line-height:1.12;max-width:220px;z-index:1}.play{display:grid;place-items:center;min-width:63px;height:48px;background:#ef2442;color:#fff;border-radius:12px;font-size:24px;z-index:1}.showcase-copy{padding:8px 0}.showcase-copy h3{font-size:24px;line-height:1.2;margin:8px 0;color:var(--navy)}.showcase-copy p{color:var(--muted);font-size:14px}.magazine{border-radius:16px;background:#eaf6f9;padding:20px;display:grid;grid-template-columns:1fr 110px;gap:12px;align-items:center}.magazine h3{font-size:21px;color:var(--navy);line-height:1.12;margin:7px 0}.magazine p{font-size:13px;color:var(--muted)}.mag-cover{height:180px;transform:rotate(4deg);border:4px solid white;box-shadow:2px 7px 15px rgba(2,30,58,.2);background:linear-gradient(170deg,#123354,#081a2e);color:white;padding:12px 8px;display:flex;flex-direction:column;justify-content:space-between}.mag-cover b{font-size:16px;line-height:1.05}.mag-cover span{font-size:9px;letter-spacing:1px}.mag-cover strong{font-size:16px;line-height:1.12}.mag-cover em{color:#00c9e0;font-size:10px;font-style:normal}.usecases{background:#f8fbfc}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry{background:white;border:1px solid var(--line);border-radius:15px;padding:20px;box-shadow:0 3px 16px rgba(7,35,60,.025)}.industry-icon{font-size:25px;margin-bottom:7px}.industry h3{margin:5px 0;color:var(--navy);font-size:17px}.industry p{color:var(--muted);font-size:13px;margin:0}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.learn-card{border:1px solid var(--line);border-radius:15px;overflow:hidden}.learn-card .visual{height:140px;background:linear-gradient(135deg,#143653,#008da5);display:flex;align-items:center;justify-content:center;color:#e9feff;font-size:46px}.learn-card:nth-child(2) .visual{background:linear-gradient(135deg,#0e3151,#1e627f)}.learn-card:nth-child(3) .visual{background:linear-gradient(135deg,#153e62,#007c8d)}.learn-card .body{padding:18px}.learn-card h3{margin:0 0 8px;font-size:18px;color:var(--navy)}.learn-card p{font-size:13px;color:var(--muted);margin:0 0 14px}.textlink{font-size:13px;font-weight:800;color:#007f92}.mag-feature{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;background:#edf7fa;border-radius:20px;padding:32px}.mag-cover-big{width:210px;height:285px;margin:auto;background:linear-gradient(145deg,#102d4e,#051726);color:white;padding:24px 17px;box-shadow:12px 15px 28px rgba(15,38,63,.2);transform:rotate(-3deg);display:flex;flex-direction:column;justify-content:space-between}.mag-cover-big b{font-size:26px;line-height:1}.mag-cover-big strong{font-size:25px;line-height:1.12}.mag-cover-big small{color:#81ebf5}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight{padding:22px;border:1px solid var(--line);border-radius:15px}.insight small{color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.8px}.insight h3{font-size:19px;margin:8px 0;color:var(--navy)}.insight p{font-size:13px;color:var(--muted)}.newsletter{margin:38px auto;background:#e5f4f8;padding:22px 26px;border-radius:17px;display:flex;align-items:center;justify-content:space-between;gap:20px}.newsletter h2{font-size:22px;margin:0;color:var(--navy)}.newsletter p{font-size:13px;color:var(--muted);margin:5px 0 0}.newsletter form{display:flex;gap:9px;flex-wrap:wrap}.newsletter input{border:1px solid #b4ccd9;border-radius:9px;padding:12px 14px;min-width:225px;background:white}.helper{font-size:12px;color:var(--muted)}.footer{background:#112b45;color:#e8f6fb;padding:34px 0}.footer-inner{display:flex;justify-content:space-between;gap:22px;align-items:start}.footer p{font-size:13px;color:#b7cad5;max-width:390px}.footer-links{display:flex;flex-wrap:wrap;gap:17px;font-size:13px}.footer a:hover{color:#6fe8f5}.smallprint{font-size:11px;color:#a5bbc7;margin-top:23px}.modal-backdrop{position:fixed;inset:0;background:rgba(4,24,41,.65);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}.modal-backdrop.open{display:flex}.modal{background:white;width:min(740px,100%);border-radius:18px;padding:22px;box-shadow:var(--shadow)}.modal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.modal-head h2{margin:0;font-size:21px}.close{border:0;background:#eef5f7;border-radius:9px;padding:7px 12px;font-size:20px}.video-frame{aspect-ratio:16/9;background:#0a243b;border-radius:10px;overflow:hidden}.video-frame iframe{width:100%;height:100%;border:0}.modal p{font-size:13px;color:var(--muted)}.status{margin-top:9px;font-size:13px;color:#7f4a00}.mobile-only{display:none}#top{scroll-margin-top:75px}:focus-visible{outline:3px solid #08a9c2;outline-offset:3px}
@media(max-width:1000px){.showcase{grid-template-columns:1fr 1fr}.magazine{grid-column:1/-1}.cards,.industry-grid{grid-template-columns:repeat(2,1fr)}.tagline{display:none}.navlinks{gap:14px}.navlinks a{font-size:12px}}
@media(max-width:700px){.container{width:min(100% - 28px,1200px)}.brand-row{min-height:66px}.brand-name{font-size:20px}.mark{font-size:36px}.social{gap:8px}.social .social-hidden{display:none}.menu-toggle{display:block}.nav-inner{min-height:54px}.navlinks{display:none;position:absolute;top:54px;left:0;right:0;background:white;box-shadow:0 15px 22px rgba(12,45,70,.12);padding:12px 18px 20px;flex-direction:column;align-items:stretch;gap:0}.navlinks.open{display:flex}.navlinks a{padding:12px 6px;border-bottom:1px solid var(--line);font-size:14px}.hero-inner{grid-template-columns:1fr;padding:36px 0 28px;gap:10px}.hero h1{font-size:41px}.hero p{font-size:16px}.hero-art{height:215px}.art-window{height:200px}.art-chip{width:105px;height:105px;font-size:49px}.art-label{font-size:10px}.cards{gap:10px;margin:18px auto 25px}.topic-card{padding:14px;gap:9px}.topic-icon{height:35px;width:35px;flex-basis:35px;font-size:18px}.topic-card h3{font-size:14px}.topic-card p{font-size:11px}.section{padding:29px 0}.showcase,.industry-grid,.learn-grid,.insights,.mag-feature{grid-template-columns:1fr}.magazine{grid-column:auto}.mag-feature{gap:18px}.newsletter{flex-direction:column;align-items:stretch;margin:20px auto}.newsletter form{display:grid;grid-template-columns:1fr}.newsletter input{min-width:0}.footer-inner{flex-direction:column}.footer-links{gap:11px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* WordPress content area / secondary pages */
.afrw-page{max-width:1080px;margin:0 auto;padding:55px 20px 90px}.afrw-page .entry-content{max-width:930px;margin:25px auto}.afrw-page h1{font-size:clamp(38px,4vw,55px);line-height:1.12;color:#102a46;margin-bottom:22px}.afrw-page .entry-content h1,.afrw-page .entry-content h2{color:#102a46}.afrw-page .entry-content h2{margin-top:38px}.afrw-page .wp-block-group{border-radius:16px}.afrw-page .wp-block-columns{gap:28px}.afrw-page .wp-block-button__link{border-radius:8px}.afrw-page p{line-height:1.8}.afrw-page .wp-block-embed iframe{width:100%;aspect-ratio:16/9;height:auto}.afrw-page .wp-block-columns{margin:30px 0}.afrw-page .wp-block-column{min-width:0}.afrw-page .wp-block-column h3{color:#102a46}.afrw-page .wp-block-column{padding:10px}.afrw-page .wp-block-separator{border-color:#dce6ec;margin:38px auto}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}
@media(max-width:700px){.afrw-page{padding:28px 16px 60px}.afrw-page .wp-block-columns{display:block}.afrw-page .wp-block-column{margin-bottom:22px}}
