/* Anywork.ai: white, warm cream, beige and considered greens. */
:root{
  --ink:#263d2e;
  --paper:#faf8f2;
  --forest:#31563d;
  --sage:#78916b;
  --cream:#faf8f2;
  --beige:#eee7d9;
  --line:#ded7c9;
  --muted:#7a8172;
}
body{background:#fff;color:var(--ink)}
::selection{background:#dce8cf;color:var(--ink)}
.skip-link{background:var(--forest);color:#fff}
.header{background:#fff;border-bottom-color:#e9e4d9}
.brand{color:var(--ink)}
.brand-ai,.lime{color:var(--forest)}
.header nav>a:hover{color:#67835a}
.header nav>.nav-cta{color:var(--forest);border-color:#b7c2ad;background:transparent}
.header nav>.nav-cta:hover{background:var(--forest);color:#fff!important;border-color:var(--forest)}
.menu-toggle span{background:var(--forest)}
.status-dot{background:#5c8152;box-shadow:0 0 10px #78916b20}
.dark-eyebrow{color:#64715a}
.hero{background:#fff}
.hero-intro{color:#57624f}
.hero-sub{color:#68735d}
.hero-asterisk{color:var(--sage)}
.button-lime{background:var(--forest);color:#fff}
.button-lime:hover{background:#456c4c}
.button-dark{background:var(--forest);color:#fff}
.button-dark:hover{background:#23412d}
.button-outline{border-color:#c9cfbf;color:var(--forest)}
.button-outline:hover{background:#edf1e5}
.text-link{border-bottom-color:#bbc5ae}
.text-link:hover,.dark-link:hover{color:#557b47;border-bottom-color:#557b47}
button.text-link:hover{color:#557b47;border-bottom-color:#557b47}
.hero-art:before{background:radial-gradient(ellipse,#d9d9b66e,transparent 66%);filter:blur(30px)}
.art-grid{background-image:linear-gradient(#8b977d0b 1px,transparent 1px),linear-gradient(90deg,#8b977d0b 1px,transparent 1px)}
.orbital{border-color:#8e9a7740}
.orbital-two{border-color:#b5ae952f}
.hero-monogram{filter:drop-shadow(0 20px 30px #63734c19)}
.art-cross{color:#a3a88a}
.orbit-label{background:#fffdf6ee;border-color:#d4d9c6;color:var(--forest);box-shadow:0 6px 20px #61704b0d}
.orbit-label[aria-pressed=true],.orbit-label:hover{background:var(--forest);color:#fff;border-color:var(--forest)}
.art-caption{color:#68735d}
.caption-line{background:var(--sage)}
.hero-bottom{border-top-color:#e3e4d8;color:#68735d}
.scroll-link>span{color:var(--forest)}
.brand-strip{background:var(--beige);border-top-color:#e4ddcf}
.brand-strip>span{color:#606c52}
.strip-brands{color:#526148}
.strip-brands{flex-wrap:wrap;row-gap:20px}
.strip-brands>a{display:inline-block;border-radius:4px;text-underline-offset:6px;transition:color .2s ease}
.strip-brands>a:hover{color:var(--green);text-decoration:underline}
.strip-student{font-size:17px;font-weight:600;letter-spacing:-.5px;line-height:1.3}
.strip-student small{display:block;font-size:8px;letter-spacing:.2px;font-weight:400;color:#64715a;margin-top:4px}
.strip-propsky>span,.strip-studio>span{color:#6c8659}
.work{background:var(--cream)}
.filter{color:#68735c}
.filter.active{background:var(--forest);color:#fff}
.project-arrow{border-color:#c5cbb8;color:var(--forest)}
.project-open:hover .project-arrow{background:#dfe9d2;border-color:#bdcdb0}
.project-tags>span{border-color:#d9dacb;color:#60714d}
.project-student{grid-column:1/-1}
.project-student .student-visual{aspect-ratio:2.6;background:#eae4d6;color:#304c36;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:42px}
.student-eyebrow{font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:12px}
.student-eyebrow>span{font-size:8px;letter-spacing:.6px;border:1px solid #b7bc9f;border-radius:100px;padding:5px 9px;white-space:nowrap}
.student-title{font-size:clamp(32px,4.5vw,67px);letter-spacing:-2px;line-height:1.05;margin-top:23px}
.student-title em{color:#6b8056}
.student-powered{display:inline-flex;align-items:center;gap:6px;font-size:11px;margin-top:25px;color:#526344}
.student-powered strong{font-size:14px;color:#31563d;letter-spacing:-.4px}
.student-powered-ring{width:20px;height:20px;margin-left:5px;border:1px solid #7e9565;border-radius:50%;position:relative;background:radial-gradient(circle,#d9e7bf,#9caf81);box-shadow:0 0 15px #b9cb9260}
.student-powered-ring:after{content:'';position:absolute;inset:6px -4px;border:1px solid #59734a;border-radius:50%;transform:rotate(-35deg)}
.student-portal-preview{background:#fffdf5;border:1px solid #d0cbb7;border-radius:12px;box-shadow:0 18px 30px #65724c18;transform:rotate(3deg);padding:21px;margin-right:10px}
.student-preview-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e1d2;padding-bottom:15px;gap:8px}
.student-orbit-name{font-size:29px;letter-spacing:-1.5px;display:flex;align-items:center;font-weight:600}
.student-orbit-name i{width:25px;height:25px;display:inline-block;border:1px solid #789061;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f4f6e7,#b3c79b);position:relative;box-shadow:0 0 18px #becf9e55}
.student-orbit-name i:after{content:'';position:absolute;inset:7px -5px;border:1px solid #6e8a58;border-radius:50%;transform:rotate(-35deg)}
.student-orbit-name small{font-size:9px;letter-spacing:.6px;margin-left:8px;font-weight:400}
.student-preview-head>span:last-child{font-size:7px;letter-spacing:1.5px;color:#728060}
.student-preview-home{display:flex;gap:15px;align-items:center;padding:19px 0}
.student-preview-home svg{width:43%;color:#7c8b61;flex:none}
.student-preview-home p{font-size:20px;line-height:1.3;letter-spacing:-.5px}
.student-preview-home em{color:#74865c}
.student-preview-tools{display:flex;gap:5px;justify-content:space-between;font-size:8px;color:#596b4b;border-top:1px solid #e5e1d2;padding-top:15px}
.student-preview-tools>span:last-child{color:#31563d;font-weight:600}
.student-live-badge{position:absolute;right:22px;top:20px;font-size:8px;border-radius:100px;background:#31563d;color:#fff;padding:7px 11px}
.student-meta-byline{font-size:12px;font-weight:400;letter-spacing:0;color:#667657;margin-left:12px}
.dialog-visual.student-dialog{background:linear-gradient(120deg,#31563d,#637b4d)}
@media(max-width:1100px){
  .project-student .student-visual{padding:30px;gap:22px;aspect-ratio:2.3}
  .student-title{font-size:4.7vw;margin-top:18px}
  .student-portal-preview{padding:17px}
  .student-preview-home p{font-size:17px}
  .strip-student{font-size:14px}
}
@media(max-width:700px){
  .project-student .student-visual{padding:24px;gap:18px;aspect-ratio:1.9}
  .student-eyebrow{font-size:6px;letter-spacing:.6px;gap:6px}
  .student-eyebrow>span{font-size:6px;padding:4px 6px}
  .student-title{font-size:5vw;letter-spacing:-1px;margin-top:16px}
  .student-powered{font-size:8px;margin-top:18px}
  .student-powered strong{font-size:10px}
  .student-powered-ring{width:16px;height:16px}
  .student-powered-ring:after{inset:4px -4px}
  .student-portal-preview{padding:13px;margin-right:0}
  .student-orbit-name{font-size:23px}
  .student-orbit-name i{width:20px;height:20px}
  .student-orbit-name i:after{inset:6px -4px}
  .student-preview-head{padding-bottom:11px}
  .student-preview-head>span:last-child{font-size:5px;letter-spacing:1px}
  .student-preview-home{padding:15px 0;gap:8px}
  .student-preview-home p{font-size:12px}
  .student-preview-tools{font-size:6px;padding-top:11px}
  .student-live-badge{font-size:6px;top:12px;right:14px;padding:5px 8px}
  .student-meta-byline{font-size:10px;margin-left:8px}
}
@media(max-width:540px){
  .strip-student{font-size:12px}
  .strip-student small{font-size:7px}
  .project-student .student-visual{aspect-ratio:auto;min-height:350px;padding:25px;grid-template-columns:1fr;gap:23px}
  .student-title{font-size:36px;line-height:1.02;margin-top:15px}
  .student-eyebrow{font-size:6px;letter-spacing:1px}
  .student-powered{margin-top:15px;font-size:9px}
  .student-powered strong{font-size:12px}
  .student-portal-preview{margin:0 6px 8px;transform:rotate(2deg);padding:15px}
  .student-preview-home{padding:11px 0}
  .student-preview-home svg{width:35%;max-height:70px}
  .student-preview-home p{font-size:20px}
  .student-preview-tools{font-size:7px}
  .student-preview-head>span:last-child{font-size:6px}
  .student-meta-byline{display:block;margin:4px 0 0;font-size:10px}
}
.portfolio-footnote{color:#667358}
/* Product illustrations retain the individual brands' identities. */
.propsky-visual{--lime:#c5daa8}
.mini-header{color:#263d2e}
.story{background:#f0ecdf}
.story-copy>p:not(.eyebrow){color:#65705a}
.story-copy>p.story-lead{color:#32472f}
.system-map{background:#faf8f1;color:var(--ink);border-color:#d6dcc8;box-shadow:0 18px 35px #5e684011}
.system-map:before{background-image:radial-gradient(#84926325 1px,transparent 1px)}
.system-map-top{color:#5f704d}
.portal-nodes>span{background:#fffdf7;border-color:#d4dcc5;color:#455c39}
.map-lines>span,.top-lines>span:first-child,.top-lines>span:last-child,.bottom-lines>span:first-child,.bottom-lines>span:last-child{border-color:#b2c29b}
.system-hub{background:linear-gradient(120deg,#e8eddb,#f3f5e9);border-color:#a6bd8c;box-shadow:0 0 25px #8ba95d10}
.hub-logo{color:var(--forest);border-color:#a4b98c;background:#f9fbf3}
.system-hub small{color:#526642}
.system-hub div>span{color:#5e704d}
.hub-spark{color:#6e8e4e}
.integration-nodes>span{background:#fffdf7;border-color:#d4dcc5}
.integration-nodes small{color:#5e6e4e}
.map-caption{color:#546941;border-top-color:#d5ddc6}
.map-caption>span:last-child{color:#5e704d}
.integration-note{color:#5f6d51}
.services{background:#fff;color:var(--ink)}
.services-heading h2 em{color:#5b7d4f}
.services-heading>p:not(.eyebrow){color:#657457}
.service,.service:first-child{border-color:#dedfd1}
.service-num{color:#8b967c}
.service-toggle{color:#5d7c4f}
.service-body>p{color:#6c7a60}
.service-body>div>span{border-color:#d2d8c4;color:#637651;background:#f8f9f2}
.ai-section{background:var(--beige);color:var(--ink)}
.ai-heading>p:last-child{color:#5a654e}
.ai-spark{color:#7c956a}
.ai-steps,.ai-steps>div{border-color:#c9cfbb}
.step-number{color:#5b684c}
.ai-steps p{color:#556249}
.propsky-spotlight{background:#ece7da;color:var(--ink)}
.spotlight-heading .eyebrow{color:#596c44}
.spotlight-heading .text-link,.propsky-spotlight button.text-link{color:var(--forest);border-bottom-color:#b8c3a7}
.spotlight-features>div{border-top-color:#bec9ac}
.spotlight-icon{color:#6d8c55}
.spotlight-features p{color:#58684b}
.spotlight-note{color:#5c6b50;border-top-color:#cdd2bf}
.contact{background:var(--cream)}
.contact-copy>p:not(.eyebrow){color:#6d775f}
.contact-email{color:var(--forest);border-bottom-color:#b5c0a5}
.contact-small{color:#667256}
.brief-form input::placeholder,.brief-form textarea::placeholder{color:#69745c}
.brief-form label>span:not(.brief-choices span){color:#6a745d}
.form-note{color:#606f50}
.brief-choices input:checked+span{background:#e0ead4;border-color:#a4ba8d;color:#34502b}
.brief-form input:not([type]),.brief-form textarea{border-bottom-color:#c9cfbc}
.footer{background:#eee8dc;color:var(--ink)}
.footer-top>p{color:#5f6c52}
.back-top>span{color:var(--forest)}
.footer-wordmark{color:#36553c}
.footer-wordmark>span:first-child{color:#668657}
.footer-star{color:#8a9d71}
.footer-bottom{border-top-color:#ccd0bd;color:#5f6c52}
.footer-bottom button:hover{color:var(--forest)}
dialog{background:#fcfaf5}
dialog::backdrop{background:#2e3c2a70}
.dialog-close{background:#fcfaf4f5;border-color:#bbc5ad;color:var(--forest)}
.dialog-close:hover{background:#e0ead3}
.dialog-visual{color:#faf8f2}
.dialog-visual>span:last-child{color:#cadbb1}
.dialog-visual.clean-dialog{background:#e4e9d6;color:#34512c}
.dialog-visual.clean-dialog>span:last-child{color:#78965b}
.dialog-status{background:#edf0e4;border-left-color:#a9bc91;color:#5c6c4d}
.brief-dialog pre{background:#edf0e4;border-color:#d7deca}
@media(max-width:540px){
  .header nav{background:#fffdf7;box-shadow:0 15px 25px #53613910}
  .header nav>a{border-bottom-color:#e1e4d5}
  .footer-bottom>span:nth-child(2){color:#667357}
}