/* ZYGOS Home: platform navigation remains separate from Excel Studio. */
:root{--zygos-navy:#0b3054;--zygos-blue:#237dcc;--zygos-cyan:#08b9e3;--zygos-teal:#00ae91}
body{color:var(--zygos-navy)}
main.page{background:radial-gradient(circle at 70% 10%,#dcfbef 0,transparent 38%),linear-gradient(140deg,#fcfffb 0%,#e9f9f5 53%,#d8f3f8 100%)}
main.page::before{background:#a2e9df;opacity:.45;filter:blur(12px)}
main.page>.container{max-width:1450px;padding:24px clamp(22px,4vw,62px) 0;min-height:100dvh}
main.page header{min-height:66px;align-items:center;gap:14px}
main.page header .brand{gap:0;min-width:0}
main.page header .zygos-wordmark{display:block;width:clamp(165px,16.5vw,226px);height:auto;max-height:76px;object-fit:contain;object-position:left center}
main.page header #googleAuthEntry{font-family:'Outfit',sans-serif!important;max-width:230px!important;flex-shrink:0;border-color:#cce3e9!important;color:var(--zygos-navy)!important;box-shadow:0 5px 24px #0d507d0d}
.hero.unified-hero{display:none!important}
.zygos-shell{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);flex:1;min-height:calc(100dvh - 90px);position:relative;isolation:isolate;align-items:center;gap:3.5%;padding:25px 0 18px}
.zygos-shell::before{content:"";position:absolute;pointer-events:none;z-index:-1;width:75%;height:64%;right:-32%;top:-15%;border:75px solid #b4f0e5;border-radius:50%;opacity:.36;transform:rotate(-30deg)}
.zygos-content{position:relative;z-index:3;width:100%;padding:12px 0 45px}
.zygos-overline{display:flex;align-items:center;gap:9px;color:#268994;font:800 11px/1.2 'Outfit',sans-serif;letter-spacing:.19em;text-transform:uppercase;margin-bottom:17px}
.zygos-overline::before{content:"";width:26px;height:4px;border-radius:30px;background:linear-gradient(90deg,var(--zygos-blue),var(--zygos-teal))}
.zygos-title{font:850 clamp(57px,5.75vw,92px)/.98 'Outfit',sans-serif!important;letter-spacing:-.055em!important;margin:0 0 12px!important;color:var(--zygos-navy)}
.zygos-title span{display:block;background:linear-gradient(95deg,#2687e6 1%,#14b9d0 52%,#0d9c77 100%);background-clip:text;-webkit-background-clip:text;color:transparent}
.zygos-description{font:650 clamp(16px,1.45vw,20px)/1.35 'Outfit',sans-serif;color:#5d778a;margin:0 0 26px}
.zygos-panel{display:flex;align-items:center;gap:12px;padding:14px 16px;min-height:77px;border-radius:19px;border:1px solid #cee2e8;background:#fffc;color:var(--zygos-navy);text-decoration:none;box-shadow:0 8px 24px #1145650a;transition:transform .2s,box-shadow .2s,border-color .2s}
.zygos-panel:hover{transform:translateY(-2px);border-color:#9fcfdd;box-shadow:0 12px 24px #11456518}
.zygos-panel:focus-visible,.zygos-tool:focus-visible,.zygos-primary:focus-visible{outline:3px solid #13add0;outline-offset:4px}
.zygos-panel strong{display:block;font:800 clamp(15px,1.25vw,18px)/1.2 'Outfit',sans-serif}
.zygos-icon{flex:0 0 48px;width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(140deg,#e0fbef,#d9f1f9);color:#138e7b}
.zygos-icon svg{width:29px;height:29px;stroke:currentColor;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.zygos-chevron{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;color:#4387ad;background:#edf7fb;border-radius:50%;font-size:23px;line-height:1}
.zygos-primary{display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:21px;min-height:88px;padding:17px 22px 17px 27px;background:linear-gradient(103deg,#2296a2 0%,#1c91c3 47%,#287ed4 100%);box-shadow:0 15px 30px #147aa330;color:white;text-decoration:none;transition:transform .2s,box-shadow .2s}
.zygos-primary strong{font:850 clamp(23px,2.2vw,32px)/1.14 'Outfit',sans-serif;letter-spacing:-.025em}
.zygos-primary .zygos-main-arrow{display:grid;place-items:center;border-radius:50%;width:45px;height:45px;background:#ffffff24;font-size:28px;line-height:1;flex-shrink:0}
.zygos-primary:hover{transform:translateY(-2px);box-shadow:0 19px 34px #147aa345}
.zygos-two{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:12px}
.zygos-two .zygos-panel{min-height:91px}
.zygos-recent{margin-top:12px}
.zygos-recent small{display:block;margin-top:5px;font:500 12px/1.25 'Outfit',sans-serif;color:#718b99;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:360px}
.zygos-section-head{font:850 22px/1.2 'Outfit',sans-serif;color:#163e61;letter-spacing:-.03em;margin:21px 0 12px}
.zygos-tools{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.zygos-tool{display:flex;align-items:center;gap:11px;min-height:70px;border:1px solid #d0e3e8;background:#fffffff2;color:#173e61;border-radius:18px;padding:11px 14px;text-decoration:none}
.zygos-tool strong{font:800 16px/1.14 'Outfit',sans-serif}
.zygos-tool .zygos-icon{width:42px;height:42px;flex-basis:42px;border-radius:13px}
.zygos-tool .zygos-icon svg{width:26px;height:26px}
.zygos-tool[aria-disabled=true]{opacity:.64;cursor:not-allowed}
.zygos-soon{font:750 11px/1 'Outfit',sans-serif;color:#168f87;background:#d6f6eb;padding:7px 8px;border-radius:20px;margin-left:auto}
.zygos-actions-holder{margin-top:12px}
.zygos-actions-holder .header-actions{justify-content:flex-start}
.zygos-actions-holder .header-actions .teacher-help{display:none!important}
.zygos-actions-holder .teacher-group{background:#ffffffcf;border-color:#d0e3e8}
.zygos-art{min-width:0;height:100%;position:relative;align-self:stretch;display:flex;align-items:stretch}
.zygos-art .visual{width:100%;height:auto!important;min-height:600px!important;align-self:stretch;overflow:visible}
.zygos-art .greenfield{background:linear-gradient(130deg,#8fe9e3,#5ad4e5 52%,#2589d8)!important;transform:rotate(-9deg);border-radius:48% 0 0 48%/57% 0 0 57%}
.zygos-art .desk-scene{background-position:64% center!important;border:8px solid #88dfef;box-shadow:0 22px 52px #116d9340}
.zygos-art .ring{border-color:#b6edf2!important;box-shadow:0 0 0 77px #43c3e51f,0 0 0 79px #9dece8a0,0 0 0 158px #41c3e510,0 0 0 160px #8deae285!important}
@media(max-width:850px){main.page>.container{padding:16px 24px 0}.zygos-shell{display:flex;flex-direction:column;gap:0;padding:20px 0 0;min-height:0}.zygos-content{padding:0}.zygos-title{font-size:clamp(53px,11.5vw,77px)!important}.zygos-art{width:100%;height:370px;margin-top:20px;overflow:visible}.zygos-art .visual{min-height:390px!important;height:390px!important}.zygos-art .greenfield{inset:10px -45px -80px -50px!important}.zygos-art .desk-scene{inset:25px -18px -55px 0!important;border:6px solid #88dfef;border-radius:48% 48% 0 0!important;background-position:62% 45%!important}.zygos-art .ring{right:-120px;top:4px}}
@media(max-width:560px){main.page>.container{padding:17px 19px 0!important}main.page header .zygos-wordmark{width:170px}main.page header #googleAuthEntry{max-width:136px!important;font-size:12px!important;padding:8px 9px!important}.zygos-shell{padding-top:23px}.zygos-overline{margin-bottom:15px}.zygos-title{font-size:clamp(48px,11vw,64px)!important;line-height:1.01!important;margin-bottom:8px!important}.zygos-description{font-size:16px;margin-bottom:22px}.zygos-primary{min-height:78px;padding:15px 19px}.zygos-primary strong{font-size:26px}.zygos-two .zygos-panel{min-height:88px;padding:10px 11px;gap:7px}.zygos-panel strong{font-size:14px}.zygos-chevron{display:none}.zygos-icon{flex-basis:42px;width:42px;height:42px;border-radius:12px}.zygos-icon svg{width:26px;height:26px}.zygos-recent{min-height:77px}.zygos-tools{gap:9px}.zygos-tool{padding:9px;gap:7px}.zygos-tool strong{font-size:13px}.zygos-tool .zygos-icon{width:38px;height:38px;flex-basis:38px}.zygos-tool .zygos-icon svg{width:24px;height:24px}.zygos-section-head{margin-top:20px}.zygos-art{height:360px;margin-top:14px}.zygos-art .visual{min-height:365px!important;height:365px!important}.zygos-actions-holder .header-actions{gap:6px}.zygos-actions-holder .header-actions .teacher{font-size:12px}}
@media(prefers-reduced-motion:reduce){.zygos-panel,.zygos-primary{transition:none}}

/* Reference alignment: faithful ZYGOS wordmark, blue controls and laboratory trio. */
main.page header .zygos-wordmark{width:clamp(185px,18vw,244px);max-height:83px}
.zygos-title span{background:linear-gradient(95deg,#258af0 0%,#11a7df 49%,#08a994 100%);-webkit-background-clip:text;background-clip:text}
.zygos-primary{background:linear-gradient(104deg,#167bd9 0%,#188df0 57%,#05b9e1 100%)}
.zygos-icon{background:linear-gradient(140deg,#eaf7ff,#d6f8f4);color:#147ca7}
.zygos-art .greenfield{background:linear-gradient(125deg,#b2f4e9,#57d4e6 52%,#1598e2)!important}
.zygos-art .desk-scene{border:10px solid #81dce9;border-radius:46% 0 0 45% / 55% 0 0 55%;background-position:center center!important}
.zygos-art .desk-scene{background-image:none!important;background-color:#d4f5f3!important}
.zygos-art .studio-carousel .studio-frame.is-contained .studio-frame-picture{left:0;top:0;width:100%;height:100%;mask-image:none}
.zygos-art .studio-carousel .studio-frame.is-contained .studio-frame-backdrop{display:none!important}
#zygosHome .zygos-tool[href="./excel-studio.html"] .zygos-icon{background:transparent}
#zygosHome .zygos-tool .zygos-icon img{display:block;width:40px;height:40px;object-fit:contain}
@media(max-width:850px){
  .zygos-art .studio-carousel .studio-frame.is-contained .studio-frame-picture{left:0;top:0;width:100%;height:100%}
}
@media(max-width:560px){
  main.page header .zygos-wordmark{width:190px;max-height:71px}
  .zygos-shell{padding-top:9px}
  .zygos-overline,.zygos-description{display:none}
  .zygos-title{font-size:clamp(48px,10.8vw,66px)!important;margin:8px 0 19px!important}
  .zygos-primary{min-height:78px}
  .zygos-two{margin-top:10px}
  .zygos-two .zygos-panel{min-height:81px}
  .zygos-recent{margin-top:10px;min-height:74px}
  .zygos-section-head{margin:17px 0 10px}
  .zygos-art{margin-top:4px;height:390px}
  .zygos-art .visual{min-height:390px!important;height:390px!important}
  .zygos-art .visual .greenfield{inset:-20px -45px -60px -32px!important;border-radius:47% 0 0 0!important}
  .zygos-art .visual .desk-scene{inset:4px -19px -29px 0!important;border:7px solid #8adfeb!important;border-radius:43% 0 0 0/25% 0 0 0!important;background-position:center center!important;box-shadow:0 16px 34px #1674a12d}
  .zygos-art .visual .desk-scene.studio-adaptive-frame{top:4px!important;left:0!important;width:100%!important;height:390px!important;border-radius:43% 0 0 0/25% 0 0 0!important}
}

/* ZYGOS references: paper-white canvas, blue controls, luminous cyan/teal arcs. */
#zygosHome{--zygos-navy:#082f55;--zygos-blue:#087de3;--zygos-cyan:#08b8e6;--zygos-teal:#0bbd9d}
main.page{background:radial-gradient(ellipse at 82% 12%,#e4fff7 0%,transparent 44%),linear-gradient(135deg,#fbfefa 0%,#f4fefa 48%,#e9f9fc 100%)}
main.page::before{background:#b5f6ea;opacity:.23}
#zygosHome .zygos-primary{background:linear-gradient(100deg,#0780e3 0%,#118fe8 52%,#05b8df 100%)}
#zygosHome .zygos-title span{width:max-content;max-width:100%;background:linear-gradient(98deg,#147ff3 0%,#08b8e6 50%,#0bbd9d 100%);background-clip:text;-webkit-background-clip:text}
#zygosHome .zygos-art .greenfield{background:linear-gradient(120deg,#a9f4e5 0%,#63dce4 49%,#258fe8 100%)!important}
#zygosHome .zygos-art .ring{border-color:#a9ecec!important;box-shadow:0 0 0 77px #48cbd01a,0 0 0 79px #90f1dba0,0 0 0 158px #48c1eb12,0 0 0 160px #81e6ef80!important}

/* The mockup uses three defined mint / cyan / blue bands, rather than wide
   translucent halos over the entire home. */
#zygosHome::before{opacity:.2;right:-43%;width:67%;border-color:#80e6d8}
#zygosHome .zygos-art .ring{border-color:#1dafe4!important;box-shadow:0 0 0 24px #30bde9dd,0 0 0 57px #59d8d8df,0 0 0 95px #a5efd9dd!important}
#zygosHome .zygos-art .greenfield{opacity:.92;background:linear-gradient(128deg,#8feccb 0%,#46d9dd 50%,#2096ed 100%)!important}

@media(min-width:851px){
  /* Cap desktop hero height: the "desktop site" option on a phone has an
     unusually tall viewport which previously centered the buttons far below
     the logo and zoomed the artwork into a single character. */
  #zygosHome.zygos-shell{
    grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
    gap:1.5%;flex:0 1 auto;min-height:min(calc(100dvh - 96px),840px)
  }
  #zygosHome .zygos-art{height:clamp(600px,76dvh,790px);align-self:center}
  #zygosHome .zygos-art .visual{height:100%!important;min-height:0!important}
  #zygosHome .zygos-art .desk-scene{inset:4px -22px 4px 0!important;border:8px solid #65d5e9!important;border-radius:48% 0 0 44%/55% 0 0 50%!important}
  /* Restore Excel Studio's natural picture crop in the curved desktop frame.
     The appearance editor retains control of object-fit and image position. */
  #zygosHome .zygos-art .studio-carousel .studio-frame-picture{
    left:0!important;top:0!important;width:100%!important;height:100%!important
  }
}

@media(max-width:560px){
  main.page>.container{padding:13px 17px 0!important}
  main.page header{min-height:58px!important}
  main.page header .zygos-wordmark{width:180px;max-height:69px}
  #zygosHome.zygos-shell{padding-top:4px!important}
  #zygosHome .zygos-title{font-size:clamp(48px,10.5vw,64px)!important;line-height:.97!important;margin:8px 0 13px!important}
  #zygosHome .zygos-primary{min-height:68px!important;padding:13px 18px;border-radius:18px}
  #zygosHome .zygos-primary strong{font-size:24px}
  #zygosHome .zygos-two{gap:9px;margin-top:8px}
  #zygosHome .zygos-two .zygos-panel{min-height:67px!important;padding:9px 11px}
  #zygosHome .zygos-recent{min-height:65px!important;margin-top:8px;padding:10px 13px}
  #zygosHome .zygos-section-head{margin:12px 0 8px}
  #zygosHome .zygos-tools{gap:8px}
  #zygosHome .zygos-tool{min-height:58px!important;padding:7px 9px}
  #zygosHome .zygos-art{height:255px!important;margin-top:-17px;z-index:1}
  #zygosHome .zygos-art .visual{min-height:258px!important;height:258px!important}
  #zygosHome .zygos-art .visual .greenfield{inset:4px -42px -48px -35px!important;border-radius:47% 0 0 0!important}
  #zygosHome .zygos-art .visual .desk-scene.studio-adaptive-frame.studio-mobile-panorama{
    position:absolute!important;top:0!important;left:0!important;right:auto!important;bottom:auto!important;
    width:100%!important;height:auto!important;aspect-ratio:var(--studio-mobile-ratio,1.5)!important;
    border:6px solid #85e1ed!important;border-radius:43% 0 0 0/29% 0 0 0!important;
    box-shadow:0 14px 34px #1674a128!important;outline:none!important
  }
  #zygosHome .zygos-art .studio-carousel .studio-frame.is-contained .studio-frame-picture{object-fit:contain!important}
  #zygosHome .zygos-art .studio-carousel .studio-frame-backdrop{display:none!important}
  #zygosHome::before{opacity:.15;right:-50%;width:76%}
  #zygosHome .zygos-art .ring{box-shadow:0 0 0 20px #33bce7d9,0 0 0 44px #52dad6d9,0 0 0 77px #a4eed4d9!important}
}

/* Less text above the fold: the free laboratory is now the hero itself. */
.zygos-screen-reader{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#zygosHome .zygos-content{padding-top:0}
#zygosHome .zygos-primary{
  display:block;position:relative;min-height:190px;padding:23px 28px 26px;
  color:#082f55;border:1px solid #c5e9ea;
  background:linear-gradient(135deg,#fffffffa 0%,#f5fffcf5 100%)!important;
  box-shadow:0 15px 35px #116d9330
}
#zygosHome .zygos-primary-label{display:flex;flex-direction:column;align-items:flex-start;gap:0}
#zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
  display:block;font:850 clamp(45px,5.25vw,78px)/.94 'Outfit',sans-serif;
  letter-spacing:-.055em;font-style:normal
}
#zygosHome .zygos-primary-label strong{color:#082f55}
#zygosHome .zygos-primary-label em{
  width:max-content;max-width:100%;color:transparent;
  background:linear-gradient(98deg,#147ff3 0%,#08b8e6 49%,#0bbd9d 100%);
  -webkit-background-clip:text;background-clip:text
}
#zygosHome .zygos-primary .zygos-main-arrow{
  position:absolute;right:22px;bottom:22px;width:46px;height:46px;
  color:white;background:linear-gradient(130deg,#168de9,#08bbdc)
}
#zygosHome .zygos-two{gap:12px;margin-top:12px}
#zygosHome .zygos-two .zygos-panel{
  min-height:97px;color:white;border:1px solid #ffffff73;
  box-shadow:0 12px 28px #0d74af30
}
#zygosHome .zygos-two .zygos-panel:first-child{background:linear-gradient(110deg,#147fda 0%,#1197e9 100%)}
#zygosHome .zygos-two .zygos-panel:last-child{background:linear-gradient(110deg,#148bdc 0%,#08b7df 100%)}
#zygosHome .zygos-two .zygos-panel strong{color:white}
#zygosHome .zygos-two .zygos-panel .zygos-icon{color:white;background:#ffffff2b}
#zygosHome .zygos-two .zygos-panel .zygos-chevron{color:white;background:#ffffff2b}
#zygosHome .zygos-two .zygos-panel:hover{border-color:#ffffffba;box-shadow:0 15px 32px #0d74af45}
#zygosHome .zygos-art .ring{
  border-color:#19b4e5!important;
  box-shadow:0 0 0 36px #30bde9d7,0 0 0 85px #57dbd8d9,0 0 0 145px #a5efd9d5!important
}

@media(min-width:851px){
  #zygosHome.zygos-shell{grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:1%}
  #zygosHome .zygos-art{height:clamp(650px,85dvh,880px)}
  #zygosHome .zygos-art .desk-scene{border-radius:51% 0 0 46%/56% 0 0 53%!important}
}

@media(max-width:560px){
  #zygosHome .zygos-primary{min-height:137px!important;padding:17px 16px 18px;border-radius:20px}
  #zygosHome .zygos-primary-label strong,#zygosHome .zygos-primary-label em{
    font-size:clamp(42px,10.4vw,60px)!important;line-height:.99
  }
  #zygosHome .zygos-primary .zygos-main-arrow{right:16px;bottom:15px;width:40px;height:40px;font-size:24px}
  #zygosHome .zygos-two{gap:9px;margin-top:10px}
  #zygosHome .zygos-two .zygos-panel{min-height:76px!important;padding:9px 10px}
  #zygosHome .zygos-two .zygos-panel strong{font-size:14px;line-height:1.1}
  #zygosHome .zygos-art .ring{
    box-shadow:0 0 0 26px #36bce9d7,0 0 0 58px #58dad8d9,0 0 0 103px #a5efd9d5!important
  }
}

/* The admin toolbar is moved out of .unified-copy by zygos-shell.js.
   Restore its dropdown behavior here: otherwise the original display:contents
   rule exposes every admin action and pushes the laboratory illustration down. */
#zygosHome .zygos-actions-holder{
  position:relative;z-index:40;display:flex;justify-content:flex-end;
  margin-top:10px;width:100%
}
#zygosHome .zygos-actions-holder .header-actions{
  display:flex;justify-content:flex-end;flex-wrap:nowrap;
  width:auto;max-width:none;gap:0
}
#zygosHome .zygos-actions-holder .teacher-group{
  position:relative;display:block;flex:0 0 auto;
  min-width:0;padding:0;border:0;background:none;box-shadow:none
}
#zygosHome .zygos-actions-holder .teacher-tools-toggle{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  min-height:39px;padding:7px 12px;border:1px solid #c9e5ea;
  border-radius:12px;background:#fffffff0;color:#0b3d62;
  font:750 12px/1.2 'Outfit',sans-serif;box-shadow:0 6px 18px #116d9318
}
#zygosHome .zygos-actions-holder .teacher-tools-chevron{
  width:15px;height:15px;transition:transform .2s
}
#zygosHome .zygos-actions-holder .teacher-tools-toggle[aria-expanded="true"] .teacher-tools-chevron{
  transform:rotate(180deg)
}
#zygosHome .zygos-actions-holder .teacher-tools-menu{
  display:none;position:absolute;right:0;left:auto;top:calc(100% + 7px);
  width:min(310px,calc(100vw - 34px));max-height:min(64dvh,var(--zygos-menu-room,380px));
  overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;
  -webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:thin;
  flex-direction:column;gap:4px;padding:8px;
  border:1px solid #c5e4e9;border-radius:16px;
  background:#fffffffa;box-shadow:0 18px 44px #082f5535;z-index:50
}
#zygosHome .zygos-actions-holder .teacher-tools-menu.is-open{display:flex}
#zygosHome .zygos-actions-holder .teacher-tools-menu .teacher{
  width:100%;min-height:40px;padding:8px 10px;
  display:flex;align-items:center;justify-content:flex-start;
  text-align:left;white-space:normal;color:#0b3d62;font-size:12px
}
#zygosHome .zygos-actions-holder .teacher-tools-menu .teacher-tool-icon{flex-shrink:0}
/* The heading and Admin now share one line, without taking space from the photo. */
#zygosHome .zygos-heading-row{
  position:relative;z-index:50;display:flex;align-items:center;
  justify-content:space-between;gap:12px;margin:21px 0 12px
}
#zygosHome .zygos-heading-row .zygos-section-head{margin:0!important}
#zygosHome .zygos-heading-row .zygos-actions-holder{
  position:relative;top:auto;right:auto;width:auto;flex:0 0 auto;margin:0
}
@media(max-width:560px){
  #zygosHome .zygos-heading-row{margin:12px 0 8px}
  #zygosHome .zygos-actions-holder .teacher-tools-menu{
    max-height:min(54dvh,var(--zygos-menu-room,320px))
  }
}