:root{--coral:#e8705a;--coral-light:#f0917e;--coral-dark:#d15a44;--coral-text:#b84d3a;--red-warm:#c94a3a;--orange:#d9855d;--peach:#d9a88d;--peach-light:#f0ddd0;--purple-light:#9b7bbf;--purple:#7b5ea7;--purple-deep:#5b3d8f;--indigo:#3b2c7f;--navy:#2d1b5e;--navy-dark:#1a0f3a;--blue-deep:#1b1464;--white:#fff;--off-white:#faf7f5;--gray-50:#f5f3f0;--gray-100:#e8e4df;--gray-200:#d0cbc4;--gray-300:#a9a19a;--gray-400:#7a7269;--gray-500:#4a443e;--gray-600:#2a2520;--black:#1a1512;--text-primary:var(--gray-600);--text-secondary:var(--gray-400);--text-on-dark:var(--off-white);--bg-primary:var(--white);--bg-secondary:var(--off-white);--accent:var(--coral);--gradient-brand:linear-gradient(135deg, #c94a3a 0%, #e8705a 18%, #d9855d 35%, #9b7bbf 55%, #5b3d8f 75%, #1b1464 100%);--gradient-brand-horizontal:linear-gradient(90deg, #c94a3a 0%, #e8705a 20%, #d9855d 35%, #9b7bbf 55%, #5b3d8f 75%, #1b1464 100%);--gradient-text:linear-gradient(135deg, var(--red-warm) 0%, var(--purple-deep) 50%, var(--indigo) 100%);--gradient-subtle:linear-gradient(180deg, var(--off-white) 0%, var(--white) 100%);--gradient-hero:linear-gradient(130deg, #b83a2e 0%, #d95e45 15%, #d9855d 30%, #9b7bbf 50%, #5b3d8f 70%, #2d1b5e 85%, #1b1464 100%);--gradient-card-hover:linear-gradient(135deg, #e8705a08 0%, #5b3d8f08 100%);--font-primary:"Helvetica Neue", "Arial", system-ui, -apple-system, sans-serif;--font-accent:"Copperplate", "Copperplate Gothic Light", serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--radius-sm:6px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--shadow-sm:0 1px 2px #1a0f3a0d;--shadow-md:0 4px 12px #1a0f3a14;--shadow-lg:0 8px 30px #1a0f3a1f;--shadow-xl:0 16px 50px #1a0f3a29;--shadow-card-hover:0 12px 40px #1a0f3a24, 0 0 0 1px #e8705a14;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.3s;--duration-slow:.5s;--container-xl:1200px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-primary);line-height:1.6;overflow-x:hidden}::selection{color:var(--navy-dark);background:#e8705a40}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);letter-spacing:-.025em;color:var(--text-primary);line-height:1.15}h1{font-size:var(--text-5xl);font-weight:700}h2{font-size:var(--text-4xl);font-weight:700}h3{font-size:var(--text-2xl);font-weight:600}h4{font-size:var(--text-xl);font-weight:600}.text-gradient{background:var(--gradient-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.label{font-family:var(--font-accent);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--coral-text);font-weight:400}.container{width:100%;max-width:var(--container-xl);padding:0 var(--space-6);margin:0 auto}.nav{z-index:100;height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--gray-100);background:#ffffffeb;align-items:center;display:flex;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;display:flex}.nav__brand{align-items:center;gap:var(--space-3);display:flex}.nav__logo-img{width:auto;height:28px;display:block}.nav__logo-text{font-size:var(--text-lg);letter-spacing:-.01em;color:var(--text-secondary);font-weight:600}.nav__badge{letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-full);background:var(--off-white);color:var(--purple-deep);border:1px solid var(--gray-100);padding:2px 8px;font-size:10px;font-weight:700}.nav__links{align-items:center;gap:var(--space-6);display:flex}.nav__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast);font-weight:500}.nav__link:hover{color:var(--coral)}.hero{background:var(--gradient-hero);padding:var(--space-32) 0 var(--space-24);text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero__grain{opacity:.04;pointer-events:none;z-index:2;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero__overlay{z-index:1;pointer-events:none;background:linear-gradient(#0a06140f 0%,#0a06142e 20%,#0a061461 45%,#0a06148c 70%,#0a0614b8 100%);position:absolute;inset:0}.hero__fade{opacity:0;animation:heroFadeIn .9s var(--ease-out) forwards;transform:translateY(30px)}.hero__fade--1{animation-delay:.2s}.hero__fade--2{animation-delay:.45s}.hero__fade--3{animation-delay:.65s}.hero__fade--4{animation-delay:.85s}.hero__fade--5{animation-delay:1.05s}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero__label{align-items:center;gap:var(--space-2);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:#ffffffb3;margin-bottom:var(--space-8);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;font-weight:600;display:inline-flex}.hero__label-dot{background:var(--coral-light);border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__title{font-size:var(--text-6xl);letter-spacing:-.03em;color:var(--white);max-width:700px;margin:0 auto var(--space-6);text-shadow:0 2px 40px #00000026;font-weight:800;line-height:1.05}.hero__subtitle{font-size:var(--text-lg);color:#ffffffb3;max-width:520px;margin:0 auto var(--space-10);line-height:1.7}.hero__stats{justify-content:center;align-items:center;gap:var(--space-12);margin-top:var(--space-12);display:flex}.hero__stat{text-align:center}.hero__stat-number{font-size:var(--text-3xl);color:var(--white);font-weight:800;line-height:1}.hero__stat-label{font-size:var(--text-xs);color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;margin-top:var(--space-1)}.hero__stat-divider{background:#ffffff26;width:1px;height:40px}.hero__orb{pointer-events:none;z-index:0;filter:blur(80px);border-radius:50%;position:absolute}.hero__orb--1{background:radial-gradient(circle,#c94a3a59 0%,#0000 70%);width:500px;height:500px;animation:12s ease-in-out infinite orbFloat1;top:-15%;right:-8%}.hero__orb--2{background:radial-gradient(circle,#9b7bbf40 0%,#0000 70%);width:400px;height:400px;animation:15s ease-in-out infinite orbFloat2;bottom:-10%;left:-5%}@keyframes orbFloat1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-40px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.95)}}@keyframes orbFloat2{0%,to{transform:translate(0)scale(1)}50%{transform:translate(40px,-30px)scale(1.08)}}.section{padding:var(--space-20) 0}.section--alt{background:var(--bg-secondary)}.section__header{margin-bottom:var(--space-10);justify-content:space-between;align-items:flex-end;display:flex}.section__title{font-size:var(--text-3xl);margin-top:var(--space-2);font-weight:700}.section__link{font-size:var(--text-sm);color:var(--coral);transition:opacity var(--duration-fast);font-weight:500}.section__link:hover{opacity:.7}.grid{gap:var(--space-6);display:grid}.grid--2{grid-template-columns:repeat(2,1fr)}.grid--3{grid-template-columns:repeat(3,1fr)}.grid--4{grid-template-columns:repeat(4,1fr)}.tool-card{background:var(--white);border:1px solid var(--gray-100);border-radius:var(--radius-xl);padding:var(--space-8);cursor:pointer;transition:all var(--duration-normal) var(--ease-spring);flex-direction:column;display:flex;position:relative;overflow:hidden}.tool-card:after{content:"";border-radius:inherit;opacity:0;transition:opacity var(--duration-normal);background:var(--gradient-card-hover);pointer-events:none;position:absolute;inset:0}.tool-card:hover{box-shadow:var(--shadow-card-hover);border-color:#e8705a26;transform:translateY(-6px)}.tool-card:hover:after{opacity:1}.tool-card__icon{border-radius:var(--radius-lg);background:var(--gradient-brand);width:52px;height:52px;margin-bottom:var(--space-6);z-index:1;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:0 4px 12px #e8705a33}.tool-card__icon svg{color:#fff;stroke-width:1.5px;width:24px;height:24px}.tool-card__name{font-size:var(--text-lg);margin-bottom:var(--space-2);z-index:1;color:var(--text-primary);font-weight:700;position:relative}.tool-card__desc{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-8);z-index:1;flex:1;line-height:1.65;position:relative}.tool-card__meta{z-index:1;padding-top:var(--space-4);border-top:1px solid var(--gray-50);justify-content:space-between;align-items:center;display:flex;position:relative}.tool-card__tags{gap:var(--space-2);display:flex}.tag{font-size:var(--text-xs);border-radius:var(--radius-full);background:var(--gray-50);color:var(--text-secondary);padding:2px 10px;font-weight:500}.tool-card__cta{font-size:var(--text-sm);color:var(--coral);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.tool-card__cta .arrow{transition:transform var(--duration-normal) var(--ease-out)}.tool-card:hover .tool-card__cta .arrow{transform:translate(4px)}.tool-card--featured{padding:var(--space-10);background:var(--white);border-color:var(--gray-100)}.tool-card--featured .tool-card__icon{width:60px;height:60px}.tool-card--featured .tool-card__icon svg{width:28px;height:28px}.tool-card--featured .tool-card__name{font-size:var(--text-xl)}.badge{font-size:var(--text-xs);border-radius:var(--radius-full);letter-spacing:.02em;padding:3px 12px;font-weight:600}.badge--free{color:#2e8b57;background:#50c8781a;border:1px solid #50c87833}.badge--premium{color:var(--coral-dark);background:#e8705a1a;border:1px solid #e8705a26}.badge--new{color:var(--purple-deep);background:#5b3d8f1a;border:1px solid #5b3d8f26}.btn{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);letter-spacing:.02em;transition:all var(--duration-normal) var(--ease-out);cursor:pointer;display:inline-flex;position:relative;overflow:hidden}.btn--primary{background:var(--coral);color:var(--white);box-shadow:0 2px 8px #e8705a33}.btn--primary:before{content:"";transition:transform .6s var(--ease-out);background:linear-gradient(135deg,#0000 30%,#ffffff26 50%,#0000 70%);position:absolute;inset:0;transform:translate(-100%)}.btn--primary:hover:before{transform:translate(100%)}.btn--primary:hover{background:var(--coral-dark);transform:translateY(-1px);box-shadow:0 4px 16px #e8705a4d}.btn--secondary{color:var(--text-primary);border:1.5px solid var(--gray-200);background:0 0}.btn--secondary:hover{border-color:var(--coral);color:var(--coral);transform:translateY(-1px)}.btn--ghost{color:var(--text-secondary);border:1px solid var(--gray-100);background:0 0}.btn--ghost:hover{color:var(--text-primary);border-color:var(--gray-200);background:var(--gray-50)}.btn--outline-light{color:var(--white);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:1.5px solid #ffffff40}.btn--outline-light:hover{background:#fff3;border-color:#fff6;transform:translateY(-2px)}.btn--glass{color:var(--white);-webkit-backdrop-filter:blur(16px);border-radius:var(--radius-full);background:#ffffff14;border:1px solid #ffffff26}.btn--glass:before{content:"";border-radius:inherit;transition:transform .8s var(--ease-out);background:linear-gradient(135deg,#0000 40%,#ffffff1f 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}.btn--glass:hover{background:#ffffff24;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 30px #e8705a26,inset 0 1px #ffffff1a}.btn--glass:hover:before{transform:translate(100%)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.tool-page{max-width:680px;padding:var(--space-12) var(--space-6) var(--space-24);margin:0 auto}.tool-page__back{font-size:var(--text-sm);color:var(--text-secondary);align-items:center;gap:var(--space-2);margin-bottom:var(--space-8);transition:color var(--duration-fast);display:inline-flex}.tool-page__back:hover{color:var(--coral)}.tool-page__header{margin-bottom:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--gray-100)}.tool-page__title{font-size:var(--text-4xl);margin-bottom:var(--space-3);letter-spacing:-.03em;font-weight:800}.tool-page__description{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7}.form-group{margin-bottom:var(--space-6)}.form-label{font-size:var(--text-sm);margin-bottom:var(--space-2);color:var(--text-primary);font-weight:600;display:block}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1.5px solid var(--gray-100);background:var(--white);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);transition:all var(--duration-fast);outline:none}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--coral);box-shadow:0 0 0 3px #e8705a14}.form-input::placeholder,.form-textarea::placeholder{color:var(--gray-300)}.form-textarea{resize:vertical;min-height:130px;line-height:1.6}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A9A19A' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:40px}.output{margin-top:var(--space-10);padding:var(--space-8);border-radius:var(--radius-xl);background:var(--off-white);border:1px solid var(--gray-100);min-height:180px}.output__header{margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;display:flex}.output__label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.output__actions{gap:var(--space-2);display:flex}.output__text{font-size:var(--text-base);color:var(--text-primary);white-space:pre-wrap;line-height:1.8}.output__placeholder{color:var(--gray-300);text-align:center;padding:var(--space-10) 0;justify-content:center;align-items:center;gap:var(--space-2);display:flex}.loading-dots{gap:4px;display:inline-flex}.loading-dots span{background:var(--coral);border-radius:50%;width:6px;height:6px;animation:1.2s ease-in-out infinite dotPulse}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes dotPulse{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.cta-banner{padding:var(--space-16);border-radius:var(--radius-2xl);background:var(--gradient-hero);text-align:center;margin:var(--space-16) 0;color:var(--white);position:relative;overflow:hidden}.cta-banner:before{content:"";opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:absolute;inset:0}.cta-banner h3{font-size:var(--text-3xl);margin-bottom:var(--space-3);color:var(--white);font-weight:800;position:relative}.cta-banner p{color:#ffffffb3;margin-bottom:var(--space-8);font-size:var(--text-lg);position:relative}.submit-section{text-align:center;padding:var(--space-16) 0;border-top:1px solid var(--gray-100)}.submit-section__icon{background:var(--off-white);border:2px dashed var(--gray-200);width:64px;height:64px;margin:0 auto var(--space-6);font-size:var(--text-2xl);border-radius:50%;justify-content:center;align-items:center;display:flex}.footer{padding:var(--space-12) 0 var(--space-8);border-top:1px solid var(--gray-100)}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__text{font-size:var(--text-sm);color:var(--gray-300)}.footer__links{gap:var(--space-6);display:flex}.footer__link{font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--duration-fast)}.footer__link:hover{color:var(--coral)}.section--project{padding:var(--space-16) 0}.section__subtitle{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-2)}.label--accent{background:var(--gradient-hero);color:var(--white)}.project-showcase{padding:var(--space-10);border-radius:var(--radius-2xl);background:var(--white);border:1px solid var(--gray-100);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal);color:inherit;text-decoration:none;display:block;position:relative;overflow:hidden}.project-showcase:before{content:"";background:var(--gradient-hero);height:4px;position:absolute;top:0;left:0;right:0}.project-showcase:hover{transform:translateY(-4px);box-shadow:0 20px 60px #00000014}.project-showcase__header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.project-showcase__icon{font-size:2.5rem}.project-showcase__meta{align-items:center;gap:var(--space-4);display:flex}.project-showcase__status{align-items:center;gap:var(--space-1);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#22c55e;font-weight:600;display:inline-flex}.project-showcase__status-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.project-showcase__date{font-size:var(--text-xs);color:var(--gray-300)}.project-showcase__title{font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-1);color:var(--text-primary);font-weight:800}.project-showcase__tagline{font-size:var(--text-lg);color:var(--coral);margin-bottom:var(--space-4);font-weight:500}.project-showcase__desc{font-size:var(--text-base);color:var(--text-secondary);max-width:680px;margin-bottom:var(--space-8);line-height:1.7}.project-showcase__features{gap:var(--space-3);margin-bottom:var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.project-showcase__feature{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);display:flex}.project-showcase__check{color:#22c55e;font-weight:700;font-size:var(--text-base)}.project-showcase__stats{gap:var(--space-10);padding:var(--space-6) 0;border-top:1px solid var(--gray-100);border-bottom:1px solid var(--gray-100);margin-bottom:var(--space-6);display:flex}.project-showcase__stat{flex-direction:column;gap:2px;display:flex}.project-showcase__stat-value{font-size:var(--text-2xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:800}.project-showcase__stat-label{font-size:var(--text-xs);color:var(--gray-300);text-transform:uppercase;letter-spacing:.06em}.project-showcase__tech{gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.project-showcase__tech-tag{border-radius:var(--radius-full);background:var(--off-white);font-size:var(--text-xs);color:var(--text-secondary);border:1px solid var(--gray-100);padding:4px 10px;font-weight:500}.project-showcase__cta{align-items:center;gap:var(--space-2);color:var(--coral);font-weight:600;font-size:var(--text-base);transition:gap var(--duration-fast);display:inline-flex}.project-showcase:hover .project-showcase__cta{gap:var(--space-3)}.soh-live-section{margin-top:var(--space-10)}.soh-live-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;display:flex}.soh-live-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.soh-live-count{font-size:var(--text-xs);color:var(--gray-300);font-weight:500}.hotel-cards-grid{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.hotel-card{border-radius:var(--radius-xl);background:var(--white);border:1px solid var(--gray-100);transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal);color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.hotel-card:hover{transform:translateY(-3px);box-shadow:0 12px 40px #00000014}.hotel-card__img{background:var(--off-white);height:160px;position:relative;overflow:hidden}.hotel-card__img img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out)}.hotel-card:hover .hotel-card__img img{transform:scale(1.05)}.hotel-card__img-placeholder{background:var(--off-white);justify-content:center;align-items:center;width:100%;height:100%;font-size:2.5rem;display:flex}.hotel-card__badge{top:var(--space-2);left:var(--space-2);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#0009;padding:3px 8px;font-size:.65rem;font-weight:600;position:absolute}.hotel-card__body{padding:var(--space-4);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.hotel-card__name{font-size:var(--text-sm);color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.hotel-card__headline{font-size:var(--text-xs);color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:2px;line-height:1.5;display:-webkit-box;overflow:hidden}.hotel-card__footer{padding-top:var(--space-3);border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.hotel-card__time{color:var(--gray-300);font-size:.65rem;font-weight:500}.hotel-card__link{font-size:var(--text-xs);color:var(--coral);transition:gap var(--duration-fast);font-weight:600}.hotel-card:hover .hotel-card__link{text-decoration:underline}.hotel-card--skeleton{pointer-events:none}.skeleton-pulse{background:linear-gradient(90deg, var(--gray-100) 25%, var(--off-white) 50%, var(--gray-100) 75%);background-size:200% 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.soh-page{min-height:100vh}.soh-hero{padding:var(--space-20) 0 var(--space-12);background:var(--gradient-hero);position:relative;overflow:hidden}.soh-hero:before{content:"";pointer-events:none;z-index:1;background:#00000073;position:absolute;inset:0}.soh-hero:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(at 20% 80%,#0000004d 0%,#0000 50%),radial-gradient(at 80% 20%,#0003 0%,#0000 50%);width:140%;height:200%;position:absolute;top:-50%;left:-20%}.soh-hero__back{align-items:center;gap:var(--space-2);color:#ffffffb3;font-size:var(--text-sm);margin-bottom:var(--space-8);transition:color var(--duration-fast);z-index:2;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.soh-hero__back:hover{color:#ffffffe6}.soh-hero__content{z-index:2;max-width:640px;position:relative}.soh-hero__badge{align-items:center;gap:var(--space-2);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:#22c55e;margin-bottom:var(--space-4);font-weight:600;display:inline-flex}.soh-hero__badge-dot{background:#22c55e;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.soh-hero__title{letter-spacing:-.03em;color:#fff;margin-bottom:var(--space-2);font-size:clamp(2.5rem,5vw,3.5rem);font-weight:800;line-height:1.1}.soh-hero__tagline{font-size:var(--text-xl);color:#ffffffd9;margin-bottom:var(--space-4);font-style:italic;font-weight:500}.soh-hero__desc{font-size:var(--text-base);color:#ffffffb3;margin-bottom:var(--space-8);line-height:1.7}.soh-hero__actions{margin-bottom:var(--space-10)}.btn--primary{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-xl);background:var(--coral);color:#fff;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast), box-shadow var(--duration-fast);border:none;text-decoration:none;display:inline-flex}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff6b4a59}.soh-hero__stats{align-items:center;gap:var(--space-8);margin-bottom:var(--space-6);display:flex}.soh-hero__stat{flex-direction:column;gap:2px;display:flex}.soh-hero__stat-value{font-size:var(--text-2xl);color:#fff;letter-spacing:-.02em;font-weight:800}.soh-hero__stat-label{font-size:var(--text-xs);color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em}.soh-hero__stat-divider{background:#ffffff40;width:1px;height:32px}.soh-hero__tech{gap:var(--space-2);flex-wrap:wrap;display:flex}.soh-hero__tech-tag{border-radius:var(--radius-full);font-size:var(--text-xs);color:#ffffffb3;background:#ffffff1a;border:1px solid #fff3;padding:4px 10px;font-weight:500}.soh-grid-section{padding:var(--space-12) 0 var(--space-20)}.soh-grid-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;display:flex}.soh-grid-header__title{font-size:var(--text-2xl);letter-spacing:-.02em;font-weight:800}.soh-grid-header__count{font-size:var(--text-sm);color:var(--gray-300)}.soh-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.soh-card{border-radius:var(--radius-xl);background:var(--white);border:1px solid var(--gray-100);color:inherit;transition:transform var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal);flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.soh-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #0000001a}.soh-card__img{background:var(--off-white);height:200px;position:relative;overflow:hidden}.soh-card__img img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-normal) var(--ease-out)}.soh-card:hover .soh-card__img img{transform:scale(1.06)}.soh-card__img-placeholder{background:var(--off-white);justify-content:center;align-items:center;width:100%;height:100%;font-size:3rem;display:flex}.soh-card__badge{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;text-transform:uppercase;letter-spacing:.06em;background:#000000a6;padding:4px 10px;font-size:.65rem;font-weight:600;position:absolute}.soh-card__img-count{bottom:var(--space-2);right:var(--space-2);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;background:#00000080;padding:3px 8px;font-size:.6rem;font-weight:500;position:absolute}.soh-card__body{padding:var(--space-5);gap:var(--space-2);flex-direction:column;flex:1;display:flex}.soh-card__name{font-size:var(--text-base);color:var(--text-primary);font-weight:700;line-height:1.3}.soh-card__headline{font-size:var(--text-sm);color:var(--text-secondary);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.soh-card__tags{margin-top:var(--space-1);flex-wrap:wrap;gap:6px;display:flex}.soh-card__tag{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;font-size:.6rem;font-weight:600}.soh-card__tag--now{color:#16a34a;background:#22c55e1a}.soh-card__tag--emerging{color:#d97706;background:#f59e0b1a}.soh-card__tag--future{color:#6366f1;background:#6366f11a}.soh-card__footer{padding-top:var(--space-3);border-top:1px solid var(--gray-100);justify-content:space-between;align-items:center;margin-top:auto;display:flex}.soh-card__time{color:var(--gray-300);font-size:.65rem;font-weight:500}.soh-card__link{font-size:var(--text-xs);color:var(--coral);font-weight:600}.soh-card:hover .soh-card__link{text-decoration:underline}.soh-card--skeleton{pointer-events:none}.soh-empty{text-align:center;padding:var(--space-16) var(--space-4)}.soh-empty__icon{margin-bottom:var(--space-4);font-size:3rem}.soh-empty h3{font-size:var(--text-xl);margin-bottom:var(--space-2);font-weight:700}.soh-empty p{color:var(--text-secondary);margin-bottom:var(--space-6)}.soh-error{text-align:center;padding:var(--space-8);color:#ef4444;font-weight:500}@media (max-width:768px){.grid--3,.grid--4{grid-template-columns:repeat(2,1fr)}.hero__title{font-size:var(--text-4xl)}.hero{padding:var(--space-20) 0 var(--space-16);min-height:auto}.hero__stats{gap:var(--space-6)}.hero__stat-number{font-size:var(--text-2xl)}.nav__links{display:none}.footer__inner{gap:var(--space-4);text-align:center;flex-direction:column}.hero__scroll-indicator{display:none}.project-showcase{padding:var(--space-6)}.project-showcase__features{grid-template-columns:1fr}.project-showcase__stats{gap:var(--space-6);flex-wrap:wrap}.project-showcase__title{font-size:var(--text-2xl)}.hotel-cards-grid,.soh-grid{grid-template-columns:repeat(2,1fr)}.soh-hero__stats{gap:var(--space-6);flex-wrap:wrap}.soh-hero__title{font-size:var(--text-3xl)}}@media (max-width:480px){.grid--2,.grid--3,.grid--4{grid-template-columns:1fr}.hero__title{font-size:var(--text-3xl)}.hero__stats{gap:var(--space-4);flex-direction:column}.hero__stat-divider{display:none}.hotel-cards-grid,.soh-grid{grid-template-columns:1fr}.soh-hero__stat-divider{display:none}.soh-hero__stats{gap:var(--space-4);flex-direction:column}}.hero__word{opacity:0;animation:.6s cubic-bezier(.25,.46,.45,.94) forwards wordReveal;animation-delay:calc(.6s + var(--word-index,0) * .1s);margin-right:.25em;display:inline-block;transform:translateY(24px)}@keyframes wordReveal{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.hero__particles{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero__particle{left:var(--p-x);top:var(--p-y);width:var(--p-size);height:var(--p-size);background:rgba(255, 255, 255, var(--p-opacity));animation:particleFloat var(--p-duration) ease-in-out var(--p-delay) infinite;will-change:transform, opacity;border-radius:50%;position:absolute}@keyframes particleFloat{0%,to{opacity:var(--p-opacity);transform:translate(0)scale(1)}25%{opacity:calc(var(--p-opacity) * 1.5);transform:translate(12px,-18px)scale(1.2)}50%{opacity:calc(var(--p-opacity) * .6);transform:translate(-8px,-30px)scale(.8)}75%{opacity:var(--p-opacity);transform:translate(15px,-12px)scale(1.1)}}.hero__glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#e8705a26 0%,#0000 70%);border-radius:50%;width:600px;height:600px;animation:5s ease-in-out infinite glowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes glowPulse{0%,to{opacity:.5;transform:translate(-50%,-50%)scale(1)}50%{opacity:.8;transform:translate(-50%,-50%)scale(1.3)}}.hero__cta-btn{position:relative;overflow:hidden}.btn__shimmer{border-radius:inherit;pointer-events:none;background:linear-gradient(105deg,#0000 30%,#ffffff1f 45%,#fff3 50%,#ffffff1f 55%,#0000 70%);animation:3.5s ease-in-out infinite shimmerLoop;position:absolute;inset:0}@keyframes shimmerLoop{0%{transform:translate(-120%)}40%{transform:translate(120%)}to{transform:translate(120%)}}.hero__scroll-indicator{bottom:var(--space-10);z-index:3;align-items:center;gap:var(--space-2);flex-direction:column;display:flex;position:absolute;left:50%;transform:translate(-50%)}.hero__scroll-mouse{border:2px solid #ffffff59;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.hero__scroll-dot{background:#fff9;border-radius:3px;width:3px;height:8px;animation:2s ease-in-out infinite scrollDot}@keyframes scrollDot{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.2;transform:translateY(12px)}}.scroll-reveal{opacity:0;transition:opacity .8s cubic-bezier(.25,.46,.45,.94),transform .8s cubic-bezier(.25,.46,.45,.94);transform:translateY(40px)}.scroll-reveal--visible{opacity:1;transform:translateY(0)}.scroll-reveal--visible .reveal-card{animation:.6s cubic-bezier(.34,1.56,.64,1) forwards cardEntrance;animation-delay:calc(var(--card-index,0) * .12s);opacity:0}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.nav{animation:.6s cubic-bezier(.33,1,.68,1) .1s both navSlideDown}@keyframes navSlideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}