/* Theme armour: keeps the WordPress theme's own heading, paragraph, link, list and button styles out of this section */
#gk-ab{display:block;position:relative;width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important;
  padding:0 !important;overflow-x:clip;font-family:var(--f-body) !important;font-size:16px !important;line-height:1.65 !important;color:var(--ink) !important;text-align:left !important;background:var(--paper);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
#gk-ab h1,#gk-ab h2,#gk-ab h3{margin:0;font-family:var(--f-display) !important;font-weight:400 !important;text-transform:none !important;letter-spacing:-.01em !important;padding:0 !important;border:0 !important;background-color:transparent;text-align:left !important;line-height:1.1 !important;color:var(--ink) !important}
#gk-ab .hero h1,#gk-ab .fourc h2{color:var(--white) !important}
#gk-ab p{margin:0;padding:0;line-height:1.65;font-size:inherit;color:inherit}
#gk-ab a{text-decoration:none !important;box-shadow:none !important;border-bottom:0 !important}
#gk-ab img{max-width:100%;height:auto;border:0 !important;border-radius:0;box-shadow:none;margin:0}
#gk-ab button{text-transform:none !important;letter-spacing:normal;line-height:1.3;box-shadow:none;min-height:0;font-family:var(--f-body) !important}
#gk-ab blockquote{border:0 !important;padding:0 !important;margin:0 !important;font-style:normal !important;quotes:none}
#gk-ab blockquote::before,#gk-ab blockquote::after{content:none !important}
#gk-ab figure{margin:0 !important;padding:0}
#gk-ab section{margin:0;padding-inline:0;border-left:0;border-right:0}
#gk-ab ul,#gk-ab ol{margin:0 !important;padding:0 !important;list-style:none !important}
#gk-ab li{margin:0;padding:0;list-style:none !important}
#gk-ab li::marker{content:none}
#gk-ab details,#gk-ab summary{margin:0}
#gk-ab{--ink:#17203B; --ink-2:#222C4C; --paper:#F8F6F1; --white:#FFFFFF; --stone:#EDEAE3;
  --muted:#5D6675; --on-ink:#DFE4EF; --on-ink-muted:#A7B1C6;
  --green:#77B82F; --green-deep:#63A021; --cyan:#2C9AD6; --cyan-deep:#1B6E9C;
  --amber:#FFC94D; --coral:#E2453B; --coral-deep:#C53428; --orange:#F2952B; --purple:#6B4FCF;
  --hair:rgba(23,32,59,.12); --hair-soft:rgba(23,32,59,.07);
  --shadow:0 1px 2px rgba(23,32,59,.05), 0 12px 30px rgba(23,32,59,.08);
  --f-display:"Permanent Marker","Trebuchet MS",Verdana,sans-serif;
  --f-body:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --f-hand:"Caveat","Segoe Script","Bradley Hand",cursive;
  --wrap:1180px; --gutter:clamp(16px,4vw,40px);}
#gk-ab *,#gk-ab *::before,#gk-ab *::after{box-sizing:border-box}
#gk-ab img{max-width:100%;display:block}
#gk-ab a{color:inherit}
#gk-ab button{font-family:inherit;color:inherit}
#gk-ab h1,#gk-ab h2,#gk-ab h3{font-family:var(--f-display);font-weight:400;line-height:1.1;margin:0;text-wrap:balance;letter-spacing:-.01em}
#gk-ab p{margin:0}
#gk-ab .wrap{max-width:var(--wrap);margin:0 auto;padding-inline:var(--gutter)}
#gk-ab .eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#gk-ab .hand{font-family:var(--f-hand);font-weight:700;line-height:1.1}
#gk-ab :focus-visible{outline:3px solid var(--cyan);outline-offset:3px;border-radius:6px}
#gk-ab .swipe{--hl:rgba(119,184,47,.88);background-image:linear-gradient(100deg,transparent 0 .2%,var(--hl) .6% 99%,transparent 99.6%);
  background-repeat:no-repeat;background-size:100% .4em;background-position:0 92%;padding:0 .1em;margin:0 -.1em;
  -webkit-box-decoration-break:clone;box-decoration-break:clone;animation:gklp-swipe .9s .35s cubic-bezier(.2,.7,.2,1) both}
#gk-ab .swipe.amber{--hl:rgba(255,201,77,.95)}
#gk-ab .swipe.cyan{--hl:rgba(44,154,214,.55)}
@keyframes gklp-swipe{from{background-size:0% .4em}to{background-size:100% .4em}}
#gk-ab .btn{display:inline-flex;align-items:center;gap:.55em;font-family:var(--f-body);font-weight:600;font-size:1rem;text-decoration:none;
  padding:15px 26px;border-radius:10px;border:0;cursor:pointer;transition:background .2s}
