:root{--gold:#d3ae61;--cream:#f5f0e5;--muted:#d6cfbf;--line:rgba(211,174,97,.2)}
*{box-sizing:border-box}html{background:#050a06;color:var(--cream)}body{margin:0;background:radial-gradient(900px 480px at 50% -10%,rgba(65,104,62,.22),transparent 62%),#050a06;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.current-services-shell{width:min(1240px,calc(100% - 28px));margin:auto;padding:14px 0 32px}.current-services-header{position:sticky;top:8px;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:76px;border:1px solid var(--line);border-radius:16px;padding:10px 14px;background:rgba(5,10,6,.92);backdrop-filter:blur(18px)}.current-services-brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.current-services-brand img{width:44px;height:44px;object-fit:contain}.current-services-brand span{display:grid}.current-services-brand strong{font-size:.92rem;letter-spacing:.05em}.current-services-brand small{color:#b8b1a3}.current-services-header nav{display:flex;align-items:center;gap:8px}.current-services-header nav a{border-radius:999px;padding:11px 14px;color:var(--cream);text-decoration:none;font-size:.82rem;font-weight:900}.current-services-header nav a.is-primary{color:#10130d;background:var(--gold)}.current-services-hero{display:grid;min-height:430px;align-content:center;margin-top:14px;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,6vw,72px);background:linear-gradient(90deg,rgba(4,9,5,.96),rgba(8,18,10,.64)),url('../shop/assets/loops/posters/aik9-shop-clean-field-poster.jpg?v=20260527-owner-workspace-1') center/cover}.current-services-hero p,.current-services-heading p,.current-affiliate p{margin:0;color:var(--gold);font-size:.76rem;font-weight:950;letter-spacing:.13em;text-transform:uppercase}.current-services-hero h1{max-width:11ch;margin:10px 0;font-size:clamp(2.8rem,6vw,5.6rem);line-height:.94}.current-services-hero>span{max-width:660px;color:var(--muted);font-size:1.08rem;line-height:1.55}.current-services-hero>div,.current-service-actions,.current-affiliate-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.current-services-hero a,.current-service-actions a,.current-affiliate-actions a{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border:1px solid rgba(232,221,197,.2);border-radius:999px;padding:0 16px;color:var(--cream);background:rgba(232,221,197,.07);text-decoration:none;font-size:.82rem;font-weight:950}.current-services-hero a:first-child,.current-service-actions a:first-child,.current-affiliate-actions a:first-of-type{color:#10130d;background:var(--cream)}.current-services-trust{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;overflow:hidden;margin:14px 0;border:1px solid var(--line);border-radius:14px;background:var(--line)}.current-services-trust span{display:grid;min-height:54px;place-items:center;padding:9px;background:#09120b;text-align:center;font-size:.73rem;font-weight:900}.current-services-trust span:before{content:'✓';margin-right:5px;color:var(--gold)}.current-services-offers,.current-affiliate{border:1px solid var(--line);border-radius:22px;padding:clamp(22px,4vw,46px);background:linear-gradient(145deg,rgba(18,35,22,.94),rgba(8,16,10,.98))}.current-services-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.current-services-heading h2{max-width:14ch;margin:5px 0 0;font-size:clamp(2rem,4vw,3.8rem);line-height:.98}.current-services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.current-service-card{display:grid;grid-template-rows:auto auto auto 1fr auto;gap:12px;border:1px solid rgba(232,221,197,.15);border-radius:16px;padding:18px;background:rgba(5,10,6,.74)}.current-service-card-site{grid-column:1/-1;grid-template-columns:240px 1fr;grid-template-rows:auto auto 1fr auto}.current-service-card-site .current-service-top,.current-service-card-site h3,.current-service-card-site dl,.current-service-card-site .current-service-actions{grid-column:2}.current-service-card-site>img{grid-column:1;grid-row:1/span 4;align-self:stretch;width:100%;height:100%;max-height:none}.current-service-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.current-service-top span{color:var(--gold);font-size:.68rem;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.current-service-top strong{color:var(--gold);font-size:1.35rem}.current-service-card h3{margin:0;font-size:1.65rem}.current-service-card>img{width:100%;height:220px;border-radius:10px;object-fit:contain;background:#09120b}.current-service-card dl{display:grid;gap:7px;margin:0}.current-service-card dl>div{display:grid;grid-template-columns:82px 1fr;gap:8px;padding-top:8px;border-top:1px solid rgba(232,221,197,.12)}.current-service-card dt{color:var(--gold);font-size:.65rem;font-weight:950;text-transform:uppercase}.current-service-card dd{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}.current-service-actions{align-self:end}.current-affiliate{display:grid;grid-template-columns:1fr minmax(290px,.65fr);gap:30px;align-items:center;margin-top:14px}.current-affiliate h2{margin:6px 0 12px;font-size:clamp(2rem,4vw,3.5rem)}.current-affiliate>div>span{display:block;max-width:720px;color:var(--muted);line-height:1.55}.current-affiliate-actions{display:grid;margin:0}.current-affiliate-actions strong{color:var(--gold)}.current-services-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;border:1px solid var(--line);border-radius:16px;padding:22px;background:#071009}.current-services-footer>div{display:grid;gap:4px}.current-services-footer span{color:var(--muted);font-size:.78rem}.current-services-footer nav{display:flex;flex-wrap:wrap;gap:10px}.current-services-footer a{color:var(--cream);font-size:.78rem;font-weight:850;text-decoration:none}
@media(max-width:900px){.current-services-grid{grid-template-columns:1fr 1fr}.current-service-card-site{grid-column:1/-1}.current-services-trust{grid-template-columns:1fr 1fr}.current-services-trust span:last-child{grid-column:1/-1}.current-affiliate{grid-template-columns:1fr}}
@media(max-width:640px){.current-services-shell{width:calc(100% - 12px);padding-top:6px}.current-services-header{top:4px;min-height:60px;padding:7px}.current-services-brand img{width:36px;height:36px}.current-services-brand small{display:none}.current-services-header nav a{display:none}.current-services-header nav a.is-primary{display:inline-flex;padding:9px 12px}.current-services-hero{min-height:390px;padding:24px 18px}.current-services-hero h1{font-size:clamp(2.5rem,13vw,4rem)}.current-services-hero>div{display:grid}.current-services-hero a{width:100%}.current-services-grid{grid-template-columns:1fr}.current-service-card-site{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.current-service-card-site .current-service-top,.current-service-card-site h3,.current-service-card-site dl,.current-service-card-site .current-service-actions,.current-service-card-site>img{grid-column:1;grid-row:auto}.current-service-card>img{height:170px}.current-services-trust span{min-height:46px;font-size:.68rem}.current-services-footer{display:grid}.current-services-heading{display:block}.current-affiliate-actions{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* 2026-09-03: three-piece Mini CodeeSite bundle preview. */
.current-service-card-site{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;gap:18px;grid-column:1/-1}
.current-service-site-heading{display:grid;gap:8px;min-width:0}
.current-service-site-heading .current-service-top,.current-service-site-heading h3,.current-service-site-heading p{grid-column:auto}
.current-service-site-heading h3{margin:0}
.current-service-site-heading p{max-width:800px;margin:0;color:var(--muted);line-height:1.5}
.current-service-bundle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.bundle-visual{display:grid;grid-template-rows:auto 1fr auto;gap:10px;min-width:0;margin:0;padding:12px;border:1px solid rgba(242,198,109,.18);border-radius:18px;background:rgba(3,10,6,.68)}
.bundle-visual figcaption{display:grid;gap:3px;min-height:46px}
.bundle-visual figcaption span{color:var(--gold);font-size:.66rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.bundle-visual figcaption strong{color:var(--cream);font-size:.9rem}
.bundle-site-frame{height:360px;min-height:0;overflow:auto;border-radius:14px;background:#fff;border:1px solid rgba(242,198,109,.18)}
.bundle-site-frame iframe{display:block;width:100%;height:100%;min-height:720px;border:0;background:#fff}
.bundle-qr-frame{display:grid;place-items:center;height:360px;min-height:0;padding:18px;border-radius:14px;background:#edf6fb;overflow:hidden}
.bundle-qr-frame img{display:block;width:min(100%,300px);aspect-ratio:1/1;height:auto;object-fit:contain;image-rendering:auto}
.bundle-visual>small{color:var(--muted);font-size:.72rem}
.handler-scent-flyer{display:grid;grid-template-rows:auto auto auto 1fr auto;align-items:center;justify-items:center;width:min(100%,245px);aspect-ratio:4/5;margin:0 auto;padding:18px 14px;border:1px solid rgba(242,198,109,.36);border-radius:16px;background:linear-gradient(160deg,#10271a,#263718 55%,#0b120b);color:#fff8e9;box-shadow:0 16px 32px rgba(0,0,0,.28);overflow:hidden;text-align:center}
.handler-scent-kicker{color:var(--gold);font-size:.58rem;font-weight:950;letter-spacing:.16em}
.handler-scent-flyer>strong{font-size:clamp(1.2rem,2vw,2rem);line-height:.92;letter-spacing:.08em}
.handler-scent-rule{width:65%;height:1px;background:var(--gold);opacity:.75}
.handler-scent-flyer img{width:min(100%,155px);height:auto;max-height:190px;object-fit:contain;filter:drop-shadow(0 12px 18px rgba(0,0,0,.38))}
.handler-scent-flyer small{color:#e9d9b8;font-size:.72rem}
.current-service-card-site>dl{margin:0}
.current-service-card-site>.current-service-actions{grid-column:auto;margin:0;justify-content:flex-start}
@media(max-width:900px){.current-service-bundle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bundle-site-frame,.bundle-qr-frame{height:300px}.bundle-site-frame iframe{min-height:600px}}
@media(max-width:640px){.current-service-card-site{display:grid;grid-template-columns:1fr}.current-service-bundle-grid{grid-template-columns:1fr}.bundle-site-frame{height:420px}.bundle-qr-frame{height:auto;min-height:300px}.handler-scent-flyer{width:min(100%,280px)}.current-service-card-site>dl,.current-service-card-site>.current-service-actions{grid-column:1}}

/* 2026-09-03: services visual refresh — fewer hard edges, clearer hierarchy,
   and a premium Codee service shelf that still stays fast and readable. */
:root{--gold:#f2c66d;--cream:#fff8e9;--muted:#c9c0ad;--line:rgba(242,198,109,.24);--ink:#050806}
html{background:#020504}
body{background:radial-gradient(900px 520px at 12% -8%,rgba(37,104,74,.34),transparent 58%),radial-gradient(760px 460px at 94% 16%,rgba(190,132,42,.15),transparent 60%),#020504}
.current-services-shell{width:min(1300px,calc(100% - 32px));padding:18px 0 44px}
.current-services-header{min-height:82px;border-radius:24px;padding:12px 18px;border-color:rgba(242,198,109,.26);background:linear-gradient(120deg,rgba(5,15,9,.95),rgba(7,22,15,.82));box-shadow:0 18px 55px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.08)}
.current-services-brand{gap:12px}.current-services-brand img{width:50px;height:50px;filter:drop-shadow(0 8px 18px rgba(242,198,109,.22))}.current-services-brand strong{font-size:1rem;letter-spacing:.08em}.current-services-brand small{font-size:.73rem;letter-spacing:.04em}
.current-services-header nav{gap:4px}.current-services-header nav a{padding:12px 16px;color:#f7eedc;transition:transform .2s ease,background .2s ease}.current-services-header nav a:hover,.current-services-header nav a:focus-visible{transform:translateY(-2px);background:rgba(242,198,109,.12);outline:none}.current-services-header nav a.is-primary{box-shadow:0 8px 22px rgba(242,198,109,.16)}
.current-services-hero{position:relative;isolation:isolate;min-height:510px;margin-top:16px;overflow:hidden;border-radius:32px;padding:clamp(30px,7vw,92px);border-color:rgba(242,198,109,.3);background:linear-gradient(90deg,rgba(2,8,5,.97) 0%,rgba(3,14,9,.78) 52%,rgba(3,9,6,.48) 100%),url('../shop/assets/loops/posters/aik9-shop-clean-field-poster.jpg?v=20260527-owner-workspace-1') center/cover;box-shadow:0 30px 90px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.1)}
.current-services-hero:after{content:"";position:absolute;inset:auto -8% -45% 42%;z-index:-1;height:95%;border-radius:50%;background:radial-gradient(circle,rgba(242,198,109,.2),transparent 66%);filter:blur(10px)}
.current-services-hero p{font-size:.78rem;letter-spacing:.2em}.current-services-hero h1{max-width:10ch;margin:14px 0 18px;font-size:clamp(3.2rem,7vw,6.8rem);line-height:.9;text-wrap:balance}.current-services-hero>span{max-width:570px;color:#ded5c3;font-size:1.12rem}.current-services-hero>div{margin-top:28px}.current-services-hero a,.current-service-actions a,.current-affiliate-actions a{min-height:48px;padding:0 19px}.current-services-hero a:first-child,.current-service-actions a:first-child,.current-affiliate-actions a:first-of-type{box-shadow:0 12px 26px rgba(255,248,233,.13)}
.current-services-trust{gap:0;margin:16px 0;border-radius:18px;background:rgba(242,198,109,.24)}.current-services-trust span{min-height:62px;background:rgba(7,18,11,.92);color:#e9e0cf;font-size:.77rem}.current-services-trust span:before{font-size:1rem}
.current-services-offers,.current-affiliate{border-radius:30px;border-color:rgba(242,198,109,.24);background:linear-gradient(145deg,rgba(16,37,23,.95),rgba(5,13,8,.98));box-shadow:0 24px 70px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.06)}.current-services-heading{margin-bottom:26px}.current-services-heading h2{max-width:13ch;font-size:clamp(2.3rem,4.6vw,4.5rem)}.current-services-grid{gap:16px}.current-service-card{position:relative;overflow:hidden;border-color:rgba(242,198,109,.18);border-radius:22px;padding:20px;background:linear-gradient(160deg,rgba(4,11,7,.9),rgba(10,26,15,.78));box-shadow:0 14px 40px rgba(0,0,0,.18);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.current-service-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.06),transparent 26%)}.current-service-card:hover{transform:translateY(-5px);border-color:rgba(242,198,109,.5);box-shadow:0 22px 50px rgba(0,0,0,.3)}.current-service-card>img{height:245px;border-radius:16px;background:linear-gradient(145deg,#0b1a10,#14291a);padding:8px}.current-service-card h3{font-size:1.85rem;letter-spacing:-.03em}.current-service-top strong{font-size:1.55rem}.current-service-card dd{font-size:.88rem}.current-service-actions{margin-top:24px}.current-service-actions a{font-size:.78rem}.current-service-card-site{grid-template-columns:270px 1fr}.current-service-card-site>img{padding:0}
.current-affiliate{margin-top:16px}.current-affiliate h2{font-size:clamp(2.3rem,4.5vw,4rem)}.current-affiliate-actions{gap:12px}.current-affiliate-actions strong{font-size:1.04rem}.current-services-footer{margin-top:16px;border-radius:20px;border-color:rgba(242,198,109,.2);background:rgba(6,16,10,.9)}
@media(max-width:640px){.current-services-shell{width:calc(100% - 16px);padding-top:8px}.current-services-header{border-radius:18px}.current-services-brand img{width:42px;height:42px}.current-services-hero{min-height:440px;border-radius:24px;padding:30px 22px}.current-services-hero h1{font-size:clamp(3rem,14vw,4.4rem)}.current-service-card{border-radius:20px}.current-service-card>img{height:185px}.current-services-trust{border-radius:14px}}
