*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#15324a;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:linear-gradient(180deg,#dff6ff 0,#f5fbff 24%,#f8fbf5 55%,#e9f6e1 100%);background-attachment:fixed}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 14% 8%,rgba(255,255,255,.95),transparent 22%),radial-gradient(circle at 82% 12%,rgba(67,183,255,.25),transparent 27%),radial-gradient(circle at 70% 80%,rgba(102,201,82,.17),transparent 25%)}body:after{content:"";position:fixed;left:-8vw;right:-8vw;bottom:-18vh;height:43vh;z-index:-1;background:linear-gradient(155deg,#79d765,#b9ec79 46%,#65c95e);border-radius:50% 50% 0 0/35% 35% 0 0;filter:blur(.2px);opacity:.55;pointer-events:none}::selection{background:#5fc5ff;color:#07304b}.site-header{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 4vw;position:sticky;top:0;z-index:20;background:rgba(245,252,255,.72);border-bottom:1px solid rgba(53,122,160,.22);box-shadow:0 8px 30px rgba(39,103,137,.08);backdrop-filter:blur(18px) saturate(145%)}.brand{font-size:20px;font-weight:900;letter-spacing:-1px;color:#123c5b;text-decoration:none;text-shadow:0 1px #fff}.brand:before{content:"●";display:inline-grid;place-items:center;margin-right:9px;color:#42bced;text-shadow:0 0 14px rgba(48,187,237,.55)}.top-nav{display:flex;gap:5px;margin-left:auto;max-width:62vw;overflow-x:auto;scrollbar-width:none}.top-nav::-webkit-scrollbar{display:none}.top-nav a{font-size:11px;font-weight:700;color:#31566e;text-decoration:none;padding:8px 10px;border-radius:999px;white-space:nowrap}.top-nav a:hover{background:rgba(255,255,255,.75);box-shadow:inset 0 0 0 1px rgba(71,140,174,.18)}.privacy-pill{font-size:11px;font-weight:800;color:#21733b;background:rgba(224,255,225,.78);border:1px solid rgba(63,157,76,.3);border-radius:999px;padding:9px 12px;white-space:nowrap;box-shadow:inset 0 1px rgba(255,255,255,.8)}.hero{min-height:650px;padding:110px 6vw 125px;border-bottom:1px solid rgba(43,113,149,.16);position:relative;overflow:hidden}.hero:before{content:"";position:absolute;width:360px;height:360px;right:7vw;top:90px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff 0 7%,#c9f4ff 18%,#51c9ef 54%,#1689c8 75%,#086ca9 100%);box-shadow:inset -24px -28px 50px rgba(0,77,137,.24),inset 18px 18px 34px rgba(255,255,255,.62),0 35px 80px rgba(27,130,184,.25);opacity:.9}.hero:after{content:"";position:absolute;width:210px;height:210px;right:25vw;top:290px;border-radius:50%;background:rgba(255,255,255,.26);border:1px solid rgba(255,255,255,.7);box-shadow:inset 0 0 38px rgba(255,255,255,.65),0 16px 45px rgba(40,145,188,.12);backdrop-filter:blur(3px)}.eyebrow,.section-label{font-size:11px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase;color:#2183b5}.hero h1{position:relative;z-index:2;font-size:clamp(58px,8.4vw,128px);line-height:.86;letter-spacing:-.075em;margin:25px 0 34px;max-width:1100px;color:#123852;text-shadow:0 2px 0 rgba(255,255,255,.8)}.hero-copy{position:relative;z-index:2;font-size:18px;line-height:1.55;max-width:610px;margin-bottom:34px;color:#42677d}.hero-actions{position:relative;z-index:2;display:flex;gap:12px;flex-wrap:wrap}.primary-link,.secondary-link{display:inline-block;text-decoration:none;padding:15px 22px;border-radius:14px;font-weight:850;transition:.18s ease}.primary-link{color:#fff;background:linear-gradient(#43bde9,#168bc9);border:1px solid #117aae;box-shadow:inset 0 1px rgba(255,255,255,.5),0 7px 18px rgba(17,122,174,.2);text-shadow:0 1px rgba(0,0,0,.16)}.secondary-link{color:#24546e;background:rgba(255,255,255,.7);border:1px solid rgba(55,124,158,.25);box-shadow:inset 0 1px #fff,0 7px 18px rgba(32,105,139,.08)}.primary-link:hover,.secondary-link:hover{transform:translateY(-2px);filter:saturate(1.08)}.workflow{padding:90px 5vw;background:rgba(255,255,255,.5);backdrop-filter:blur(8px)}.workflow>h2,.tool-copy h2{font-size:clamp(34px,5vw,68px);letter-spacing:-.055em;line-height:.96;max-width:820px;color:#173f59}.workflow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}.workflow-grid article{padding:24px;min-height:210px;border:1px solid rgba(53,124,158,.22);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(229,247,255,.68));box-shadow:inset 0 1px #fff,0 13px 35px rgba(34,105,137,.09);transition:.2s}.workflow-grid article:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff,0 18px 42px rgba(34,105,137,.14)}.workflow-grid span{font-size:11px;color:#3290ba;font-weight:900}.workflow-grid h3{font-size:22px;margin-top:54px;margin-bottom:9px;color:#17425d}.workflow-grid p{font-size:14px;line-height:1.5;color:#577487}.tool-section,.tool-section-light{padding:92px 5vw;display:grid;grid-template-columns:.78fr 1.22fr;gap:7vw;border-top:1px solid rgba(52,119,151,.16);color:#153a53;background:rgba(237,249,255,.67);backdrop-filter:blur(10px)}.tool-section:nth-of-type(odd),.tool-section-light:nth-of-type(odd){background:rgba(248,253,247,.72)}.tool-copy p:last-child{color:#597488;line-height:1.65;max-width:460px}.feature-notes{display:flex;flex-direction:column;gap:8px;margin-top:24px;font-size:13px;color:#527286}.tool-card,.tool-card-light{background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(235,248,253,.86));border:1px solid rgba(52,119,151,.25);border-radius:24px;padding:22px;box-shadow:inset 0 1px rgba(255,255,255,.95),0 18px 48px rgba(33,102,134,.12);color:#183d55}.drop-zone,.drop-zone-light{height:245px;border:1.5px dashed rgba(38,125,163,.5);border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:.2s;text-align:center;padding:20px;background:linear-gradient(180deg,rgba(235,249,255,.75),rgba(255,255,255,.55))}.drop-zone:hover,.drop-zone.dragging,.drop-zone-light:hover,.drop-zone-light.dragging{background:rgba(214,245,255,.82);border-color:#168fc9;box-shadow:inset 0 0 30px rgba(61,190,235,.09)}.drop-zone strong{font-size:21px;color:#174765}.drop-zone span{font-size:13px;color:#668296}.file-info,.file-info-dark{padding:14px 2px;color:#557286;font-size:13px}.controls{display:grid;gap:10px;margin-top:20px}.controls label,.controls-light label{font-size:12px;font-weight:700;color:#56778c}.controls select,.controls input,.controls button,.download-button,.controls-light select,.controls-light input{width:100%;padding:14px 15px;font:inherit;border-radius:12px}.controls select,.controls input,.controls-light select,.controls-light input{background:rgba(255,255,255,.9);color:#173e58;border:1px solid rgba(53,120,151,.3);outline:none}.controls select:focus,.controls input:focus{border-color:#229fd4;box-shadow:0 0 0 3px rgba(34,159,212,.12)}.controls button,.controls-light button,.download-button{border:1px solid #117fb5;background:linear-gradient(#45bee9,#168bc8);color:#fff;font-weight:850;cursor:pointer;box-shadow:inset 0 1px rgba(255,255,255,.48),0 5px 14px rgba(17,126,179,.16);text-shadow:0 1px rgba(0,0,0,.13)}.controls button:hover,.download-button:hover{filter:saturate(1.12) brightness(1.02)}.controls button:disabled{opacity:.38;cursor:not-allowed;filter:grayscale(.25)}.size-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.status-box{margin-top:18px;padding:14px;border:1px solid rgba(48,119,151,.23);border-radius:12px;font-size:13px;background:rgba(230,246,253,.8);color:#31586f}.result,.result-light{margin-top:25px;border-top:1px solid rgba(54,120,150,.2);padding-top:25px}.preview-wrap,.preview-wrap-light{background:rgba(220,239,247,.68);border:1px solid rgba(51,119,151,.16);border-radius:16px;padding:15px;display:flex;justify-content:center;max-height:390px;overflow:hidden}.preview-wrap canvas,.preview-wrap img{max-width:100%;max-height:360px;object-fit:contain}.result-meta{display:flex;justify-content:space-between;gap:20px;padding:18px 0}.result-meta div{display:flex;flex-direction:column;gap:5px}.result-meta span{font-size:11px;color:#708899}.result-meta strong{font-size:13px}.comparison-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(56,122,151,.18);border:1px solid rgba(56,122,151,.18);border-radius:14px;overflow:hidden;margin-bottom:18px;color:#183d55}.comparison-grid div{background:rgba(255,255,255,.88);padding:14px;display:flex;flex-direction:column;gap:6px;color:#183d55}.comparison-grid span{font-size:10px;color:#748a99;text-transform:uppercase;letter-spacing:1px}.comparison-grid strong{font-size:14px;color:#183d55}.download-button-dark{margin-top:18px}.pack-result-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.pack-result-head>div{display:flex;flex-direction:column;gap:5px}.pack-result-head span{font-size:10px;letter-spacing:1.5px;color:#71899a}.pack-result-head .download-button{width:auto;min-width:190px}.pack-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.pack-output-card{border:1px solid rgba(50,118,150,.2);border-radius:15px;background:rgba(255,255,255,.72);padding:10px;display:grid;gap:10px}.pack-output-card img{width:100%;height:180px;object-fit:contain;background:#e7f3f8;border-radius:10px}.pack-output-card div{display:flex;flex-direction:column;gap:4px}.pack-output-card strong{font-size:13px}.pack-output-card span{font-size:11px;color:#718899}.pack-output-card button{border:1px solid rgba(34,132,174,.3);border-radius:10px;background:#edf9ff;color:#1d5b79;padding:10px;cursor:pointer;font-weight:800}.safe-stage{position:relative;width:min(100%,360px);aspect-ratio:9/16;margin:24px auto 0;background:#0d3044;overflow:hidden;border:1px solid rgba(38,104,137,.35);border-radius:20px}.safe-stage>img{width:100%;height:100%;object-fit:cover;display:block}.safe-overlay{position:absolute;inset:0;pointer-events:none}.unsafe-zone{position:absolute;background:rgba(0,0,0,.48);border:1px dashed rgba(255,255,255,.6);display:flex;align-items:center;justify-content:center}.unsafe-zone span,.safe-boundary span{font-size:9px;font-weight:800;letter-spacing:1px;color:#fff;background:rgba(0,0,0,.72);padding:4px 6px}.safe-top{left:0;right:0;top:0;height:8%}.safe-right{right:0;top:8%;bottom:17%;width:15%}.safe-bottom{left:0;right:0;bottom:0;height:17%}.safe-boundary{position:absolute;left:8%;right:17%;top:11%;bottom:20%;border:2px solid rgba(255,255,255,.9);display:flex;align-items:flex-start;justify-content:center}.safe-boundary span{transform:translateY(-50%)}.safe-caption{font-size:12px;color:#678397;text-align:center;margin:12px 0 0}.trim-player{width:100%;max-height:390px;background:#092a3d;display:block;margin-top:18px;border-radius:16px}.trim-timeline{position:relative;height:44px;margin:18px 0 6px;background:#d7edf6;border:1px solid rgba(43,112,145,.3);border-radius:12px;overflow:hidden}.trim-timeline input[type=range]{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;pointer-events:none;appearance:none}.trim-timeline input[type=range]::-webkit-slider-thumb{appearance:none;width:18px;height:42px;background:#168fc9;cursor:ew-resize;pointer-events:auto;border:0}.trim-timeline input[type=range]::-moz-range-thumb{width:18px;height:40px;background:#168fc9;cursor:ew-resize;pointer-events:auto;border:0;border-radius:0}.trim-selection{text-align:center;font-size:12px;font-weight:700;padding:8px;color:#547488}.trim-time-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.trim-time-grid label{display:grid;gap:6px;font-size:11px;color:#56778b}.trim-time-grid input{padding:12px;border:1px solid rgba(49,116,148,.3);border-radius:10px;background:#fff;font:inherit}.trim-marker-buttons{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.trim-marker-buttons button{padding:12px;border:1px solid rgba(41,119,154,.28);border-radius:10px;background:#effaff;color:#245b77;cursor:pointer;font-weight:800}footer{padding:34px 5vw;display:flex;justify-content:space-between;font-size:12px;color:#416b80;border-top:1px solid rgba(46,114,146,.2);background:rgba(238,250,255,.72);backdrop-filter:blur(10px)}@media(max-width:1000px){.hero:before{right:-100px;opacity:.55}.hero:after{right:16vw;opacity:.45}}@media(max-width:850px){.workflow-grid{grid-template-columns:1fr 1fr}.tool-section,.tool-section-light{grid-template-columns:1fr}.hero{padding-top:80px}.privacy-pill{display:none}.top-nav{margin-left:0}.comparison-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.top-nav{display:none}.hero:before{width:260px;height:260px;right:-110px;top:80px}.hero:after{display:none}}@media(max-width:600px){.pack-result-grid{grid-template-columns:1fr}.pack-result-head{align-items:stretch;flex-direction:column}.pack-result-head .download-button{width:100%}}@media(max-width:520px){.workflow-grid{grid-template-columns:1fr}.hero{min-height:auto;padding:70px 6vw 85px}.hero h1{font-size:55px}.comparison-grid{grid-template-columns:1fr}.size-row,.trim-time-grid,.trim-marker-buttons{grid-template-columns:1fr}footer{gap:20px;flex-direction:column}}