#gk-ab .btn .arr{transition:transform .2s}
#gk-ab .btn:hover .arr{transform:translateX(3px)}
#gk-ab .btn-green{background:var(--green);color:var(--ink)}
#gk-ab .btn-green:hover{background:var(--green-deep)}
#gk-ab .btn-ink{background:var(--ink);color:var(--white)}
#gk-ab .btn-ink:hover{background:var(--ink-2)}
#gk-ab .btn-ghost{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.35);padding:11px 18px;font-size:.92rem}
#gk-ab .btn-ghost:hover{background:rgba(255,255,255,.08)}
#gk-ab .link{font-weight:600;text-decoration:none;display:inline-flex;gap:.4em;align-items:center}
#gk-ab .link span{transition:transform .2s}
#gk-ab .link:hover span{transform:translateX(3px)}
#gk-ab .chip-btn{border:1px solid var(--hair);background:var(--paper);border-radius:999px;padding:8px 16px;font-size:.85rem;font-weight:600;cursor:pointer}
#gk-ab section{padding-block:clamp(64px,8vw,112px)}
#gk-ab .head{display:flex;flex-direction:column;gap:14px;max-width:62ch}
#gk-ab .head h2{font-size:clamp(2rem,4.4vw,3.2rem)}
#gk-ab .head .lede{font-size:clamp(1.05rem,1.6vw,1.2rem);color:var(--muted)}
#gk-ab .prompt{display:inline-flex;align-items:center;gap:10px;font-family:var(--f-hand);font-weight:700;font-size:1.5rem;color:var(--cyan-deep);margin-top:34px}
#gk-ab .prompt svg{width:34px;height:22px;flex:none}
#gk-ab .moment{background:var(--white);border-bottom:1px solid var(--hair-soft)}
#gk-ab .moment .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
#gk-ab .moment .head .hand{font-size:clamp(1.3rem,2vw,1.55rem);color:var(--cyan-deep);transform:rotate(-1.5deg);transform-origin:left}
#gk-ab .picker{background:var(--paper);border-radius:18px;padding:clamp(20px,3vw,32px);min-width:0}
#gk-ab .picker .q{font-weight:600;font-size:1.05rem}
#gk-ab .opts{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
#gk-ab .opts button{border:1.5px solid var(--hair);background:var(--white);border-radius:999px;padding:9px 16px;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
#gk-ab .opts button:hover{border-color:var(--ink)}
#gk-ab .opts button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--white)}
#gk-ab .answer{margin-top:20px;background:var(--white);border-radius:14px;box-shadow:var(--shadow);padding:22px 24px;display:flex;flex-direction:column;gap:10px;min-height:150px}
#gk-ab .answer .top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#gk-ab .answer .hand{font-size:1.6rem;color:var(--cyan-deep)}
#gk-ab .answer .fit{display:none;background:var(--green);color:var(--ink);border-radius:999px;padding:3px 12px;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}
#gk-ab .answer.best .fit{display:inline-block}
#gk-ab .answer p{font-size:1.04rem}
#gk-ab .answer.pop{animation:gklp-pop .35s ease-out}
@keyframes gklp-pop{from{transform:translateY(6px);opacity:.4}to{transform:none;opacity:1}}
#gk-ab .journey{background:var(--white);border-bottom:1px solid var(--hair-soft)}
#gk-ab .journey .top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(32px,5vw,72px);align-items:end}
#gk-ab .polaroid{background:var(--white);padding:10px 10px 50px;border-radius:6px;box-shadow:var(--shadow);transform:rotate(1.8deg);position:relative;border:1px solid var(--hair-soft);margin:0}
#gk-ab .polaroid img{aspect-ratio:4/3;object-fit:cover;width:100%;border-radius:2px}
#gk-ab .polaroid figcaption{position:absolute;left:10px;right:10px;bottom:10px;text-align:center;font-family:var(--f-hand);font-weight:700;font-size:1.35rem;line-height:1.15}
#gk-ab .path{margin-top:clamp(40px,5vw,60px);position:relative}
#gk-ab .steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;position:relative}
#gk-ab .steps::before{content:"";position:absolute;left:10%;right:10%;top:29px;height:4px;border-radius:2px;background:var(--stone)}
#gk-ab .path>.fill{position:absolute;z-index:1;left:10%;top:29px;height:4px;border-radius:2px;background:var(--green);width:calc(var(--prog,0) * 80%);transition:width .5s cubic-bezier(.3,.8,.25,1)}
#gk-ab .steps li{position:relative;display:flex;justify-content:center;min-width:0}
#gk-ab .steps button{display:flex;flex-direction:column;align-items:center;gap:10px;border:0;background:none;cursor:pointer;padding:0;font:inherit;color:var(--ink);min-width:0}
#gk-ab .steps .dot{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;background:var(--white);border:3px solid var(--stone);font-family:var(--f-hand);font-weight:700;font-size:1.8rem;color:var(--muted);transition:background .3s,border-color .3s,color .3s,transform .3s;position:relative;z-index:2}
#gk-ab .steps .nm{font-weight:600;font-size:.98rem;text-align:center}
#gk-ab .steps button:hover .dot{transform:scale(1.06)}
#gk-ab .steps li.done .dot{border-color:var(--green);color:var(--green-deep)}
#gk-ab .steps button[aria-pressed="true"] .dot{background:var(--c);border-color:var(--c);color:var(--white);transform:scale(1.1)}
#gk-ab .stage{margin-top:28px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:20px}
#gk-ab .stage-card{background:var(--paper);border-radius:16px;padding:clamp(22px,3vw,32px);border-top:6px solid var(--c);display:flex;flex-direction:column;gap:12px;min-width:0;transition:border-color .3s}
#gk-ab .stage-card .k{font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#gk-ab .stage-card h3{font-size:clamp(1.8rem,3.4vw,2.5rem)}
#gk-ab .stage-card .hand{font-size:1.6rem;color:var(--c2)}
#gk-ab .stage-card p{font-size:1.06rem;max-width:58ch}
#gk-ab .notice{background:var(--ink);color:var(--white);border-radius:16px;padding:clamp(22px,3vw,30px);display:flex;flex-direction:column;gap:10px;min-width:0}
#gk-ab .notice .hand{color:var(--amber);font-size:1.5rem}
#gk-ab .notice p{color:var(--on-ink);font-size:1rem}
#gk-ab .stage-ctl{margin-top:18px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#gk-ab .stage-ctl .chip-btn{display:inline-flex;align-items:center;gap:8px}
#gk-ab .stage-ctl .note{color:var(--muted);font-size:.95rem}
#gk-ab .both{margin-top:clamp(40px,5vw,56px);display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:center;background:var(--paper);border-radius:18px;padding:clamp(20px,3vw,32px)}
#gk-ab .venn{width:170px;height:110px;position:relative;flex:none}
#gk-ab .venn span{position:absolute;top:0;width:110px;height:110px;border-radius:50%;display:grid;place-items:center;font-weight:600;font-size:.82rem;text-align:center;line-height:1.2;padding:16px}
#gk-ab .venn span:first-child{left:0;background:rgba(44,154,214,.28)}
#gk-ab .venn span:last-child{right:0;background:rgba(119,184,47,.32)}
#gk-ab .both h3{font-size:clamp(1.4rem,2.6vw,1.9rem)}
#gk-ab .both p{color:var(--muted);margin-top:8px;max-width:62ch}
#gk-ab .promise{background:var(--ink);color:var(--white)}
#gk-ab .promise .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}
#gk-ab .promise .eyebrow{color:var(--on-ink-muted)}
#gk-ab .promise h2{font-size:clamp(2rem,4.2vw,3.2rem);color:var(--white);margin-top:14px}
#gk-ab .promise .tag{color:var(--amber);font-size:clamp(1.4rem,2.3vw,1.8rem);margin-top:22px;transform:rotate(-1.5deg);transform-origin:left}
#gk-ab .promise p.b{color:var(--on-ink);margin-top:14px;max-width:48ch}
#gk-ab .ba{background:var(--ink-2);border-radius:18px;padding:clamp(18px,2.6vw,28px);min-width:0}
#gk-ab .ba-top{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}
#gk-ab .ba-top .hand{color:var(--amber);font-size:1.4rem}
#gk-ab .switch{display:inline-flex;background:rgba(255,255,255,.08);border-radius:12px;padding:4px;gap:4px}
#gk-ab .switch button{border:0;background:transparent;color:var(--on-ink);padding:9px 18px;border-radius:9px;font-weight:600;font-size:.92rem;cursor:pointer;transition:background .25s,color .25s}
#gk-ab .switch button[aria-pressed="true"]{background:var(--white);color:var(--ink)}
#gk-ab .ba.after .switch button[data-v="after"][aria-pressed="true"]{background:var(--green)}
#gk-ab .rows{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
#gk-ab .rows li{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;align-items:center;background:rgba(255,255,255,.05);border-radius:12px;padding:14px 18px;position:relative;overflow:hidden}
#gk-ab .rows .lbl{font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-muted)}
#gk-ab .rows .val{position:relative;display:grid;min-height:3em;align-items:center}
#gk-ab .rows .val span{grid-area:1/1;font-weight:500;font-size:1.02rem;line-height:1.4;transition:opacity .4s,transform .4s}
#gk-ab .rows .val .b4{color:var(--on-ink-muted)}
#gk-ab .rows .val .af{color:var(--white);opacity:0;transform:translateY(10px)}
#gk-ab .ba.after .rows .val .b4{opacity:0;transform:translateY(-10px)}
#gk-ab .ba.after .rows .val .af{opacity:1;transform:none}
#gk-ab .rows li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--coral);transition:background .4s}
#gk-ab .ba.after .rows li::before{background:var(--green)}
#gk-ab .ba.after .rows li:nth-child(2) .val span{transition-delay:.08s}
#gk-ab .ba.after .rows li:nth-child(3) .val span{transition-delay:.16s}
#gk-ab .ba.after .rows li:nth-child(4) .val span{transition-delay:.24s}
#gk-ab .people .grid2{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
#gk-ab .people .polaroid{transform:rotate(-1.8deg)}
#gk-ab .people h2{font-size:clamp(2rem,4.2vw,3rem);margin-top:14px}
#gk-ab .people p.b{margin-top:18px;font-size:1.06rem;max-width:56ch}
#gk-ab .people .acts{margin-top:18px}
#gk-ab .people .acts .link{color:var(--cyan-deep)}
#gk-ab .quote{margin:28px 0 0;background:var(--white);border-radius:16px;padding:26px 28px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:14px;transition:transform .3s}
#gk-ab .quote:hover{transform:translateY(-3px) rotate(-.3deg)}
#gk-ab .quote .mark{font-family:var(--f-hand);font-weight:700;font-size:4rem;line-height:.5;height:22px;color:var(--cyan)}
#gk-ab .quote blockquote{margin:0;font-size:1.12rem;font-weight:500;line-height:1.5}
#gk-ab .quote figcaption{display:flex;align-items:center;gap:12px;font-size:.9rem;font-weight:600}
#gk-ab .quote figcaption::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--green)}
#gk-ab .midcta{background:var(--amber);padding-block:clamp(48px,6vw,72px);position:relative;overflow:hidden}
#gk-ab .midcta::before{content:"";position:absolute;inset:0;opacity:.18;pointer-events:none;background:repeating-radial-gradient(circle at 100% 50%, transparent 0 30px, var(--white) 31px 32px)}
#gk-ab .midcta .wrap{position:relative}
#gk-ab .midbox{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:clamp(24px,4vw,56px);align-items:center}
#gk-ab .midbox .hand{font-size:clamp(1.4rem,2.4vw,1.8rem);color:var(--ink);transform:rotate(-1.5deg);transform-origin:left}
#gk-ab .midbox h2{font-size:clamp(1.9rem,4vw,3rem);margin-top:6px;color:var(--ink)}
#gk-ab .midbox p.b{margin-top:12px;font-size:1.06rem;font-weight:500;max-width:58ch;color:var(--ink)}
#gk-ab .midact{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
#gk-ab .midact .link{color:var(--ink);font-size:.95rem}
#gk-ab .faq{background:var(--stone)}
#gk-ab .faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
#gk-ab .faq .head .hand{font-size:clamp(1.4rem,2.2vw,1.7rem);color:var(--coral-deep);transform:rotate(-1.5deg);transform-origin:left;margin-top:4px}
#gk-ab .qas{display:flex;flex-direction:column;gap:12px}
#gk-ab .qa{background:var(--white);border-radius:14px;box-shadow:0 1px 2px rgba(23,32,59,.05);transition:box-shadow .25s}
#gk-ab .qa[open]{box-shadow:var(--shadow)}
#gk-ab .qa summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;font-weight:600;font-size:1.06rem;line-height:1.4}
#gk-ab .qa summary::-webkit-details-marker{display:none}
#gk-ab .qa summary i{flex:none;position:relative;width:30px;height:30px;border-radius:50%;background:var(--paper);transition:background .25s}
#gk-ab .qa summary i::before,#gk-ab .qa summary i::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:var(--ink);transform:translate(-50%,-50%);border-radius:1px}
#gk-ab .qa summary i::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .3s}
#gk-ab .qa[open] summary i{background:var(--green)}
#gk-ab .qa[open] summary i::after{transform:translate(-50%,-50%) rotate(0deg)}
#gk-ab .qa .ans{padding:0 22px 22px}
#gk-ab .qa .ans p{color:var(--muted);font-size:1.02rem;max-width:62ch}
#gk-ab .qa .ans a{color:var(--cyan-deep);font-weight:600;text-decoration:underline}
#gk-ab .close{background:var(--green);position:relative;overflow:hidden}
#gk-ab .close::before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background:repeating-radial-gradient(circle at 0% 100%, transparent 0 30px, var(--ink) 31px 32px)}
#gk-ab .close .wrap{position:relative;display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:32px;align-items:center}
#gk-ab .close h2{font-size:clamp(2.2rem,5vw,3.6rem)}
#gk-ab .close p{font-size:1.15rem;margin-top:16px;max-width:52ch;font-weight:500}
#gk-ab .close .acts{display:flex;flex-direction:column;align-items:flex-start;gap:14px}
#gk-ab .close .acts .link{font-size:.95rem}
#gk-ab .door2{margin-top:30px;display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,.35);border-radius:12px;padding:12px 16px;text-decoration:none;font-weight:600}
#gk-ab .door2 i{width:18px;height:22px;border-radius:3px 3px 0 0;background:var(--ink);position:relative;flex:none}
#gk-ab .door2 i::after{content:"";position:absolute;right:3px;top:11px;width:4px;height:4px;border-radius:50%;background:var(--amber)}
#gk-ab .door2 span{transition:transform .2s}
#gk-ab .door2:hover span{transform:translateX(3px)}
#gk-ab .hero{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
#gk-ab .hero::before{content:"";position:absolute;inset:0;opacity:.09;pointer-events:none;
  background:repeating-radial-gradient(circle at 90% 14%, transparent 0 26px, var(--amber) 27px 28px),
             repeating-radial-gradient(circle at 4% 94%, transparent 0 30px, var(--cyan) 31px 32px)}
