:root{--bento-gap:24px;--bento-gap-mobile:16px;--bento-radius-outer:24px;--bento-radius-inner:12px;--bento-radius-device:16px;--bento-bg-page:#0D0D0D;--bento-bg-card:#1A1A1A;--bento-bg-card-hover:#212121;--bento-border-color:rgba(255,255,255,0.1);--bento-border-color-hover:rgba(255,255,255,0.2);--bento-text-primary:#E0E0E0;--bento-text-secondary:#9A9A9A;--bento-text-accent:#8B5CF6;--mac-header-bg:#2D2D2D;--mac-header-border:rgba(255,255,255,0.05);--iphone-bezel:#1c1c1c;--iphone-frame:#333;--traffic-close:#FF5F56;--traffic-close-border:#E0443E;--traffic-minimize:#FFBD2E;--traffic-minimize-border:#DEA123;--traffic-maximize:#27C93F;--traffic-maximize-border:#1AAB29;--shadow-card:0 4px 12px rgba(0,0,0,0.15);--shadow-card-hover:0 20px 40px rgba(0,0,0,0.4);--shadow-device:0 15px 35px rgba(0,0,0,0.3);--shadow-device-strong:0 20px 50px rgba(0,0,0,0.5)}.bento-grid{display:grid;gap:var(--bento-gap);width:100%;max-width:72rem;margin:0 auto}.bento-grid--cols-12{grid-template-columns:repeat(12,1fr)}.bento-grid--cols-8{grid-template-columns:repeat(8,1fr)}.bento-grid--cols-6{grid-template-columns:repeat(6,1fr)}.bento-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width:1024px){.bento-grid{grid-template-columns:1fr!important;gap:var(--bento-gap-mobile)}}.bento-card{background:var(--bento-bg-card);border:1px solid var(--bento-border-color);border-radius:var(--bento-radius-outer);padding:40px;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.bento-card:hover{border-color:var(--bento-border-color-hover);transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.bento-card--span-1{grid-column:span 1}.bento-card--span-2{grid-column:span 2}.bento-card--span-3{grid-column:span 3}.bento-card--span-4{grid-column:span 4}.bento-card--span-5{grid-column:span 5}.bento-card--span-6{grid-column:span 6}.bento-card--span-7{grid-column:span 7}.bento-card--span-8{grid-column:span 8}.bento-card--span-9{grid-column:span 9}.bento-card--span-10{grid-column:span 10}.bento-card--span-11{grid-column:span 11}.bento-card--span-12{grid-column:span 12}@media (max-width:1024px){.bento-card{padding:24px}.bento-card--span-1,.bento-card--span-10,.bento-card--span-11,.bento-card--span-12,.bento-card--span-2,.bento-card--span-3,.bento-card--span-4,.bento-card--span-5,.bento-card--span-6,.bento-card--span-7,.bento-card--span-8,.bento-card--span-9{grid-column:span 1}}.bento-card__header{margin-bottom:24px}.bento-card__label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--bento-text-accent);margin-bottom:8px}.bento-card__title{font-size:24px;font-weight:600;letter-spacing:-.02em;color:var(--bento-text-primary);margin-bottom:8px;line-height:1.3}.bento-card__description{font-size:14px;color:var(--bento-text-secondary);line-height:1.5}.bento-card__content{flex:1}.bento-card__content,.mac-window{display:flex;flex-direction:column}.mac-window{width:100%;background:var(--mac-header-bg);border-radius:var(--bento-radius-device);box-shadow:var(--shadow-device);border:1px solid rgba(0,0,0,.2);overflow:hidden}.mac-window__header{height:40px;display:flex;align-items:center;padding-left:16px;padding-right:16px;border-bottom:1px solid var(--mac-header-border);background:var(--mac-header-bg)}.mac-window__header--dark{background:#2D2D2D}.mac-window__traffic-lights{display:flex;gap:8px;align-items:center}.mac-window__light{width:12px;height:12px;border-radius:50%;display:block}.mac-window__light--close{background:var(--traffic-close);box-shadow:inset 0 0 0 1px var(--traffic-close-border)}.mac-window__light--minimize{background:var(--traffic-minimize);box-shadow:inset 0 0 0 1px var(--traffic-minimize-border)}.mac-window__light--maximize{background:var(--traffic-maximize);box-shadow:inset 0 0 0 1px var(--traffic-maximize-border)}.mac-window__address-bar{flex:1;display:flex;align-items:center;justify-content:center}.mac-window__url{font-size:12px;color:rgba(255,255,255,.45);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.mac-window__content{position:relative;width:100%;aspect-ratio:16/10;background:#000;overflow:hidden}.mac-window__content img,.mac-window__image{object-fit:contain;object-position:center}.mac-window__image{width:100%;height:100%}.iphone-frame{width:100%;max-width:260px;margin:0 auto;aspect-ratio:9/19.5;background:#000;border-radius:44px;position:relative;border:5px solid var(--iphone-bezel);box-shadow:0 0 0 2px var(--iphone-frame),var(--shadow-device-strong)}.iphone-frame__dynamic-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:30%;height:28px;background:#000;border-radius:20px;z-index:10}.iphone-frame__screen{width:100%;height:100%;border-radius:38px;overflow:hidden;background:#fff;position:relative}.iphone-frame__image{object-fit:cover;object-position:center top;width:100%;height:100%}.iphone-frame__home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:35%;height:4px;background:rgba(255,255,255,.3);border-radius:2px;z-index:10}.bento-section{padding:60px 20px;background:var(--bento-bg-page)}.bento-section__header{max-width:72rem;margin:0 auto 48px;text-align:center}.bento-section__header--split{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;text-align:left;margin-bottom:48px}.bento-section__header-left{flex:1;min-width:0}.bento-section__header-right{width:363px;max-width:100%;min-height:68px;display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.bento-section__title{max-width:100%;font-size:clamp(36px,5vw,56px);font-weight:600;letter-spacing:-.02em;color:var(--bento-text-primary);margin-bottom:0;line-height:1.1}.bento-section__description{font-size:16px;color:rgba(255,255,255,.7);line-height:1.5;text-align:right;margin:0}.bento-card--gradient-border{position:relative;border:none}.bento-card--gradient-border:before{content:"";position:absolute;inset:0;border-radius:var(--bento-radius-outer);padding:1px;background:linear-gradient(135deg,rgba(139,92,246,.5),transparent);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bento-card--glass{background:rgba(26,26,26,.6);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@media (max-width:768px){.bento-section{padding:40px 16px}.bento-section__header{margin-bottom:32px}.bento-section__header--split{flex-direction:column;gap:16px}.bento-section__header-left,.bento-section__header-right{max-width:100%;width:100%}.bento-section__header-right{min-height:auto;height:auto;text-align:left;justify-content:flex-start}.bento-section__title{font-size:32px}.bento-section__description{font-size:16px;text-align:left}.mac-window__header{height:32px;padding-left:12px}.mac-window__light{width:10px;height:10px}.iphone-frame{max-width:200px}}@media (prefers-reduced-motion:reduce){.bento-card,.iphone-frame,.mac-window{transition:none}.bento-card:hover{transform:none}}@media (prefers-contrast:high){.bento-card{border-width:2px}.mac-window__light{border:1px solid}}