/* LuckyWeb hero showcase / isolated from legacy portfolio and software. */
body.lw-premium-site .hero.lw-hero-next{padding:clamp(52px,6.5vw,100px) 0 clamp(50px,6.5vw,88px);background:radial-gradient(ellipse at 80% 34%,rgba(36,133,73,.23),transparent 50%),linear-gradient(115deg,#041009,#071b12 58%,#041009);border-bottom:1px solid rgba(92,230,132,.16);overflow:hidden}
body.lw-premium-site .lw-hero-next .lw-hero-next__layout{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(20px,4vw,62px);align-items:center}
body.lw-premium-site .lw-hero-next .lw-hero-next__copy{min-width:0}
body.lw-premium-site .lw-hero-next .premium-hero-heading{font-size:clamp(43px,5.3vw,74px);line-height:1.04;letter-spacing:-.065em;max-width:680px;margin:18px 0 22px}
body.lw-premium-site .lw-hero-next .premium-hero-heading span{color:#67ffa8;text-shadow:0 0 45px rgba(58,224,118,.22)}
body.lw-premium-site .lw-hero-next .lw-hero-next__kicker{display:flex;align-items:center;gap:10px;font-size:11px;letter-spacing:.16em}
.lw-hero-next__pulse,.lw-hero-next__led{width:8px;height:8px;flex:none;border-radius:50%;background:#75ffa9;box-shadow:0 0 12px rgba(67,255,127,.85)}
body.lw-premium-site .lw-hero-next .lw-hero-next__lead{max-width:510px;font-size:clamp(16px,1.55vw,20px);line-height:1.65;color:#c8ddcf}
.lw-hero-next__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
body.lw-premium-site .lw-hero-next .lw-hero-next__actions a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 16px;font-size:13px;text-align:center}
.lw-hero-next__origin{margin-top:23px;display:flex;align-items:center;gap:8px;color:#b1d3ba;font-size:12px}
.lw-hero-next__tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:27px}
.lw-hero-next__tags span{border:1px solid rgba(118,244,154,.17);border-radius:99px;background:rgba(34,79,48,.26);padding:8px 11px;font-size:11px;color:#c7e1ce}
.lw-hero-next__studio{min-width:0;padding:12px;border:1px solid rgba(113,241,164,.25);border-radius:23px;background:linear-gradient(155deg,rgba(27,71,43,.8),rgba(5,21,12,.95) 55%);box-shadow:0 34px 85px rgba(0,0,0,.46),0 0 55px rgba(38,172,88,.07),inset 0 1px 0 rgba(255,255,255,.08)}
.lw-hero-next__top{display:flex;align-items:center;gap:8px;margin:3px 6px 11px;color:#bedec9;font-size:10px;font-weight:850;letter-spacing:.11em}
.lw-hero-next__top>span:first-child{color:#68ff9f;font-size:15px}.lw-hero-next__led{margin-left:auto}
.lw-hero-next__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:5px;margin-bottom:10px;border-radius:12px;background:#06130c;border:1px solid rgba(106,210,136,.14)}
.lw-hero-next__tabs button{min-width:0;border:1px solid transparent;border-radius:9px;background:transparent;padding:10px 3px;color:#a7cdb4;font:inherit;font-size:11px;font-weight:750;cursor:pointer;transition:background .2s,color .2s}
.lw-hero-next__tabs button:hover{color:#fff;background:rgba(58,155,96,.16)}.lw-hero-next__tabs button.is-active{color:#fff;border-color:rgba(102,255,158,.26);background:linear-gradient(125deg,#113b25,#21683e)}
.lw-hero-next__screen{position:relative;display:block;overflow:hidden;border-radius:14px;border:1px solid rgba(103,221,145,.19);aspect-ratio:1.65;background:#06150d;text-decoration:none;box-shadow:0 12px 30px rgba(0,0,0,.24)}
.lw-hero-next__screen img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s,filter .3s}
.lw-hero-next__screen:hover img{transform:scale(1.035);filter:brightness(1.08)}
.lw-hero-next__shade{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(1,10,6,.94),rgba(1,10,6,.45) 26%,transparent 63%)}
.lw-hero-next__screen-caption{position:absolute;z-index:1;left:16px;bottom:16px;right:52px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;color:#fff;text-shadow:0 2px 9px #001308}
.lw-hero-next__screen-caption small{background:rgba(8,42,19,.82);border:1px solid rgba(146,255,187,.37);padding:4px 7px;border-radius:5px;font-size:10px;font-weight:800;color:#b3ffcd}
.lw-hero-next__screen-caption strong{font-size:clamp(17px,2vw,24px);letter-spacing:-.02em}.lw-hero-next__screen-caption>span{font-size:12px;color:#d4e5d9}
.lw-hero-next__arrow{position:absolute;bottom:17px;right:16px;display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:rgba(15,72,37,.83);color:#edfff4;border:1px solid rgba(139,253,179,.35)}
.lw-hero-next__tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:10px}
.lw-hero-next__tile{display:flex;align-items:center;gap:9px;min-width:0;border:1px solid rgba(98,223,132,.17);background:rgba(3,21,10,.62);border-radius:11px;padding:7px;color:#fff;text-decoration:none;transition:background .2s,transform .2s}
.lw-hero-next__tile:hover{transform:translateY(-2px);background:rgba(32,86,47,.6)}
.lw-hero-next__tile img{flex:none;width:56px;height:48px;object-fit:cover;border-radius:6px}
.lw-hero-next__tile span{display:flex;flex-direction:column;gap:5px;min-width:0}.lw-hero-next__tile strong{font-size:11px;overflow-wrap:anywhere}.lw-hero-next__tile small{font-size:10px;color:#95c4a7}.lw-hero-next__tile b{margin-left:auto;align-self:flex-start;color:#67ffa8}
.lw-hero-next__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 3px 1px;font-size:10px;color:#9bbca5}.lw-hero-next__bottom a{color:#78fba8;text-decoration:none;white-space:nowrap}.lw-hero-next__bottom a:hover{text-decoration:underline}
.lw-hero-next :is(a,button):focus-visible{outline:2px solid #a1ffc7;outline-offset:3px}
@media(max-width:900px){body.lw-premium-site .lw-hero-next .lw-hero-next__layout{grid-template-columns:1fr;gap:36px}body.lw-premium-site .lw-hero-next .premium-hero-heading{font-size:clamp(42px,7.3vw,65px)}.lw-hero-next__studio{max-width:730px;width:100%;margin:auto}}
@media(max-width:560px){body.lw-premium-site .hero.lw-hero-next{padding:36px 0 50px}body.lw-premium-site .lw-hero-next .premium-hero-heading{font-size:clamp(38px,10vw,52px);margin:15px 0}body.lw-premium-site .lw-hero-next .lw-hero-next__lead{font-size:16px}body.lw-premium-site .lw-hero-next .lw-hero-next__actions a{flex:1 1 190px}.lw-hero-next__tags{margin-top:18px}.lw-hero-next__studio{padding:8px;border-radius:16px}.lw-hero-next__tabs button{font-size:10px;padding:10px 2px}.lw-hero-next__screen{aspect-ratio:1.25}.lw-hero-next__tile{gap:5px;padding:5px}.lw-hero-next__tile img{width:41px;height:42px}.lw-hero-next__tile strong{font-size:10px}.lw-hero-next__tile b{display:none}.lw-hero-next__bottom{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:355px){.lw-hero-next__tabs button{font-size:9px}.lw-hero-next__tile img{display:none}}
@media(prefers-reduced-motion:reduce){.lw-hero-next__tile,.lw-hero-next__screen img,.lw-hero-next__tabs button{transition:none!important}.lw-hero-next__screen:hover img,.lw-hero-next__tile:hover{transform:none}}

/* v2.1: considered details, browser framing and clearer work evidence */
body.lw-premium-site .hero.lw-hero-next{background:radial-gradient(ellipse 55% 80% at 78% 42%,rgba(49,139,78,.19),transparent 74%),radial-gradient(ellipse at 4% 100%,rgba(24,103,58,.11),transparent 58%),linear-gradient(114deg,#04100a,#071a11 57%,#05110b)}
body.lw-premium-site .lw-hero-next .premium-hero-heading{letter-spacing:-.075em;line-height:1.015;margin:20px 0 24px}
body.lw-premium-site .lw-hero-next .premium-hero-heading span{background:linear-gradient(115deg,#afffd1 0%,#5effa0 55%,#36d97c 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}
body.lw-premium-site .lw-hero-next .lw-hero-next__lead{max-width:500px;color:#bbd1c0;line-height:1.7;text-wrap:pretty}
body.lw-premium-site .lw-hero-next .lw-hero-next__actions{margin-top:30px}
body.lw-premium-site .lw-hero-next .lw-hero-next__actions a{min-height:51px;padding-inline:18px;font-weight:800}
.lw-hero-next__proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:510px;margin-top:39px;padding-top:19px;border-top:1px solid rgba(128,245,161,.18)}
.lw-hero-next__proof>span{display:flex;flex-direction:column;gap:7px;min-width:0;padding:0 10px}
.lw-hero-next__proof>span:first-child{padding-left:0}
.lw-hero-next__proof>span+span{border-left:1px solid rgba(128,245,161,.13)}
.lw-hero-next__proof small{font-size:10px;font-weight:850;letter-spacing:.12em;color:#69e69b}
.lw-hero-next__proof strong{color:#e3f6e8;font-size:clamp(11px,1.05vw,14px);font-weight:700;line-height:1.3}
.lw-hero-next__studio{position:relative;isolation:isolate;padding:14px;border-radius:24px;border-color:rgba(113,239,151,.29);background:radial-gradient(ellipse at 90% 0%,rgba(98,231,141,.12),transparent 46%),linear-gradient(153deg,#163321,#06170d 56%,#091c11);box-shadow:0 42px 92px rgba(0,0,0,.48),0 0 70px rgba(42,168,84,.07),inset 0 1px 0 rgba(255,255,255,.07)}
.lw-hero-next__top{min-height:29px;gap:9px;margin:1px 5px 15px;letter-spacing:.14em;color:#c9e8d2}
.lw-hero-next__clover{display:block;flex:none;width:20px;height:25px;filter:drop-shadow(0 0 8px rgba(69,245,130,.28))}
.lw-hero-next__count{margin-left:auto;white-space:nowrap;color:#b3ffce;font:750 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;padding:7px 9px;border-radius:8px;border:1px solid rgba(112,234,157,.20);background:#0b2516}
.lw-hero-next__tabs{display:flex;gap:7px;padding:0;margin-bottom:12px;border:0;background:transparent}
.lw-hero-next__tabs button{flex:1 1 0;min-width:0;padding:12px 6px;border:1px solid rgba(124,221,153,.16);background:rgba(3,23,11,.59);border-radius:10px;line-height:1.3}
.lw-hero-next__tabs button.is-active{border-color:rgba(145,255,179,.41);background:linear-gradient(125deg,#205a35,#103824);box-shadow:0 8px 20px rgba(17,103,43,.14)}
.lw-hero-next__browser{padding:5px;background:#06130c;border:1px solid rgba(109,227,147,.29);border-radius:15px;box-shadow:0 18px 38px rgba(0,0,0,.27)}
.lw-hero-next__browser-bar{min-height:32px;display:flex;align-items:center;gap:9px;padding:3px 9px 8px}
.lw-hero-next__browser-dots{display:flex;gap:5px;flex:none}
.lw-hero-next__browser-dots i{display:block;width:7px;height:7px;border-radius:50%;border:1px solid rgba(180,215,187,.2);background:#477a53}
.lw-hero-next__browser-dots i:nth-child(2){background:#2b6040}
.lw-hero-next__browser-dots i:nth-child(3){background:#203f2d}
.lw-hero-next__browser-url{min-width:0;flex:1;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#9cbaaa;font:600 10px/1.3 ui-monospace,SFMono-Regular,Consolas,monospace}
.lw-hero-next__browser-label{font-size:9px;font-weight:850;letter-spacing:.1em;color:#87dbab;padding:4px 6px;border:1px solid rgba(110,230,148,.2);border-radius:5px}
.lw-hero-next__screen{aspect-ratio:1.62;border-radius:10px;border-color:rgba(125,235,155,.15);box-shadow:none}
.lw-hero-next__screen img{object-position:50% 46%}
.lw-hero-next__shade{background:linear-gradient(to top,rgba(2,12,7,.95),rgba(2,12,7,.52) 26%,rgba(2,12,7,.04) 57%,transparent 73%)}
.lw-hero-next__screen-caption strong{font-size:clamp(19px,2vw,26px);line-height:1.12}
.lw-hero-next__arrow{width:38px;height:38px;background:rgba(19,78,41,.93);transition:transform .2s,background .2s}
.lw-hero-next__screen:hover .lw-hero-next__arrow,.lw-hero-next__screen:focus-visible .lw-hero-next__arrow{transform:translate(2px,-2px);background:#176135}
.lw-hero-next__progress{display:flex;justify-content:center;gap:6px;margin:12px 0 2px}
.lw-hero-next__progress i{height:3px;width:35px;border-radius:99px;background:#30533a;transition:width .2s,background .2s}
.lw-hero-next__progress i.is-active{width:64px;background:#72ffae;box-shadow:0 0 12px rgba(96,255,155,.22)}
.lw-hero-next__tiles{gap:11px;margin-top:13px}
.lw-hero-next__tile{gap:9px;padding:8px;border-radius:12px;background:linear-gradient(120deg,rgba(13,47,27,.87),rgba(4,19,11,.97))}
.lw-hero-next__tile img{width:clamp(46px,5vw,69px);height:56px;border-radius:8px}
.lw-hero-next__tile strong{font-size:12px}
.lw-hero-next__bottom{padding:3px 2px 0}
@media(max-width:900px){body.lw-premium-site .lw-hero-next .lw-hero-next__layout{gap:36px}}
@media(max-width:560px){
 body.lw-premium-site .lw-hero-next .premium-hero-heading{font-size:clamp(37px,9.7vw,52px);margin:15px 0 18px}
 body.lw-premium-site .lw-hero-next .lw-hero-next__actions{margin-top:23px}
 .lw-hero-next__proof{margin-top:27px;padding-top:16px}
 .lw-hero-next__proof>span{padding:0 7px;gap:6px}
 .lw-hero-next__proof small{font-size:9px;letter-spacing:.06em}
 .lw-hero-next__proof strong{font-size:11px}
 .lw-hero-next__studio{padding:9px;border-radius:18px}
 .lw-hero-next__top{font-size:9px;margin-bottom:11px}
 .lw-hero-next__tabs{overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;gap:6px}
 .lw-hero-next__tabs::-webkit-scrollbar{display:none}
 .lw-hero-next__tabs button{flex:0 0 auto;min-width:110px;padding:11px 9px;white-space:nowrap;font-size:10px}
 .lw-hero-next__browser{padding:4px}
 .lw-hero-next__browser-bar{gap:6px;padding:3px 6px 7px;min-height:30px}
 .lw-hero-next__browser-url{font-size:9px}
 .lw-hero-next__browser-label{font-size:8px}
 .lw-hero-next__screen{aspect-ratio:1.28}
 .lw-hero-next__tile{padding:6px;gap:5px}
 .lw-hero-next__tile img{width:42px;height:46px}
 .lw-hero-next__tile strong{font-size:10px}
}
@media(max-width:365px){.lw-hero-next__proof strong{font-size:10px}.lw-hero-next__tabs button{min-width:101px}}
@media(prefers-reduced-motion:reduce){.lw-hero-next__progress i,.lw-hero-next__arrow{transition:none!important}.lw-hero-next__screen:hover .lw-hero-next__arrow{transform:none}}

/* v3: five-project showcase. Promote real editors without crowding the hero on phones. */
.lw-hero-next__tabs{display:flex;flex-wrap:nowrap;gap:6px;min-width:0}
.lw-hero-next__tabs button{flex:1 1 0;min-width:0;overflow-wrap:break-word;hyphens:auto;font-size:clamp(9px,.85vw,11px);padding:11px 4px}
.lw-hero-next__tabs button[data-hero-tab="1"],
.lw-hero-next__tabs button[data-hero-tab="2"]{border-color:rgba(131,254,171,.30);background:linear-gradient(130deg,rgba(27,79,47,.77),rgba(11,47,26,.61))}
.lw-hero-next__tabs button[data-hero-tab="1"].is-active,
.lw-hero-next__tabs button[data-hero-tab="2"].is-active{border-color:rgba(156,255,187,.71);background:linear-gradient(130deg,#276f43,#155337);box-shadow:inset 0 1px rgba(239,255,243,.11),0 0 18px rgba(68,222,116,.14)}
.lw-hero-next__tile--studio,.lw-hero-next__tile--shop{border-color:rgba(113,252,151,.33);background:linear-gradient(115deg,rgba(17,65,37,.94),rgba(5,26,13,.97))}
.lw-hero-next__tile--studio img,.lw-hero-next__tile--shop img{object-fit:cover;object-position:center;border:1px solid rgba(136,250,170,.22)}
.lw-hero-next__bottom{align-items:flex-start;line-height:1.4}
@media(max-width:1100px) and (min-width:901px){
 .lw-hero-next__tabs{overflow-x:auto;scrollbar-width:thin;scrollbar-color:#326948 transparent}
 .lw-hero-next__tabs button{flex:0 0 auto;min-width:100px;font-size:9px}
}
@media(max-width:560px){
 .lw-hero-next__tabs{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
 .lw-hero-next__tabs::-webkit-scrollbar{display:none}
 .lw-hero-next__tabs button{flex:0 0 auto;min-width:112px;scroll-snap-align:start;font-size:10px;padding:11px 8px;white-space:normal}
 .lw-hero-next__tile--studio img,.lw-hero-next__tile--shop img{width:52px;height:46px}
 .lw-hero-next__tile strong{font-size:10px;line-height:1.25}
 .lw-hero-next__tile small{font-size:9px;line-height:1.2}
}
@media(max-width:355px){.lw-hero-next__tabs button{min-width:108px}}


/* Homepage first-impression refinement. Readable, luminous, never a redesign. */
body.lw-premium-site .hero.lw-hero-next{
  background:
    radial-gradient(ellipse 49% 74% at 18% 38%,rgba(57,217,118,.125),transparent 71%),
    radial-gradient(ellipse 55% 83% at 80% 39%,rgba(60,171,105,.19),transparent 72%),
    linear-gradient(113deg,#0a2015 0%,#0b2217 54%,#07170f 100%);
  border-bottom-color:rgba(128,245,164,.22);
}
body.lw-premium-site .lw-hero-next .premium-hero-heading{
  text-shadow:0 8px 38px rgba(0,0,0,.23);
}
body.lw-premium-site .lw-hero-next .lw-hero-next__lead{
  color:#def0e3;
  text-wrap:pretty;
}
body.lw-premium-site .lw-hero-next .lw-hero-next__kicker{
  color:#a0ffcc;
}
body.lw-premium-site .lw-hero-next .lw-hero-next__actions .cta:not(.secondary){
  color:#082315!important;
  background:linear-gradient(115deg,#b0ffcd 0%,#74f7a7 58%,#52e990 100%)!important;
  border-color:#b9ffda!important;
  box-shadow:0 12px 33px rgba(64,222,114,.17),inset 0 1px 0 rgba(255,255,255,.45)!important;
}
body.lw-premium-site .lw-hero-next .lw-hero-next__actions .cta.secondary{
  border-color:rgba(139,255,182,.48)!important;
  background:rgba(16,52,32,.64)!important;
  color:#f3fff6!important;
}
body.lw-premium-site .lw-hero-next .lw-hero-next__studio{
  border-color:rgba(137,252,174,.38);
  box-shadow:0 29px 79px rgba(0,0,0,.36),0 0 45px rgba(77,215,121,.085),inset 0 1px 0 rgba(227,255,235,.09);
}
@media(max-width:560px){
  body.lw-premium-site .hero.lw-hero-next{
    background:radial-gradient(ellipse 95% 40% at 32% 19%,rgba(57,206,116,.15),transparent 82%),linear-gradient(180deg,#0c2418,#091a12);
  }
  body.lw-premium-site .lw-hero-next .lw-hero-next__actions a{min-height:48px}
}