#gk-ab .hero .wrap{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(32px,5vw,72px);align-items:center;padding-block:clamp(56px,8vw,104px)}
#gk-ab .hero .eyebrow{color:var(--on-ink-muted)}
#gk-ab .hero h1{font-size:clamp(2.4rem,5.4vw,4.2rem);color:var(--white);margin-top:18px}
#gk-ab .hero .sub{font-size:clamp(1.2rem,2.2vw,1.5rem);font-weight:600;line-height:1.35;margin-top:24px;max-width:32ch}
#gk-ab .hero .sub em{font-style:normal;color:var(--amber)}
#gk-ab .hero .body{color:var(--on-ink);font-size:1.05rem;max-width:52ch;margin-top:16px}
#gk-ab .hero .cta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:32px}
#gk-ab .hero .cta .hand{color:var(--amber);font-size:1.4rem;transform:rotate(-2deg)}
#gk-ab .hero .alt{color:var(--on-ink);margin-top:18px;font-size:.95rem}
#gk-ab .hero .alt:hover{color:var(--white)}
#gk-ab .look-wrap{min-width:0}
#gk-ab .look{position:relative;aspect-ratio:5/4;width:100%;border-radius:18px;background-color:var(--ink-2);overflow:hidden;
  background-image:radial-gradient(rgba(255,255,255,.07) 1.2px,transparent 1.3px);background-size:22px 22px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 30px 60px rgba(0,0,0,.3)}
