@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','DM Sans',sans-serif;background:#0c1327;color:#fff;font-synthesis:none;--wallpaper:url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?w=1400&q=85');--user-dim:0;--surface:#151b28;--surface-text:#f7f7fb;--muted:#a7aebc;--hairline:#ffffff1c}
:root[data-mode=light]{--surface:#f4f5f8;--surface-text:#151825;--muted:#687184;--hairline:#00000018}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5fa8ff;outline-offset:3px}a{color:inherit;text-decoration:none}.wallpaper{position:fixed;inset:0;background-image:linear-gradient(100deg,#06112eaf,#0c163129),var(--wallpaper);background-size:cover;background-position:center;z-index:0}.wallshade{position:fixed;inset:0;z-index:1;background:#000;opacity:var(--user-dim);pointer-events:none}.mac-bar{position:fixed;z-index:5;left:0;right:0;top:0;height:34px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;background:#101b3070;backdrop-filter:blur(24px);border-bottom:1px solid #fff2;font-size:12px}.mac-menu,.mac-tools{display:flex;align-items:center;gap:24px}.mac-bar button{border:0;background:none;color:#fff;padding:4px 0;font-size:12px}.mac-tools button{font-size:18px;font-weight:700}.desktop-home{position:absolute;inset:0;z-index:2}.desktop-copy{position:absolute;left:8.5%;top:27%}.overline{font-size:11px;letter-spacing:3px;font-weight:700;color:#e4e7f2}.desktop-copy h1{font:900 clamp(80px,11vw,177px)/.79 'Barlow Condensed',sans-serif;max-width:670px;letter-spacing:-3px;text-transform:uppercase;margin:30px 0 20px;text-shadow:0 12px 42px #0009}.desktop-copy p{font-size:14px;color:#e3e3e5}.hero-button{border:1px solid #fff9;border-radius:25px;color:#fff;background:#fff2;backdrop-filter:blur(12px);font-size:11px;letter-spacing:1.3px;padding:15px 22px;margin-top:27px;font-weight:700}.desktop-icons{position:absolute;right:36px;top:95px;display:grid;grid-template-columns:repeat(2,94px);gap:25px 6px}.app-tile{border:0;background:none;color:#fff;width:90px;padding:0;display:flex;align-items:center;flex-direction:column;gap:8px;text-shadow:0 2px 5px #000a}.app-icon{width:71px;height:71px;background:#d8dce3;border-radius:17px;display:grid;place-items:center;box-shadow:0 6px 15px #0004,inset 0 1px 0 #fff9;transition:transform .22s cubic-bezier(.2,1.3,.4,1);overflow:hidden}.app-tile:hover .app-icon{transform:translateY(-5px) scale(1.05)}.app-icon svg{width:83%;height:83%}.app-label{font-size:11px;white-space:nowrap;line-height:1.4;font-weight:600}.app-icon-photos{background:linear-gradient(135deg,#fff,#e7e7ed)}.app-icon-safari{background:radial-gradient(circle at 27% 15%,#6ce9fc,#147de1 60%,#0158c4)}.app-icon-camera{background:linear-gradient(145deg,#d3d8e0,#8a95a2)}.app-icon-about{background:linear-gradient(145deg,#63d2ff,#0b58b5)}.app-icon-contact{background:linear-gradient(145deg,#77c9ff,#0871d9)}.app-icon-settings{background:linear-gradient(145deg,#a6aab3,#626c7c)}.dock{position:fixed;z-index:8;bottom:14px;left:50%;transform:translateX(-50%);padding:12px 16px;display:flex;gap:12px;align-items:center;border-radius:24px;border:1px solid #ffffff6d;background:#d1e3f049;backdrop-filter:blur(35px) saturate(180%);box-shadow:0 10px 45px #0006}.dock .app-tile{width:60px}.dock .app-icon{width:59px;height:59px;border-radius:15px}.ios-status,.iphone-home,.homebar{display:none}.windows{position:fixed;inset:0;z-index:12;pointer-events:none}.app-window{position:absolute;top:9%;left:50%;transform:translateX(-50%);width:min(1000px,calc(100vw - 230px));height:min(720px,calc(100vh - 150px));border-radius:15px;background:var(--surface);color:var(--surface-text);box-shadow:0 28px 120px #000b;overflow:hidden;display:flex;flex-direction:column;border:1px solid #ffffff36;pointer-events:auto;animation:pop .23s ease both}.app-window.maximized{inset:34px 10px 87px!important;transform:none!important;width:calc(100vw - 20px);height:calc(100vh - 121px)}@keyframes pop{from{opacity:.3;scale:.96}to{opacity:1;scale:1}}.window-head{height:49px;position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:#84899913;border-bottom:1px solid var(--hairline);font-size:12px;font-weight:600;user-select:none;touch-action:none}.window-lights{display:flex;gap:8px;position:absolute;left:16px;top:18px}.window-lights button{border:0;border-radius:50%;width:13px;height:13px;padding:0}.red-light{background:#ff625b}.yellow-light{background:#ffbc31}.green-light{background:#2dc848}.back-control{display:none}.window-content{overflow:auto;flex:1}.app-body{padding:42px 48px 70px;max-width:1150px;margin:auto}.eyebrow{color:#f47b65;font-size:11px;letter-spacing:2px;font-weight:800}.app-body h2{font:850 clamp(60px,6.5vw,105px)/.94 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:-1px;margin:12px 0 17px}.app-body p{color:var(--muted);line-height:1.8;font-size:14px}.filters{display:flex;gap:8px;overflow-x:auto;margin:25px 0}.filters button{background:#8893a522;border:1px solid var(--hairline);border-radius:22px;color:var(--surface-text);padding:10px 17px;font-size:12px;white-space:nowrap}.filters button.chosen{background:#0b84ff;border-color:#0b84ff;color:#fff}.section-small{font-size:10px;font-weight:700;letter-spacing:2px;color:var(--muted);margin-bottom:14px}.photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.photo-item{position:relative;padding:0;border:0;aspect-ratio:4/3;overflow:hidden;background:#333;color:#fff}.photo-item img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.photo-item:hover img{transform:scale(1.045)}.photo-item span{position:absolute;bottom:0;left:0;right:0;padding:30px 10px 10px;text-align:left;background:linear-gradient(transparent,#000b);font-size:11px;font-weight:700}.gallery-empty{grid-column:1/-1;padding:60px 15px;text-align:center;background:#7772;border-radius:12px}.demo-warning{color:#f5aa8e!important;font-size:11px!important}.about-body{max-width:760px}.about-banner{height:190px;background:linear-gradient(0deg,#14182244,#101b3455),url('https://images.unsplash.com/photo-1516035069371-29a1b244cc32?w=1200&q=80') center/cover;border-radius:16px;margin-bottom:28px}.about-prose{font-size:17px;line-height:1.9;color:var(--muted);white-space:normal;max-width:590px;margin-bottom:20px}.blue-button{background:#0b84ff;color:white;border:0;border-radius:12px;padding:15px 21px;margin-top:18px;font-size:13px;font-weight:700}.contact-body{max-width:720px}.contact-body h2{font-size:clamp(85px,9vw,150px)}.contact-line{display:flex;gap:16px;align-items:center;padding:22px 16px;border-bottom:1px solid var(--hairline)}.contact-line span{font-size:25px;color:#0b84ff}.contact-line strong{flex:1;font-size:14px;overflow-wrap:anywhere}.contact-line b{color:#0b84ff}.address{padding:12px 15px;background:#8882;border:1px solid var(--hairline);text-align:center;border-radius:11px;font-size:12px;color:var(--muted)}.safari-hero{margin:20px 0 28px;padding:55px 45px;border-radius:19px;background:linear-gradient(30deg,#081328eb,#0c102033),url('https://images.unsplash.com/photo-1503376780353-7e6692767b70?w=1100&q=83') center/cover;color:white}.safari-hero small{letter-spacing:2px;font-size:10px}.safari-hero h2{font-size:clamp(69px,9vw,120px);margin:15px 0}.safari-hero p{color:#d9dce4}.browser-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.browser-shortcuts button{border:1px solid var(--hairline);background:#8882;color:var(--surface-text);padding:20px;min-height:125px;border-radius:16px;font-size:27px;text-align:left}.browser-shortcuts strong,.browser-shortcuts small{display:block;font-size:13px;margin-top:10px}.browser-shortcuts small{font-size:11px;color:var(--muted);margin-top:3px}.microcopy{font-size:11px!important;color:var(--muted)!important}.camera-body{height:100%;display:flex;flex-direction:column;padding:25px;gap:14px}.camera-stage{background:#040608;border-radius:14px;min-height:220px;flex:1;display:grid;place-items:center;overflow:hidden}.camera-stage>img{max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}.camera-placeholder{border:1px solid #ffffff33;color:#fff;display:grid;place-items:center;gap:8px;padding:45px}.camera-placeholder span{font-size:45px}.camera-placeholder b{font:800 35px 'Barlow Condensed',sans-serif}.camera-placeholder small{color:#aaa;font-size:12px}.camera-footer{display:flex;flex-direction:column;align-items:center;gap:12px}.camera-footer>span{font-size:10px;color:var(--muted)}.shutter{width:76px;height:76px;border:5px solid #fff;border-radius:50%;display:grid;place-items:center;cursor:pointer;background:#3e444e}.shutter span{width:55px;height:55px;background:#fff;border-radius:50%}.hidden-picker{position:absolute;left:-9999px;width:1px}.setting-heading{margin:30px 0 10px;color:var(--muted);font-size:10px;font-weight:800;letter-spacing:2px}.setting-line{display:flex;align-items:center;justify-content:space-between;min-height:65px;padding:13px 18px;background:#8882;border-bottom:1px solid var(--hairline);border-radius:12px;margin:8px 0;gap:15px;font-size:13px}.setting-line input{max-width:60%;accent-color:#0b84ff}.toggle-group{display:flex;padding:3px;background:#7773;border-radius:10px}.toggle-group button{color:var(--surface-text);background:none;border:0;padding:8px 12px;border-radius:8px;font-size:12px}.toggle-group button.selected{color:#fff;background:#0b84ff}.small-blue{background:#0b84ff;border:0;border-radius:9px;padding:9px 13px;color:white;font-size:12px}.admin-link b{color:#0b84ff}.viewer{position:fixed;inset:0;display:none;flex-direction:column;justify-content:center;align-items:center;background:#090a10;color:#fff;z-index:50}.viewer.visible{display:flex}.photo-nav{display:flex;align-items:center;justify-content:space-between;height:65px;flex-shrink:0;width:100%;padding:0 25px;font-size:13px}.photo-nav button{border:0;background:none;color:#3699ff;font-size:16px}.large-photo{width:min(95vw,1500px);height:calc(100% - 135px);object-fit:contain}.photo-actions{height:70px;display:flex;align-items:center;justify-content:center;gap:40px}.photo-actions button{background:none;border:0;color:#fff;font-size:32px}.photo-actions span{font-size:12px;color:#aaa}.photo-actions .heart-on{color:#ff516c}.quick-panel,.search-panel{position:fixed;display:none;z-index:45;color:white;border:1px solid #ffffff50;border-radius:24px;background:#253045db;box-shadow:0 25px 90px #000a;backdrop-filter:blur(40px)}.quick-panel.visible,.search-panel.visible{display:block}.quick-panel{top:52px;right:20px;width:350px;padding:22px}.quick-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.quick-header button{background:none;border:0;color:#70b4ff}.quick-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-tiles button{background:#fff2;border:1px solid #fff2;color:#fff;border-radius:17px;padding:21px;text-align:left;font-size:24px}.quick-tiles span{display:block;font-size:12px;margin-top:9px}.quick-dim{font-size:12px;display:flex;flex-direction:column;gap:10px;margin-top:25px}.quick-dim input{width:100%;accent-color:#0b84ff}.search-panel{top:18%;left:50%;transform:translateX(-50%);width:min(540px,calc(100vw - 30px));padding:15px;max-height:65vh;overflow:auto}.search-top{display:flex;gap:13px;align-items:center;padding:12px}.search-top input{flex:1;width:0;background:none;border:0;outline:0;font-size:22px;color:white}.search-top button{color:#77baff;background:none;border:0}.search-panel [data-search]{width:100%;display:flex;align-items:center;gap:15px;background:#fff1;border:0;border-radius:12px;color:white;padding:9px;text-align:left;margin-bottom:6px}.search-panel [data-search] .app-icon{width:40px;height:40px;border-radius:11px}.search-panel [data-search] strong{flex:1;font-size:13px}.toast{position:fixed;z-index:70;bottom:110px;left:50%;transform:translate(-50%,12px);padding:14px 21px;border-radius:30px;background:#263041ef;backdrop-filter:blur(18px);font-size:12px;white-space:nowrap;color:white;opacity:0;transition:.2s;pointer-events:none}.toast.shown{opacity:1;transform:translate(-50%,0)}
@media(max-width:700px){.mac-bar,.desktop-home{display:none}.wallpaper{background-image:linear-gradient(180deg,#05102544,#0a163055 60%,#0a102344),var(--wallpaper);background-position:58% center}.ios-status{position:fixed;top:0;left:0;right:0;height:61px;padding:12px 25px 0;display:flex;align-items:center;justify-content:space-between;z-index:10;font-size:15px}.ios-status>strong{min-width:61px}.dynamic-island{position:absolute;left:50%;transform:translateX(-50%);top:9px;width:119px;height:34px;background:#040509;border-radius:22px;display:grid;place-items:center}.dynamic-island i{height:11px;width:11px;background:radial-gradient(circle,#1c3f65,#09101d);position:relative;left:35px;border-radius:50%}.signals{display:flex;align-items:center;gap:5px}.signal-bars{font-weight:800;font-size:11px;letter-spacing:-3px;margin-right:3px}.battery{display:inline-block;width:24px;height:12px;border:1px solid white;border-radius:3px;padding:1px;position:relative;margin-left:1px}.battery:after{content:'';width:2px;height:4px;background:#fff;position:absolute;right:-4px;top:3px}.battery i{display:block;width:87%;height:100%;background:#fff;border-radius:1px}.iphone-home{display:block;position:fixed;inset:0;z-index:2}.widgets{position:absolute;top:clamp(94px,13vh,130px);left:20px;right:20px;display:grid;grid-template-columns:1fr 1fr;height:clamp(145px,21vh,188px);gap:12px}.widgets button{border:0;border-radius:25px;overflow:hidden;box-shadow:0 10px 30px #0005;text-align:left;color:#fff}.feature-widget{padding:17px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(0deg,#071024e0,#07102411 70%),var(--wallpaper) center/cover}.feature-widget>span{font-size:9px;letter-spacing:1.7px}.feature-widget b{font:850 clamp(25px,6vw,37px)/.9 'Barlow Condensed',sans-serif;text-transform:uppercase}.feature-widget small{font-size:10px}.stack-widgets{display:grid;grid-template-rows:1fr 1fr;gap:12px;min-height:0}.calendar-widget,.mm-widget{display:flex;flex-direction:column;justify-content:center;padding:12px 16px}.calendar-widget{background:#f9faf9;color:#1b222f!important}.calendar-widget span{color:#f04f50;font-size:9px;font-weight:800}.calendar-widget b{font-size:38px;line-height:1;font-weight:500}.calendar-widget small{font-size:9px;color:#777}.mm-widget{background:#152039dc;backdrop-filter:blur(25px)}.mm-widget b{font:900 42px/1 'Barlow Condensed',sans-serif}.mm-widget b span{color:#fb795f}.mm-widget small{font-size:8px;margin-top:3px}.home-app-grid{position:absolute;top:clamp(300px,40vh,376px);left:18px;right:18px;display:grid;grid-template-columns:repeat(4,1fr);gap:23px 3px;justify-items:center}.home-app-grid .app-tile{width:100%;max-width:82px}.home-app-grid .app-icon{width:min(15.3vw,66px);height:min(15.3vw,66px);border-radius:22%}.home-app-grid .app-label{font-size:11px;font-weight:500}.search-chip{position:absolute;bottom:137px;left:50%;transform:translateX(-50%);border:0;border-radius:17px;padding:7px 14px;background:#c3c8d24f;color:white;backdrop-filter:blur(15px);font-size:12px}.page-dots{position:absolute;bottom:114px;width:100%;text-align:center;font-size:10px;letter-spacing:4px;color:#fff}.dock{left:13px;right:13px;transform:none;bottom:20px;height:95px;border-radius:29px;justify-content:space-around;padding:12px 8px;gap:0}.dock .app-tile{width:25%}.dock .app-icon{width:min(15vw,65px);height:min(15vw,65px);border-radius:22%}.homebar{display:block;position:fixed;z-index:15;bottom:6px;left:50%;transform:translateX(-50%);width:115px;height:5px;border:0;border-radius:8px;background:white}.windows{z-index:12}.app-window,.app-window.maximized{position:fixed!important;inset:0!important;left:0!important;top:0!important;transform:none!important;width:100%;height:100dvh;border-radius:0;border:0;animation:phone-app .3s cubic-bezier(.2,.8,.2,1)}@keyframes phone-app{from{transform:translateY(60%) scale(.93)!important;opacity:.5}to{transform:none;opacity:1}}.window-head{height:97px;padding-top:48px;font-size:14px}.window-lights{display:none}.back-control{display:flex;align-items:center;gap:4px;position:absolute;left:19px;top:61px;border:0;color:#0b84ff;background:none;padding:0;font-size:26px;line-height:18px}.back-control span{font-size:16px}.window-content .app-body{padding:27px 20px 75px}.window-content .app-body h2{font-size:61px}.window-content .photo-grid{grid-template-columns:repeat(2,1fr);gap:4px}.window-content .photo-item{aspect-ratio:3/4}.window-content .about-body h2,.window-content .contact-body h2{font-size:70px}.window-content .safari-hero{padding:38px 23px}.window-content .safari-hero h2{font-size:65px}.window-content .browser-shortcuts{grid-template-columns:1fr}.window-content .camera-body{padding:14px 13px 58px}.quick-panel{top:62px;right:10px;width:calc(100vw - 20px)}.search-panel{top:72px}.large-photo{width:100vw}.photo-nav{padding:0 15px}.photo-actions{gap:29px}}
@media(max-width:700px) and (max-height:750px){.widgets{top:80px;height:145px}.home-app-grid{top:251px;gap:16px 0}.search-chip{bottom:123px}.page-dots{bottom:105px}.dock{height:86px}}
@media(max-width:360px){.widgets{left:12px;right:12px;gap:8px}.home-app-grid{left:8px;right:8px;gap:14px 0}.dock{left:8px;right:8px}}