/* Shoremark Digital — AI theme, black + green (homepage only, body.ai-theme). Loaded after style.css. */
body.ai-theme{
  --bg:#060908;--bg2:#0a0f0d;--surface:#0e1411;--card:#0e1411;--card2:#121a16;--ink:#eef4ea;--muted:#93a198;--line:rgba(209,246,118,.12);
  --gold:#d1f676;--lime:#d1f676;--green:#3ee08f;--teal:#16b5a0;--deep:#0d2a1e;
  --grad:linear-gradient(100deg,#d1f676 0%,#3ee08f 55%,#16b5a0 100%);
  --font:'DM Sans',Arial,sans-serif;--display:'Sora','DM Sans',Arial,sans-serif;--mono:'JetBrains Mono',ui-monospace,Menlo,monospace;
  background:radial-gradient(rgba(209,246,118,.07) 1px,transparent 1.2px) 0 0/28px 28px,var(--bg);color:var(--ink)
}
.ai-theme ::selection{background:var(--lime);color:#060908}
.ai-theme h1,.ai-theme h2,.ai-theme h3,.ai-theme h4{font-family:var(--display)}
.ai-theme h2{font-weight:600;letter-spacing:-.045em;font-size:clamp(2.3rem,4.2vw,4.2rem);line-height:1.08}
.ai-theme em{font-family:var(--display);font-style:normal;font-weight:600;letter-spacing:-.045em;background:linear-gradient(100deg,#d1f676,#3ee08f,#16b5a0,#d1f676);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 7s linear infinite}
@keyframes shimmer{to{background-position:250% 0}}
.ai-theme .eyebrow,.ai-theme .step,.ai-theme .price-index,.ai-theme .project-type{font-family:var(--mono);font-weight:600;letter-spacing:.12em;color:var(--lime)}
.ai-theme .section-note{color:var(--muted)}
.ai-theme button:focus-visible,.ai-theme a:focus-visible,.ai-theme summary:focus-visible{outline-color:var(--lime)}
.ai-theme .scroll-progress{background:var(--grad);height:2px;box-shadow:0 0 12px var(--lime)}

/* header */
.ai-theme .header{position:fixed;background:rgba(6,9,8,.66);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);border-color:var(--line);color:var(--ink);padding-block:16px}
.ai-theme .header .brand-icon{color:var(--lime)}
.ai-theme .header .brand-sub{color:var(--lime);font-family:var(--mono);letter-spacing:.18em}
.ai-theme .header .nav a{color:#b9c4bd}.ai-theme .header .nav a:hover{color:var(--lime)}
.ai-theme .header-cta{border:1px solid rgba(209,246,118,.45);background:rgba(209,246,118,.06);color:var(--ink)}
.ai-theme .header-cta:hover{background:var(--lime);color:#060908}
.ai-theme .header .cta-spark{color:var(--lime)}
.ai-theme .header-cta:hover .cta-spark{color:#060908}
.ai-theme .language button{color:#8d9a92}.ai-theme .language button[aria-pressed=true]{color:var(--lime)}
.ai-theme .header .menu-toggle{border-color:rgba(255,255,255,.2)}.ai-theme .header .menu-toggle span{background:var(--ink)}
.ai-theme .header:has(.menu-toggle[aria-expanded=true]){background:var(--bg)}
.ai-theme .mobile-nav:not([hidden]){background:rgba(6,9,8,.97);color:var(--ink)}

/* buttons */
.ai-theme .button{border-radius:12px}
.ai-theme .gold{background:var(--grad);background-size:170% 100%;color:#06100a;box-shadow:0 0 0 1px rgba(209,246,118,.3),0 12px 34px -12px rgba(62,224,143,.75);transition:background-position .4s,transform .25s,box-shadow .25s}
.ai-theme .gold:hover{background-position:100% 0;transform:translateY(-2px);box-shadow:0 0 0 1px rgba(209,246,118,.5),0 18px 44px -12px rgba(209,246,118,.8)}
.ai-theme .outline{background:transparent;border-color:rgba(209,246,118,.25);color:var(--ink)}
.ai-theme .outline:hover{border-color:var(--lime);background:rgba(209,246,118,.06)}
.ai-theme .text-link{color:var(--ink);font-weight:500}
.ai-theme .text-link span:last-child{background:var(--grad);height:2px}
.text-link>span:first-child:not(:last-child){display:inline;height:auto;background:none!important;margin:0;transform:none}

/* hero */
.ai-hero{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,80px);align-items:center;padding:150px max(5.5vw,24px) 90px;color:var(--ink);background:radial-gradient(900px 600px at 78% 40%,rgba(62,224,143,.14),transparent 65%),radial-gradient(600px 400px at 0% 0%,rgba(209,246,118,.08),transparent 70%)}
.ai-orbs{display:none}
.ai-floor{position:absolute;left:-20%;right:-20%;bottom:-2px;height:46%;z-index:-1;pointer-events:none;perspective:420px;-webkit-mask-image:linear-gradient(transparent,#000 35%);mask-image:linear-gradient(transparent,#000 35%)}
.ai-floor i{position:absolute;inset:0 0 -60px;transform:rotateX(62deg);transform-origin:50% 100%;background-image:linear-gradient(rgba(209,246,118,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(209,246,118,.22) 1px,transparent 1px);background-size:60px 60px;animation:floor 3.2s linear infinite}
@keyframes floor{to{background-position:0 60px}}
.ai-hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border-radius:99px;background:rgba(209,246,118,.06);border:1px solid rgba(209,246,118,.28);font-size:11px}
.ai-hero .eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgba(62,224,143,.6);animation:ping 2s infinite}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(62,224,143,0)}100%{box-shadow:0 0 0 0 rgba(62,224,143,0)}}
.ai-hero h1{font-family:var(--display);font-size:clamp(2.8rem,5.3vw,5.7rem);line-height:1.02;font-weight:700;letter-spacing:-.055em;margin:26px 0 24px;text-wrap:balance}
.ai-hero h1 em{font-weight:700}
.ai-lead{max-width:56ch;color:var(--muted);font-size:17.5px;line-height:1.7}
.ai-hero .hero-actions{margin-top:34px;gap:26px;flex-wrap:wrap}
.ai-hero .hero-actions .gold{padding:17px 28px;font-size:15px}
.ai-hero .hero-actions .text-link{font-size:15px}
.ai-proof{list-style:none;padding:0;margin:30px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.ai-proof li{font-size:13px;color:#c9d4cc;background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:99px;padding:7px 13px 7px 11px;display:flex;align-items:center;gap:8px}
.ai-proof li::before{content:"✓";font-weight:700;color:var(--lime);font-size:12px}
.ai-stage{position:relative;justify-self:center;width:100%;max-width:410px;perspective:1200px}
.ai-globe{position:absolute;left:50%;top:50%;width:min(960px,215%);aspect-ratio:1;transform:translate(-50%,-50%);z-index:0;pointer-events:none}
.ai-phone{margin:0;position:relative;z-index:1;width:100%;background:#efeae2;border-radius:30px;overflow:hidden;color:#111b21;box-shadow:0 50px 90px -30px rgba(0,0,0,.8),0 0 0 8px #050806,0 0 0 9px rgba(209,246,118,.35),0 0 60px -10px rgba(62,224,143,.45);transform:rotateY(var(--ry,-8deg)) rotateX(var(--rx,4deg));transition:transform .5s cubic-bezier(.2,.7,.3,1)}
.ai-phone-top{display:flex;align-items:center;gap:12px;background:#075e54;color:#fff;padding:16px 18px}
.ai-phone-top strong{display:block;font-size:15px;font-weight:600;line-height:1.2;font-family:var(--font)}
.ai-phone-top small{font-size:12px;color:#cfe9e4}
.ai-avatar{width:38px;height:38px;border-radius:50%;background:var(--grad);color:#06100a;display:grid;place-items:center;font-weight:700;font-size:17px}
.ai-thread{display:flex;flex-direction:column;gap:8px;padding:16px 14px 18px;background:radial-gradient(#d9d2c6 1px,transparent 1px) 0 0/18px 18px,#efeae2}
.ai-day{align-self:center;font-size:11px;letter-spacing:.08em;background:#e1f2fb;color:#54656f;padding:4px 10px;border-radius:7px}
.ai-msg{max-width:84%;padding:8px 10px 6px;border-radius:9px;font-size:14px;line-height:1.45;box-shadow:0 1px 1px #0000001a;animation:aiIn .45s cubic-bezier(.2,.7,.3,1) both;animation-delay:calc(var(--i)*.7s + .3s)}
.ai-msg p{margin:0}
.ai-msg time{display:block;text-align:right;font-size:10.5px;color:#667781;margin-top:2px}
.ai-in{align-self:flex-start;background:#fff;border-top-left-radius:2px}
.ai-out{align-self:flex-end;background:#d9fdd3;border-top-right-radius:2px}
.ai-out time{color:#4a8a6a}
.ai-typing{align-self:flex-start;display:flex;gap:4px;background:#fff;border-radius:9px;padding:10px 12px;animation:aiIn .4s both;animation-delay:3.4s}
.ai-typing i{width:6px;height:6px;border-radius:50%;background:#8fa0a6;animation:blink 1.1s infinite}
.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}
@keyframes blink{50%{opacity:.25}}
.ai-phone figcaption{background:#050806;color:#b9c4bd;font-size:12.5px;line-height:1.5;padding:13px 18px}
@keyframes aiIn{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.ai-chip{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;background:rgba(10,16,13,.78);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(209,246,118,.3);box-shadow:0 16px 36px -16px rgba(0,0,0,.8),0 0 24px -8px rgba(209,246,118,.35);font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;animation:float 6s ease-in-out infinite}
.ai-chip b{display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:var(--grad);color:#06100a;font-size:12px}
.ai-chip .ai-live{background:var(--green);width:10px;height:10px;border-radius:50%;box-shadow:0 0 0 0 rgba(62,224,143,.6);animation:ping 2s infinite}
.ai-chip.c1{left:-56px;top:-24px}
.ai-chip.c2{right:-58px;top:96px;animation-delay:-2s}
.ai-chip.c3{left:40px;bottom:-52px;animation-delay:-4s;font-family:var(--mono);font-size:12px}
@keyframes float{50%{transform:translateY(-10px)}}
.ai-stats{margin:0 max(5.5vw,24px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:22px;overflow:hidden;background:var(--card);border:1px solid var(--line);position:relative}
.ai-stats::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 200px at 10% 0%,rgba(209,246,118,.12),transparent 70%),radial-gradient(500px 200px at 90% 100%,rgba(62,224,143,.14),transparent 70%);pointer-events:none}
.ai-stats::after{content:"";position:absolute;top:0;left:-30%;width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--lime),transparent);animation:scan 5s linear infinite}
@keyframes scan{to{left:100%}}
.ai-stats div{position:relative;padding:26px 26px 24px;border-left:1px solid var(--line);font-size:14px;color:var(--muted);line-height:1.45}
.ai-stats div:first-child{border-left:0}
.ai-stats b{display:block;font-family:var(--display);font-size:clamp(1.8rem,2.6vw,2.6rem);font-weight:700;letter-spacing:-.04em;color:var(--lime);margin-bottom:6px;text-shadow:0 0 24px rgba(209,246,118,.35);font-variant-numeric:tabular-nums}
.motion-paused .ai-msg,.motion-paused .ai-typing,.motion-paused .ai-chip,.motion-paused .ai-floor i,.motion-paused em,.motion-paused .ai-stats::after{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.ai-msg,.ai-typing,.ai-chip,.ai-floor i,.ai-theme em,.ai-stats::after,.ai-theme .featured::before{animation:none!important}.ai-phone{transform:none}}

/* services */
.ai-services{padding-top:110px}
.ai-services .section-heading{margin-bottom:34px}
.ai-group{display:grid;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);gap:36px;padding:34px 0;border-top:1px solid var(--line)}
.ai-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:rgba(209,246,118,.08);border:1px solid rgba(209,246,118,.35);margin-bottom:16px;box-shadow:0 0 24px -6px rgba(209,246,118,.45)}
.ai-icon svg{width:24px;height:24px;fill:none;stroke:var(--lime);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ai-group-head h3{font-size:clamp(1.5rem,2.1vw,2rem);line-height:1.12;font-weight:600;letter-spacing:-.04em}
.ai-group-head p{color:var(--muted);margin-top:10px;max-width:30ch;font-size:15px}
.ai-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;perspective:1000px}
@media(min-width:1101px){.ai-cards{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}}
.ai-service{position:relative;display:flex;flex-direction:column;gap:10px;background:radial-gradient(260px circle at var(--mx,-300px) var(--my,-300px),rgba(209,246,118,.12),transparent 70%),var(--card);border:1px solid var(--line);border-radius:18px;padding:24px 22px 20px;transform:rotateX(var(--tx,0deg)) rotateY(var(--ty,0deg));transition:transform .3s,box-shadow .3s,border-color .3s}
.ai-service:hover{border-color:rgba(209,246,118,.45);box-shadow:0 24px 50px -28px rgba(62,224,143,.55)}
.ai-service h4{margin:0;font-size:18px;font-weight:600;letter-spacing:-.025em}
.ai-service p{color:var(--muted);font-size:14.5px;line-height:1.6}
.ai-price{margin-top:auto;padding-top:14px;border-top:1px dashed rgba(209,246,118,.18);font-family:var(--mono);font-size:13px;font-weight:600;color:var(--ink)}
.ai-vat{font-weight:500;color:var(--muted);font-size:11.5px}
.ai-more{font-size:13.5px;font-weight:600;color:var(--lime)}
.ai-more::after{content:" →"}
.ai-more:hover{text-decoration:underline}
.ai-star{background:radial-gradient(260px circle at var(--mx,80%) var(--my,0%),rgba(209,246,118,.22),transparent 70%),linear-gradient(160deg,#12301f,#0b1a13);border-color:rgba(209,246,118,.5);box-shadow:0 0 40px -14px rgba(209,246,118,.45)}
.ai-star p{color:#c2d0c6}
.ai-badge{align-self:flex-start;font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:#06100a;background:var(--lime);padding:5px 9px;border-radius:7px;font-weight:600}

/* bundles + website packages */
.ai-theme .packages{background:transparent;border:0}
.ai-bundles{padding-top:30px}
.ai-theme .price-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:30px 26px}
.ai-theme .price-card ul{border-color:var(--line)}
.ai-theme .price{font-family:var(--display);font-weight:700;letter-spacing:-.05em}
.ai-theme .price span{color:var(--muted);font-family:var(--font);font-weight:400}
.ai-theme .scope{color:var(--muted)}
.ai-theme .featured{background:linear-gradient(160deg,#12301f,#0a1510);border-color:transparent;box-shadow:0 40px 70px -35px rgba(62,224,143,.55)}
.ai-theme .featured::before{content:"";position:absolute;inset:-1px;border-radius:23px;padding:1.5px;background:conic-gradient(from var(--a,0deg),#d1f676,#3ee08f,#16b5a0,transparent 60%,#d1f676);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:spin 5s linear infinite;pointer-events:none}
@property --a{syntax:'<angle>';initial-value:0deg;inherits:false}
@keyframes spin{to{--a:360deg}}
.ai-theme .price-badge{background:var(--lime);color:#06100a;font-family:var(--mono);font-weight:600;border-radius:7px;right:20px}
.ai-bundle .price{margin:20px 0 4px}
.ai-monthly{font-family:var(--mono);font-size:18px;font-weight:600;letter-spacing:-.02em;color:var(--lime);margin-bottom:22px}
.ai-monthly span{font-family:var(--font);font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0}
.ai-bundle .button{margin-top:auto;width:100%}
.ai-bundle ul{margin-bottom:20px}
.ai-theme .pricing-notes strong{color:var(--ink)}
.ai-theme .pricing-notes{color:var(--muted)}

/* work */
.ai-theme .project-image{border-radius:22px;border:1px solid var(--line)}
.ai-theme .project-tag{border-color:rgba(209,246,118,.35);color:var(--lime);background:rgba(209,246,118,.06);border-radius:99px;font-family:var(--mono);font-size:10.5px}
.ai-theme .concept-image{border-radius:14px;overflow:hidden}

/* marquee */
.ai-theme .marquee{background:var(--bg2);border-block:1px solid var(--line);padding:30px 0}
.ai-theme .marquee-track{font-family:var(--display);font-weight:700;color:transparent;-webkit-text-stroke:1px rgba(209,246,118,.55)}
.ai-theme .marquee-track span:nth-of-type(2n){color:var(--lime);-webkit-text-stroke:0;text-shadow:0 0 30px rgba(209,246,118,.35)}
.ai-theme .marquee i{color:var(--green);-webkit-text-stroke:0}

/* about / process */
.ai-theme .about-location{color:var(--muted);font-family:var(--mono);font-size:13px}
.ai-theme .founder-monogram{border:1px solid rgba(209,246,118,.5);background:rgba(209,246,118,.08);color:var(--lime);font-family:var(--display);font-style:normal;font-weight:700}
.ai-theme .process{background:var(--bg2);border-block:1px solid var(--line)}
.ai-theme .process-grid article{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px 24px}
.ai-theme .step{border:0;padding:0 0 18px}
.ai-theme .process-grid p{color:var(--muted)}

/* website builder */
.ai-theme .package-builder{background:var(--card);border:1px solid var(--line);border-radius:24px}
.ai-theme .site-options label>span,.ai-theme .package-options label>span{border-color:rgba(209,246,118,.18);border-radius:12px}
.ai-theme .site-options input:checked+span,.ai-theme .package-options input:checked+span{border-color:var(--lime);background:rgba(209,246,118,.08);box-shadow:0 0 0 3px rgba(209,246,118,.12)}
.ai-theme .builder-result{background:var(--grad);color:#06100a}
.ai-theme .builder-result .button{background:#06100a;color:var(--lime)}
.ai-theme .builder-result .eyebrow{color:#06100a;opacity:.7}
.ai-theme .compare-label{font-family:var(--mono)}

/* checklist, faq */
.ai-theme .checklist-section{background:transparent;border:0}
.ai-theme .checklist-card{background:linear-gradient(160deg,#12301f,#0a1510);border:1px solid rgba(209,246,118,.3);border-radius:26px;padding:44px clamp(22px,4vw,48px)}
.ai-theme .faq-list summary{font-family:var(--display);font-weight:500}
.ai-theme .faq-list summary span{color:var(--ink);font-size:inherit}
.ai-theme .faq-list summary span[aria-hidden]{color:var(--lime);font-size:25px}

/* contact */
.ai-theme .contact{background:radial-gradient(700px 400px at 0% 100%,rgba(62,224,143,.16),transparent 70%),radial-gradient(600px 400px at 100% 0%,rgba(209,246,118,.1),transparent 70%),var(--bg2);border:1px solid var(--line);border-radius:32px;margin:0 max(2vw,12px)}
.ai-theme .contact-email{color:var(--lime);border-color:var(--green)}
.ai-theme .contact-form{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px 28px}
.ai-theme input:focus,.ai-theme textarea:focus{border-bottom-color:var(--lime);outline:none}

/* footer */
.ai-theme footer .brand-icon{color:var(--lime)}

@media(max-width:1100px){.ai-hero{grid-template-columns:1fr;padding-top:130px}.ai-stage{justify-self:start;margin-left:60px}.ai-group{grid-template-columns:1fr;gap:18px}.ai-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ai-stats div:nth-child(3){border-left:0}.ai-stats div:nth-child(n+3){border-top:1px solid var(--line)}}
@media(max-width:760px){.ai-hero{padding:110px 20px 60px}.ai-hero h1{font-size:44px}.ai-lead{font-size:16px}.ai-stage{margin:44px 0 30px!important;justify-self:stretch;max-width:none}.ai-phone{transform:none}.ai-chip.c1{left:8px;top:-50px}.ai-chip.c2{right:8px;top:auto;bottom:-34px}.ai-chip.c3{display:none}.ai-stats{margin:0 16px}.ai-stats div{padding:20px 18px}.ai-group{padding:28px 0}.ai-theme .contact{margin:0;border-radius:24px}.ai-theme .contact-form{padding:24px 18px}.ai-globe{width:200%}}