#gk-ab .look .frame{position:absolute;inset:9%;border:3px dashed rgba(255,255,255,.18);border-radius:16px;transition:border-color .6s,box-shadow .6s,border-style .6s}
#gk-ab .look.env .frame{border-style:solid;border-color:var(--amber);box-shadow:0 0 0 8px rgba(255,201,77,.12),inset 0 0 40px rgba(255,201,77,.12)}
#gk-ab .look .flab{position:absolute;right:12%;top:calc(9% - .65em);font-size:.68rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--on-ink-muted);background:var(--ink-2);padding:0 8px;transition:color .6s}
#gk-ab .look.env .flab{color:var(--amber)}
#gk-ab .crowd{position:absolute;left:27%;right:35%;top:26%;bottom:22%;display:grid;grid-template-columns:repeat(3,1fr);gap:6%;place-items:center}
#gk-ab .crowd svg{width:78%;height:auto;overflow:visible}
#gk-ab .crowd svg *{fill:var(--coral);transition:fill .6s;transition-delay:calc(var(--i)*50ms)}
#gk-ab .look.env .crowd svg *{fill:var(--green)}
#gk-ab .tag{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--r));display:grid;font-weight:600;font-size:clamp(.66rem,1.15vw,.86rem);line-height:1.15;white-space:nowrap;
  transition:left .9s cubic-bezier(.3,.8,.25,1),top .9s cubic-bezier(.3,.8,.25,1),transform .9s cubic-bezier(.3,.8,.25,1);transition-delay:calc(var(--i)*80ms)}
#gk-ab .tag span{grid-area:1/1;border-radius:6px;padding:.45em .7em;box-shadow:0 8px 16px rgba(0,0,0,.3);transition:opacity .45s}
#gk-ab .tag .p{background:var(--coral);color:var(--white)}
#gk-ab .tag .e{background:var(--amber);color:var(--ink);opacity:0}
#gk-ab .look.env .tag{left:var(--ex);top:var(--ey);transform:rotate(var(--er))}
#gk-ab .look.env .tag .p{opacity:0}
#gk-ab .look.env .tag .e{opacity:1}
#gk-ab .look-ctl{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-top:16px}
#gk-ab .look-ctl .hand{color:var(--amber);font-size:1.35rem;min-width:0;flex:1 1 240px}
#gk-ab .story{background:var(--white);border-bottom:1px solid var(--hair-soft)}
#gk-ab .story .grid2{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center}
#gk-ab .story h2{font-size:clamp(2rem,4.2vw,3rem);margin-top:14px}
#gk-ab .story p.b{margin-top:18px;font-size:1.06rem;max-width:58ch}
#gk-ab .toomany{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
#gk-ab .toomany li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;background:var(--paper);border-radius:12px;padding:14px 18px;font-weight:500;transition:transform .25s}
#gk-ab .toomany li:hover{transform:translateX(4px)}
#gk-ab .toomany li b{font-family:var(--f-hand);font-weight:700;font-size:1.35rem;color:var(--coral-deep);line-height:1}
#gk-ab .pull{margin-top:22px;background:var(--ink);color:var(--white);border-radius:14px;padding:20px 24px;display:flex;flex-direction:column;gap:4px}
#gk-ab .pull .hand{color:var(--amber);font-size:1.6rem}
#gk-ab .pull p{color:var(--on-ink)}
#gk-ab .story .polaroid{transform:rotate(1.8deg)}
#gk-ab .story .polaroid img{filter:grayscale(1)}
#gk-ab .flips-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}
#gk-ab .flips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
#gk-ab .flip{display:block;width:100%;perspective:1000px;border:0;background:none;padding:0;cursor:pointer;text-align:left;min-height:250px;font:inherit;color:var(--ink)}
#gk-ab .flip .in{display:block;position:relative;width:100%;height:100%;min-height:250px;transition:transform .6s cubic-bezier(.3,.7,.2,1);transform-style:preserve-3d}
#gk-ab .flip[aria-pressed="true"] .in{transform:rotateY(180deg)}
#gk-ab .face{position:absolute;inset:0;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:10px;backface-visibility:hidden;-webkit-backface-visibility:hidden}
#gk-ab .face.front{background:var(--white);box-shadow:var(--shadow)}
#gk-ab .face.back{background:var(--ink);color:var(--white);transform:rotateY(180deg)}
#gk-ab .face .n{font-family:var(--f-hand);font-weight:700;font-size:2.6rem;line-height:.9;color:var(--c)}
#gk-ab .face.front strong{font-family:var(--f-display);font-weight:400;font-size:1.45rem;line-height:1.15}
#gk-ab .face .k{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
#gk-ab .face.back p{color:var(--on-ink);font-size:1rem;line-height:1.55}
#gk-ab .face .turn{margin-top:auto;font-family:var(--f-hand);font-weight:700;font-size:1.25rem;color:var(--cyan-deep)}
#gk-ab .face.back .turn{color:var(--amber)}
#gk-ab .fourc{background:var(--ink);color:var(--white);position:relative;overflow:hidden}
#gk-ab .fourc::before{content:"";position:absolute;inset:0;opacity:.08;pointer-events:none;background:repeating-radial-gradient(circle at 0% 0%, transparent 0 34px, var(--amber) 35px 36px)}
#gk-ab .fourc .wrap{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center}
#gk-ab .fourc .eyebrow{color:var(--on-ink-muted)}
#gk-ab .fourc .head .lede{color:var(--on-ink)}
#gk-ab .fourc .head .hand{color:var(--amber);font-size:clamp(1.3rem,2.2vw,1.7rem);transform:rotate(-1.5deg);transform-origin:left}
#gk-ab .ring{position:relative;width:min(100%,440px);aspect-ratio:1;margin:0 auto}
#gk-ab .ring svg.arcs{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg)}
#gk-ab .ring svg.arcs circle{fill:none;stroke-width:16;stroke-linecap:round;opacity:.14;transition:opacity .35s,stroke-width .35s}
#gk-ab .ring svg.arcs circle.on{opacity:1;stroke-width:20}
#gk-ab .ring .c{position:absolute;transform:translate(-50%,-50%);border:0;cursor:pointer;font:inherit;background:var(--ink-2);color:var(--white);border-radius:999px;padding:10px 18px;font-weight:600;font-size:.98rem;box-shadow:0 0 0 3px var(--cc);transition:background .3s,color .3s,transform .3s}
#gk-ab .ring .c[aria-pressed="true"]{background:var(--cc);color:var(--ink);transform:translate(-50%,-50%) scale(1.08)}
#gk-ab .ring .c:nth-of-type(1){left:50%;top:7%}
#gk-ab .ring .c:nth-of-type(2){left:93%;top:50%}
#gk-ab .ring .c:nth-of-type(3){left:50%;top:93%}
#gk-ab .ring .c:nth-of-type(4){left:7%;top:50%}
#gk-ab .ring .mid{position:absolute;inset:24%;border-radius:50%;background:var(--white);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:8%;gap:6px}
#gk-ab .ring .mid .n{font-family:var(--f-hand);font-weight:700;font-size:1.3rem;color:var(--muted)}
#gk-ab .ring .mid strong{font-family:var(--f-display);font-weight:400;font-size:clamp(1.4rem,3vw,2rem);line-height:1}
#gk-ab .ring .mid p{font-size:clamp(.82rem,1.4vw,.98rem);line-height:1.4;color:var(--muted)}
#gk-ab .ring .mid.pop{animation:gklp-pop .35s ease-out}
#gk-ab .ring-ctl{margin-top:22px;display:flex;justify-content:center}
#gk-ab .ring-ctl .chip-btn{background:transparent;color:var(--white);border-color:rgba(255,255,255,.35);display:inline-flex;gap:8px;align-items:center}
#gk-ab .proof{background:var(--cyan);position:relative;overflow:hidden}
#gk-ab .proof::before{content:"";position:absolute;inset:0;opacity:.13;pointer-events:none;background:repeating-radial-gradient(circle at 100% 0%, transparent 0 34px, var(--white) 35px 36px)}
#gk-ab .proof .wrap{position:relative}
#gk-ab .proof .eyebrow{color:var(--ink);opacity:.75}
#gk-ab .proof .head .lede{color:var(--ink);opacity:.88}
#gk-ab .deck{margin-top:36px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:end}
#gk-ab .qcard{background:var(--white);border-radius:18px;padding:clamp(26px,4vw,40px);box-shadow:0 18px 40px rgba(23,32,59,.16);min-height:280px;display:flex;flex-direction:column;gap:18px}
#gk-ab .qcard .mark{font-family:var(--f-hand);font-weight:700;font-size:4.4rem;line-height:.5;height:26px;color:var(--cyan)}
#gk-ab .qcard blockquote{margin:0;font-size:clamp(1.12rem,2vw,1.4rem);font-weight:500;line-height:1.5;max-width:60ch}
#gk-ab .qcard .who{margin-top:auto;display:flex;align-items:center;gap:12px;font-size:.95rem}
#gk-ab .qcard .who::before{content:"";width:28px;height:3px;border-radius:2px;background:var(--green)}
#gk-ab .qcard .who b{font-weight:700}
#gk-ab .qcard.pop{animation:gklp-pop .35s ease-out}
#gk-ab .deck-ctl{display:flex;flex-direction:column;align-items:flex-end;gap:14px}
#gk-ab .deck-ctl .arrows{display:flex;gap:8px}
#gk-ab .deck-ctl .arrows button{width:48px;height:48px;border-radius:50%;border:0;background:var(--ink);color:var(--white);font-size:1.2rem;cursor:pointer;transition:transform .2s}
#gk-ab .deck-ctl .arrows button:hover{transform:scale(1.08)}
#gk-ab .deck-ctl .dots{display:flex;gap:6px}
#gk-ab .deck-ctl .dots button{width:12px;height:12px;border-radius:50%;border:0;padding:0;background:rgba(23,32,59,.25);cursor:pointer}
#gk-ab .deck-ctl .dots button[aria-current="true"]{background:var(--ink)}
#gk-ab .stat{margin-top:22px;display:inline-flex;align-items:baseline;gap:12px;flex-wrap:wrap;background:var(--ink);color:var(--white);border-radius:12px;padding:12px 18px}
#gk-ab .stat b{font-family:var(--f-display);font-weight:400;font-size:1.8rem;color:var(--amber)}
#gk-ab .you-sec{background:var(--white);border-bottom:1px solid var(--hair-soft)}
#gk-ab .you-sec .wrap{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,5vw,72px);align-items:start}
#gk-ab .wants{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#gk-ab .want{--c:var(--green);text-align:left;font:inherit;color:var(--ink);background:var(--paper);border:2px solid transparent;border-radius:12px;padding:16px 18px 16px 52px;position:relative;cursor:pointer;font-weight:500;line-height:1.4;transition:border-color .2s,background .2s}
#gk-ab .want::before{content:"";position:absolute;left:16px;top:16px;width:24px;height:24px;border-radius:7px;border:2px solid var(--hair);background:var(--white);transition:background .2s,border-color .2s}
#gk-ab .want::after{content:"";position:absolute;left:24px;top:20px;width:7px;height:12px;border:solid var(--ink);border-width:0 3px 3px 0;transform:rotate(45deg);opacity:0;transition:opacity .2s}
#gk-ab .want[aria-pressed="true"]{background:var(--white);border-color:var(--c)}
#gk-ab .want[aria-pressed="true"]::before{background:var(--c);border-color:var(--c)}
#gk-ab .want[aria-pressed="true"]::after{opacity:1}
#gk-ab .you-out{margin-top:18px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;min-height:56px}
#gk-ab .you-out p{font-weight:600;font-size:1.1rem;flex:1;min-width:220px}
#gk-ab .you-out .btn{display:none}
#gk-ab .you-out.some .btn{display:inline-flex}
#gk-ab .why2{background:var(--paper)}
#gk-ab .why2 .grid2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
#gk-ab .why2 h2{font-size:clamp(2rem,4.2vw,3rem)}
#gk-ab .why2 p.b{margin-top:16px;font-size:1.06rem;max-width:52ch}
#gk-ab .pieces{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
#gk-ab .pieces span{background:var(--white);border-radius:10px;padding:10px 16px;font-weight:600;box-shadow:var(--shadow);border-bottom:4px solid var(--c);transition:transform .25s}
#gk-ab .pieces span:hover{transform:translateY(-3px) rotate(-1deg)}
#gk-ab .verbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
#gk-ab .verbs div{background:var(--ink);color:var(--white);border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;gap:8px;min-width:0}
#gk-ab .verbs .n{font-family:var(--f-hand);font-weight:700;font-size:1.6rem;color:var(--c)}
#gk-ab .verbs strong{font-family:var(--f-display);font-weight:400;font-size:1.35rem}
#gk-ab .why2 .tagline{margin-top:22px;font-family:var(--f-display);font-size:clamp(1.4rem,2.6vw,1.9rem);line-height:1.2}
#gk-ab .team-sec .grid2{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(32px,5vw,80px);align-items:center}
#gk-ab .team-sec h2{font-size:clamp(2rem,4.2vw,3rem);margin-top:14px}
#gk-ab .team-sec p.b{margin-top:16px;font-size:1.06rem;max-width:56ch}
#gk-ab .team-sec .acts{margin-top:18px;display:flex;gap:18px;flex-wrap:wrap}
#gk-ab .team-sec .acts .link{color:var(--cyan-deep)}
#gk-ab .photo-stack{position:relative}
#gk-ab .photo-stack .polaroid{transform:rotate(-1.8deg)}
#gk-ab .badge{position:absolute;right:-18px;top:-30px;width:clamp(110px,16vw,150px);transform:rotate(8deg);filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));transition:transform .4s}
#gk-ab .badge:hover{transform:rotate(0) scale(1.06)}
#gk-ab .doors{background:var(--white);border-top:1px solid var(--hair-soft)}
#gk-ab .doorcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
#gk-ab .doorcard{display:grid;grid-template-columns:auto minmax(0,1fr);gap:20px;align-items:center;background:var(--paper);border-radius:16px;padding:22px 24px;text-decoration:none;transition:transform .25s,box-shadow .25s}
#gk-ab .doorcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
#gk-ab .doorcard .dr{width:56px;height:74px;border-radius:6px 6px 0 0;background:var(--d);position:relative;flex:none}
#gk-ab .doorcard .dr::after{content:"";position:absolute;right:8px;top:38px;width:8px;height:8px;border-radius:50%;background:var(--amber)}
#gk-ab .doorcard .k{font-size:.7rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
#gk-ab .doorcard strong{display:block;font-family:var(--f-display);font-weight:400;font-size:1.6rem;line-height:1.1;margin-top:2px}
#gk-ab .doorcard i{font-style:normal;font-family:var(--f-hand);font-weight:700;font-size:1.3rem;color:var(--d)}
#gk-ab .doorcard p{color:var(--muted);font-size:.98rem;margin-top:6px}
@media (max-width:980px){#gk-ab .flips{grid-template-columns:repeat(2,minmax(0,1fr))}
#gk-ab .verbs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){#gk-ab .hero .wrap,#gk-ab .story .grid2,#gk-ab .fourc .wrap,#gk-ab .you-sec .wrap,#gk-ab .why2 .grid2,#gk-ab .team-sec .grid2,#gk-ab .close .wrap,#gk-ab .doorcards,#gk-ab .deck{grid-template-columns:minmax(0,1fr)}
#gk-ab .look-wrap{max-width:560px;width:100%;margin:6px auto 0}
#gk-ab .deck-ctl{flex-direction:row;justify-content:space-between;align-items:center}}
@media (max-width:560px){#gk-ab .flips,#gk-ab .wants{grid-template-columns:minmax(0,1fr)}
#gk-ab .flip,#gk-ab .flip .in{min-height:210px}
#gk-ab .polaroid{padding-bottom:62px}
#gk-ab .polaroid figcaption{font-size:1.15rem}
#gk-ab .ring .c{padding:8px 12px;font-size:.85rem}
#gk-ab .badge{right:-4px}}
@media (prefers-reduced-motion:reduce){#gk-ab *{animation:none!important;transition:none!important}}
/* Divi: let the section run edge to edge when placed in a Divi section / row / module */
.et_pb_section:has(#gk-ab){padding:0 !important;background:transparent !important}
.et_pb_row:has(#gk-ab){width:100% !important;max-width:none !important;padding:0 !important;margin:0 !important}
.et_pb_column:has(#gk-ab),.et_pb_module:has(#gk-ab),.et_pb_code_inner:has(#gk-ab){margin:0 !important;padding:0 !important}
#main-content .container:has(#gk-ab){padding-top:0 !important;width:100% !important;max-width:none !important}
#main-content .container:has(#gk-ab)::before{display:none !important}
#left-area:has(#gk-ab){width:100% !important;padding:0 !important;float:none !important}